原创 詳細瞭解flex佈局的相關屬性

flex佈局相信大家已經不陌生了,越來越多的人在開發中使用flex進行自適應的佈局。但是呢,有些flex的屬性代表什麼意思你真的瞭解嗎?下面我就着重說一說不常用的flex屬性吧(可能只是我個人不常用  (⊙﹏⊙)) 包含元素設置displ

原创 關於vue中Watch的一些深入用法

今天在掘金上瀏覽時看到的,覺得很有必要記錄一下  原文地址我大概總結一下:1.常規的開發中監聽數據變化我們會直接使用watch:{屬性名(newValue,oldValue){}},實際上該函數可以分爲handler()函數和參數配置,例

原创 記錄兩種使用CSS實現等高佈局的方法

最近開發遇到的問題:一行內的兩個元素需要動態的等高,即左右兩個div的高度是不確定的,但是需要等高排列 當時考慮了好久,網上也有很多的解決方案,但大多都是固定高度的,不太符合實際的要求,於是在此記錄一下: 1.使用flex佈局的自適應高度

原创 關於一些僞類無法生效的情況

今天在寫代碼的時候發現的一個關於多層次僞類無法生效的問題1.類似.class1 .class2:after{}這樣的僞類是無法生效的,需要改成.class2:after{}  但是衆所周知,對於:hover這樣的僞類就不存在這樣的問題2.

原创 順序播放幾段音頻

開發的時候遇到的問題,有三段音頻,需要按照一定的順序進行播放。原理的話就是監聽Audio對象的ended事件,觸發時更換播放資源,然後播放,下面是代碼: export const playWithOrder = (playArr) =>

原创 利用node搭建代理服務器解決在前後端對接過程中出現的跨域問題

最近在開發當中遇到的一個問題:我在我的機器上做好了頁面,當我使用ajax請求訪問另一臺機器的後端服務器時,由於跨域的問題無法進行數據對接調試,後來利用node搭建代理服務器解決了這個問題,特地記錄一下。 首先聲明:這個只適用於前後端對接口

原创 一些web前端面試題的總結

最近呢,出去面試了幾家公司,就此記錄一下我印象比較深刻的一些問題吧: 在ES5下實現const的功能(還問了const定義的對象和數組能否修改,爲什麼) var const_=function (varName,value){

原创 記錄一個自己寫的用於驗證表單數據的方法

 在一個開發項目中表單的提交沒有用到網上的插件或者組件,所以的話就想寫一個用於驗證的公共方法,以後也可以複用: /** * 進行表單的基本驗證 * @param {IRule[]} rules 驗證的規則數組 * @param {

原创 React Hooks實戰中useEffect踩坑記錄

最近一直在看React Hook的相關知識,奈何沒有實際的項目開發,於是乎上週新來的需求就決定用Hook來做,特此記錄一下開發中遇到的一個印象比較深刻的問題: 使用useEffectt進行性能優化時出現無限運行的情況: 出現這個問題的原因

原创 關於react中setState的異步及同步

容我先記錄一些開發中遇到的有趣的東西(O(∩_∩)O): console.log(typeof ('' || null)); console.log(typeof (null || '')); console.log(typeof (n

原创 學習React Hook後的一些理解

第一次接觸React Hook是在9月份的一次面試中,當時面試官問我你知道Hook嗎?我當時就是???(大家自行腦補表情包) 後來着急找工作,入職後剛開始也比較忙,漸漸都快忘記了這個事了。以至於React中文版中加了Hook之後一段時間我

原创 帶你從零開始瞭解微信小程序開發

寫在前面: 此文章針對有一定開發經驗的人,如果你對前端一點都不瞭解,不建議從小程序作爲插入點。文章中只說一些自己整理出來的認爲比較關鍵的點,不會逐個點的講。詳細瞭解大家可以訪問官方文檔:https://developers.weixin.

原创 React之Refs&DOM

因爲前兩個月的新冠疫情公司的開工時間都有延遲,在家裏待着蹭吃蹭喝逐漸忘記自己還是一個IT從業人員,復工之後才逐漸回神,想起自己還有博客。哈哈哈 最近開發時遇到了關於ref的使用,看了文檔之後瞭解到refs的使用在16.3版本之後已經出現了

原创 echarts下的slider的高度調整

開發中遇到的問題:在echarts下的縮放滑動條在文檔中沒有對應的高度設置項; 通過嘗試以後發現可以直接設置height屬性對高度進行控制 或者是通過top bottom 屬性聯合使用對高度進行控制  特地記錄一下 點贊

原创 關於box-shadow的一些深入使用

在以往的開發中 ‘box-shadow’這樣的屬性是經常使用的,相信大家都不陌生 但是最近的開發中遇到了這樣的需求: 就是不規則形狀的陰影,這種需要怎麼實現呢 我的思路是:將一個正方形定位到左側中間並且旋轉,然後設置陰影 然後是這樣可以看