摘要：因?yàn)橛脩舨挥迷诘谝淮芜M(jìn)入應(yīng)用時(shí)下載所有代碼，用戶能更快的看到頁(yè)面并與之交互。譯高階函數(shù)利用和來(lái)編寫(xiě)更易維護(hù)的代碼高階函數(shù)可以幫助你增強(qiáng)你的，讓你的代碼更具有聲明性。知道什么時(shí)候和怎樣使用高階函數(shù)是至關(guān)重要的。

稍微改改都能直接拿來(lái)用~~~喲吼吼,喲吼吼.....

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

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

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

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

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

第一種是最常用的手段，通常還會(huì)自定義一個(gè)按鈕，然后蓋在它上面，因?yàn)閠ype="file"的input不好改變樣式。如下代碼寫(xiě)一個(gè)選擇控件，并放在form里面： 可以看到文件的路徑是一個(gè)假的路徑，也就是說(shuō)在瀏覽器無(wú)法獲取到文件的真實(shí)存放位置。同時(shí)FormData打印出來(lái)是一個(gè)空的…

代碼分割是提升單頁(yè)應(yīng)用初始加載速度的重要方式之一。因?yàn)橛脩舨挥迷诘谝淮芜M(jìn)入應(yīng)用時(shí)下載所有代碼，用戶能更快的看到頁(yè)面并與之交互。這會(huì)改善用戶體驗(yàn)，尤其在移動(dòng)端；而且這對(duì) SEO 有很大幫助，因?yàn)?Google 會(huì)降低加載速度慢的網(wǎng)站權(quán)重。 上周我寫(xiě)了一篇關(guān)于Vue.js 與 We…

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

能夠讀懂這篇博客的 JavaScript 開(kāi)發(fā)者，運(yùn)氣不會(huì)太差...

20個(gè)CSS高級(jí)技巧匯總。使用技巧會(huì)讓人變的越來(lái)越懶，沒(méi)錯(cuò)，我就是想讓你變懶。

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

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

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

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

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

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

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

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

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

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

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

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

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

小亦俊

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

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

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

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