摘要：因為用戶不用在第一次進入應用時下載所有代碼，用戶能更快的看到頁面并與之交互。譯高階函數利用和來編寫更易維護的代碼高階函數可以幫助你增強你的，讓你的代碼更具有聲明性。知道什么時候和怎樣使用高階函數是至關重要的。

稍微改改都能直接拿來用~~~喲吼吼,喲吼吼.....

相信不少同學在維護老項目時，都遇到過在深深的 if else 之間糾纏的業務邏輯。面對這樣的一團亂麻，簡單粗暴地繼續增量修改常常只會讓復雜度越來越高，可讀性越來越差，有沒有固定的套路來梳理它呢？這里分享三種簡單通用的重構方式。 所謂的【面條代碼】，常見于對復雜業務流程的處理中。…

什么是flex.css? css3 flex 布局相信很多人已經聽說過甚至已經在開發中使用過它，但是我想我們都會有一個共同的經歷，面對它的各種版本，各種坑，傻傻的分不清楚，flex.css就是對flex布局的一種封裝，通過簡潔的屬性設置就能使得它完美的運行在移動端的各種瀏覽器，…

這又是一個面試經典問題~/(ㄒoㄒ)/~~也是 ES5中眾多坑中的一個，在 ES6 中可能會極大避免 this 產生的錯誤，但是為了一些老代碼的維護，最好還是了解一下 this 的指向和 call、apply、bind 三者的區別。 在 ES5 中，其實 this 的指向，始終…

前言：團隊基于 ES6 和 Eslint 規則規定代碼規范，本文的目的是梳理和總結團隊現在實行的規范。 作者：鄭靈華，點餐秒付終端團隊成員 目錄 一、Eslint 檢測 ES6 規范配置 編碼格式規范 聲明唯一性 初始化定義規范 代碼編寫注意事項 派生類相關 二、Airbnb 規范節選 箭頭函…

這一節，我們會討論詞法環境的細節，它是在一些編程語言中用于管理靜態作用域的一種機制。為了確保能充分理解這一主題，我們會簡要討論下其對立面：動態作用域（并沒有直接用于 ECMAScript）。我們會看到環境是如何管理代碼中的詞法嵌套結構，以及為閉包提供全面支持。
ECMA-262…

第一種是最常用的手段，通常還會自定義一個按鈕，然后蓋在它上面，因為type="file"的input不好改變樣式。如下代碼寫一個選擇控件，并放在form里面： 可以看到文件的路徑是一個假的路徑，也就是說在瀏覽器無法獲取到文件的真實存放位置。同時FormData打印出來是一個空的…

代碼分割是提升單頁應用初始加載速度的重要方式之一。因為用戶不用在第一次進入應用時下載所有代碼，用戶能更快的看到頁面并與之交互。這會改善用戶體驗，尤其在移動端；而且這對 SEO 有很大幫助，因為 Google 會降低加載速度慢的網站權重。 上周我寫了一篇關于Vue.js 與 We…

試一下自己擼一個圖片懶加載... 懶加載其實就是延遲加載，是一種對網頁性能優化的方式，比如當訪問一個頁面的時候，優先顯示可視區域的圖片而不一次性加載所有圖片，當需要顯示的時候再發送圖片請求，避免打開網頁時加載過多資源。 當頁面中需要一次性載入很多圖片的時候，往往都是需要用懶加載…

能夠讀懂這篇博客的 JavaScript 開發者，運氣不會太差...

20個CSS高級技巧匯總。使用技巧會讓人變的越來越懶，沒錯，我就是想讓你變懶。

說到代碼編輯器，我們有必要提一提Sublime Text還有Atom。在開始使用VS Code之前Sublime Text一直是我的主力編輯器，和WebStorm （最強端前端開發工具） 一起用。由于這篇文章主要介紹VS Code下面就簡單概括下這幾個： Sublime Tex…

作為戰斗在業務一線的前端，要想少加班，就要想辦法提高工作效率。這里提一個小點，我們在業務開發過程中，經常會重復用到日期格式化、url參數轉對象、瀏覽器類型判斷、節流函數等一類函數，這些工具類函數，基本上在每個項目都會用到，為避免不同項目多次復制粘貼的麻煩，我們可以統一封裝，發布…

