原创 Babel 7 轉碼的正確姿勢

Babel 轉碼的配置是每位前端童鞋在日常工作中都會遇到的。剛開始我也是在網上搜索各種配置方法,升級到 Babel 7 的時候又折騰了一把,所以決定把自己的心得和理解記錄下來,希望能幫助到有需要的童鞋。 這裏呢不打算去講每一個詳細的配置項,

原创 小技巧:字符串數組初始化

有時候我們需要初始化一個很長的字符串數組,舉個例子: const tags = [ 'html’, 'body', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'form',

原创 掌握 Javascript 類型轉換:隱式轉換救救孩子

在上一篇中我們聊過了 JS 類型轉換的規則和我發現的一些常見書籍中關於類型轉換的一些小錯誤,當碰到顯示類型轉換的時候大家可以按照這些規則去拆解出答案。但 JS 中存在一些很隱晦的隱式類型轉換,這一篇就來談下我對隱式類型轉換的一些總結。 關於

原创 掌握 Javascript 類型轉換:從清晰的規則開始

Javascript 裏的類型轉換是一個你永遠繞不開的話題,不管你是在面試中還是工作寫代碼,總會碰到這類問題和各種的坑,所以不學好這個那是不行滴。關於類型轉換我也看過不少的書和各種博客、帖子,也查過規範和做過各種測試,這裏就談談我的總結和理

原创 實用的 Web 佈局技巧:Flex 主軸上的自動外邊距

問題描述 先來看一個需求場景: 上圖中需要實現在水平方向上子元素之間、子元素和父容器邊框之間的間距要相等。 實現的方法有很多,我們這裏要討論的是:如何簡潔地使用 Flex 佈局來實現?我這裏採用的方法是:使用自動的外邊距在主軸上對齊。 自