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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

目的：vue-cli構(gòu)建的vue單頁面應(yīng)用，某些特定的頁面，實現(xiàn)前進(jìn)刷新，后退不刷新，類似app般的用戶體驗。
注： 此處的刷新特指當(dāng)進(jìn)入此頁面時，觸發(fā)ajax請求，向服務(wù)器獲取數(shù)據(jù)。不刷新特指當(dāng)進(jìn)入此頁面時，不觸發(fā)ajax請求，而是使用之前緩存的數(shù)據(jù)，以便減少服務(wù)器請求，用戶…

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

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

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

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

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

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

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

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

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

小亦俊

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

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

簡單總結(jié)了實現(xiàn)移動端網(wǎng)頁絕對自適應(yīng)的五種方法；百分比、媒體查詢、REM、meta inital-scale、transform scale以及每種方法的優(yōu)缺點以及可能會遇到的坑。

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, …

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