前段時間團隊內部搞了一個代碼訓練營，大家組織在一起實現 lodash 的 throttle 和 debounce，實現起來覺得并不麻煩，但是最后和官方的一對比，發現功能的實現上還是有差距的，為了尋找我的問題，把官方源碼閱讀了一遍，本文是我閱讀完成后的一篇總結。 throttle…

目的：vue-cli構建的vue單頁面應用，某些特定的頁面，實現前進刷新，后退不刷新，類似app般的用戶體驗。
注： 此處的刷新特指當進入此頁面時，觸發ajax請求，向服務器獲取數據。不刷新特指當進入此頁面時，不觸發ajax請求，而是使用之前緩存的數據，以便減少服務器請求，用戶…

今天的主題是Mongoose中的聚合函數(Aggregate)。

高階函數可以幫助你增強你的JavaScript，讓你的代碼更具有聲明性。簡單來說，就是簡單，簡練，可讀。 知道什么時候和怎樣使用高階函數是至關重要的。它們可以讓你的代碼更容易理解和具有更好的可維護性。它們也可以讓你很輕松的進行函數間的組合。我們叫它復合函數，不過我不會在這里進行…

本文思維導圖，歡迎補充 本文首發于我的個人網站：http://cherryblog.site 前言 溫馨提示：本文較長，圖片較多，本來是想寫一篇 CSS 布局方式的，但是奈何 CSS 布局方式種類太多并且實現方法太多，所以本文主要是介紹 flex 布局和 grid 布局，以及 C…

原文地址：Functional-Light-JS 原文作者：Kyle Simpson － 《You-Dont-Know-JS》作者 譯者團隊（排名不分先后）：阿希、blueken、brucecham、cfanlife、dail、kyoko-df、l3ve、lilins、Litt…

因為對Vue.js很感興趣，而且平時工作的技術棧也是Vue.js，這幾個月花了些時間研究學習了一下Vue.js源碼，并做了總結與輸出。 文章的原地址：https://github.com/answershut...。 在學習過程中，為Vue加上了中文的注釋http…

在Async/Await替代Promise的6個理由中，我們比較了兩種不同的異步編程方法：Async/Await和Promise，這篇博客將通過示例代碼介紹Async/Await是如何簡化JavaScript代碼的。

阿里前端筆試題，題目不多，難度也不大，我只記錄了兩道稍微有點難度的編程題。題目如下： 1.JSON.stringify 的功能是，將一個 JavaScript 字面量對象轉化為一個 JSON 格式的字符串。例如 當要轉化的對象有“環”存在時（子節點屬性賦值了父節點的引用），為了…

在前端應用的優化中，對加載資源的大小控制極其的重要，大多數時候我們能做的是在打包編譯的過程對資源進行大小控制、拆分與復用。
本片文章中主要是基于 webpack 打包，以 React、vue 等生態開發的單頁面應用來舉例說明如何從 webpack 打包的層面去處理資源以及緩存，…

前端工程師不但要保證完成界面的規劃與開發，并且同時需要保證代碼的質量，其中Javscript的運行速度則變得非常重要，此篇文章從工程師的角度入手，結合了開發者工具進行分析, 總結了一些常用的優化手段和法則....

小亦俊

Vuejs渡劫系列的第二篇文章，建立在有扎實的Vuejs和webpack基礎知識前提下，通過vue-cli腳手架快速搭建項目，該文章會一一梳理項目下的文件配置和用途。

最近有很多朋友問有沒有相關的書籍推薦，希望能夠自學一下前端。這里列出了學習前端所需要的，幾乎所有的知識，分享給大家。

簡單總結了實現移動端網頁絕對自適應的五種方法；百分比、媒體查詢、REM、meta inital-scale、transform scale以及每種方法的優缺點以及可能會遇到的坑。

This is the official style guide for Vue-specific code. If you use Vue in a project, it’s a great reference to avoid errors, bikeshedding, …

作為現代網頁中最早具有邏輯的部分，表單至今仍在博客類、分類信息以及論壇等以用戶發布的信息為核心的網站中，扮演著重要的角色。對這些網站來說，表單意味著信息的初始來源，因此它實際上承載了對于信息處理的第一手邏輯。對于不同的類目，表單的內容顯然在業務上需要進行區分，所以，如何實現表單…