摘要：用函數(shù)式編程對進(jìn)行斷舍離當(dāng)從業(yè)的老司機(jī)學(xué)會函數(shù)式編程時，他扔掉了的特性，也不用面向?qū)ο罅?，最后發(fā)現(xiàn)了真愛啊作用域和閉包作用域和閉包在里非常重要。旨在幫助非函數(shù)式編程的同學(xué)，能快速切入到函數(shù)式編程的理念。

1、用函數(shù)式編程對JavaScript進(jìn)行斷舍離

當(dāng)從業(yè)20的JavaScript老司機(jī)學(xué)會函數(shù)式編程時，他扔掉了90%的特性，也不用面向?qū)ο罅?，最后發(fā)現(xiàn)了真愛?。。?！

https://juejin.im/entry/59b86...

2、JavaScript作用域和閉包

作用域和閉包在JavaScript里非常重要。但是在我最初學(xué)習(xí)JavaScript的時候，卻很難理解。這篇文章會用一些例子幫你理解它們。我們先從作用域開始。作用域 JavaScript的作用域限定了你可以訪問哪些變量。有兩種作用域：全局作用域，局部作用域。

http://www.zcfy.cc/article/ja...

3、JavaScript實現(xiàn)H5自動重連技術(shù)

斷線重連的需求一斷線重連原理二游戲內(nèi)自動重連不刷新三刷新游戲自動重連重連數(shù)據(jù)Locationreplace重置url重連四實際項目中處理重連機(jī)制最后的總結(jié)斷線重連的需求。尤其是手機(jī)上，會因為網(wǎng)絡(luò)的不穩(wěn)定或者其他原因，導(dǎo)致用戶的socket鏈接斷開。這個時候如果直接讓玩家退出游戲，重新登錄，無疑是非常影響用戶體驗的事情。所以根據(jù)這個需求，就有需要程序來實現(xiàn)斷線后自動重連回去的技術(shù)，是用戶能夠再次快速開始游戲進(jìn)行戰(zhàn)斗。

http://www.uml.org.cn/AJAX/20...

4、深入 JavaScript 數(shù)組：進(jìn)化與性能

正式開始前需要聲明，本文并不是要講解 JavaScript 數(shù)組基礎(chǔ)知識，也不會涉及語法和使用案例。本文講得更多的是內(nèi)存、優(yōu)化、語法差異、性能、近來的演進(jìn)。在使用 JavaScript 前，我對 C、C++、C# 這些已經(jīng)頗為熟悉。與許多 C/C++ 開發(fā)者一樣，JavaScript 給我的第一印象并不好。

http://www.zcfy.cc/article/di...

5、聊聊那些使用前端Javascript實現(xiàn)的機(jī)器學(xué)習(xí)類庫

機(jī)器學(xué)習(xí)（Machine Learning）在最近幾年絕對稱的上是大火，越來越多的公司和資本投入了巨大資源和金錢到這個新上位的技術(shù)“新寵”中，尤其是隨著更多的各種機(jī)器學(xué)習(xí)相關(guān)類庫的出現(xiàn)和發(fā)展，更多新的技術(shù)已經(jīng)被應(yīng)用到了機(jī)器學(xué)習(xí)中， 現(xiàn)在大家可以看到， Python不再是唯一個老牌機(jī)器學(xué)習(xí)的必用語言， 對于現(xiàn)代神經(jīng)網(wǎng)絡(luò)（neural networks）語言不再是一個問題， 你基本可以使用任何的編程語言， 包括今天我們介紹的標(biāo)準(zhǔn)前端開發(fā)語言 - Javascript

http://www.igeekbar.com/igeek...

6、使用 CSS 的 font-size-adjust 屬性改善網(wǎng)頁排版

CSS 中的 font-size-adjust 屬性允許開發(fā)者基于小寫字母的高度指定 font-size ，這可以有效地提高網(wǎng)頁文字的可讀性。在這篇文章中，你不僅能了解到 font-size-adjust 屬性的重要性，并且還能學(xué)會如何在你的項目中使用它。

https://juejin.im/post/59b8b9...

用Web技術(shù)實現(xiàn)移動監(jiān)測 本文將闡述如何通過 Web 技術(shù)實現(xiàn)簡易的移動監(jiān)測效果，并附上一些有意思的案例。移動偵測，英文翻譯為“Motion detection technology”，一般也叫運動檢測，常用于無人值守監(jiān)控錄像和自動報警。通過攝像頭按照不同幀率采集得到的圖像會被 CPU 按照一定算法進(jìn)行計算和比較，當(dāng)畫面有變化時，如有人走過，鏡頭被移動，計算比較結(jié)果得出的數(shù)字會超過閾值并指示系統(tǒng)能自動作出相應(yīng)的處理。

https://aotu.io/notes/2017/06...

8、學(xué)習(xí) JavaScript：9 個常見錯誤阻礙你進(jìn)步

很多人嘗試學(xué)習(xí) JavaScript ，但是不久就放棄了。然后他們就告訴自己，“JavaScript 太復(fù)雜了”，更有甚者說，“我不是前端開發(fā)的料”。 這種情況挺讓人悲傷的。其實根本不必放棄，所要做的僅僅是換一種不同的學(xué)習(xí)方法。 在這篇文章中，我們將介紹一些最常見的錯誤學(xué)習(xí)方法，并了解如何避免這些錯誤。許多技巧不僅適用于 JavaScript，甚至可以用到 web 開發(fā)上，所以也算是一種福利。

https://juejin.im/post/59bb4a...

9、十個免費的web前端開發(fā)工具

十個免費的web前端開發(fā)工具 By Jake Rocheleau 網(wǎng)絡(luò)技術(shù)發(fā)展迅速，部分技術(shù)難以保持 每年都有新的工具出現(xiàn)，這同時也意味著許多舊的工具倒在了新技術(shù)的發(fā)展之路上。

https://juejin.im/entry/59b8a...

10、Facebook 和 GitHub 兩大巨頭聯(lián)手推出 Atom-IDE

今日，GitHub 宣布與 Facebook 合作推出了 Atom-IDE —— 它包括一系列將類 IDE 功能帶到 Atom 的可選工具包。 初次發(fā)布的版本包括更智能、感知上下文的自動完成；導(dǎo)航功能，如大綱視圖和 goto-definition，以及其他有用的功能；還包括錯誤、警告提醒和格式化文檔功能。

https://juejin.im/entry/59b89...

11、JavaScript中的RegExp對象

正則表達(dá)式（regular expression）是一種表達(dá)文本模式（即字符串結(jié)構(gòu)）的方法，有點像字符串的模板，常常用作按照“給定模式”匹配文本的工具。比如，正則表達(dá)式給出一個 Email 地址的模式，然后用它來確定一個字符串是否為 Email 地址。JavaScript 的正則表達(dá)式體系是參照 Perl 5 建立的。 新建正則表達(dá)式有兩種方法。

https://microzz.com/2017/08/2...

12、走向 JavaScript 函數(shù)式編程

詳見：走向JavaScript函數(shù)式編程 本文描述了 JavaScript 函數(shù)式編程的若干重要特征，以及一些實踐建議。旨在幫助非函數(shù)式編程的同學(xué)，能快速切入到函數(shù)式編程的理念。（作者：Jeremy_young）

http://www.jianshu.com/collec...

13、Node.JS中如何快速掃描端口并發(fā)現(xiàn)局域網(wǎng)內(nèi)的Web服務(wù)器地址（80）

在 Node.JS 中進(jìn)行端口掃描還是比較方便的，一般會有廣播和輪詢兩種方式。即使用廣播和掃描，使用廣播發(fā)出的消息有時會被路由器屏蔽，所以并不可靠。使用node.js中的net模塊，可以直接嘗試向目錄主機(jī)的某個端口進(jìn)行連接，如果能建立連接，則說明該地址存在服務(wù)器。

http://ourjs.com/detail/59b7a...

14、BetterScroll：在移動端滾動場景的應(yīng)用

BetterScroll 是一款重點解決移動端各種滾動場景需求的開源插件（ GitHub地址 ），適用于滾動列表、選擇器、輪播圖、索引列表、開屏引導(dǎo)等應(yīng)用場景。 為了滿足這些場景，它不僅支持慣性滾動、邊界回彈、滾動條淡入淡出等效果的靈活配置，讓滾動更加流暢，同時還提供了很多 API 方法和事件，以便我們更快地實現(xiàn)滾...

http://www.tuicool.com/articl...

15、Redux 還是 Mobx，讓我來解決你的困惑

我在去年大量的使用了 Redux，但我最近都在使用 Mobx 來做狀態(tài)（state）管理。似乎現(xiàn)在社區(qū)里關(guān)于該選什么來替代 Redux 很自然地成為了一件困惑的事。開發(fā)者不確定該選擇哪種解決方案。這個問題并不只是出現(xiàn)在 Redux 與 Mobx 上。無論何時，只要存在選擇，人們就會好奇最好的解決問題的方式是什么。我現(xiàn)在寫的這些是為了解決 Redux 和 Mobx 這兩個狀態(tài)管理庫之間的困惑。

https://segmentfault.com/a/11...

16、為什么我們要做三份 Webpack 配置文件

時至今日，Webpack 已經(jīng)成為前端工程必備的基礎(chǔ)工具之一，不僅被廣泛用于前端工程發(fā)布前的打包，還在開發(fā)中擔(dān)當(dāng)本地前端資源服務(wù)器（assets server）、模塊熱更新（hot module replacement）、API Proxy 等角色，結(jié)合 ESLint 等代碼檢查工具，還可以實現(xiàn)在對源代碼的嚴(yán)格校驗檢查。

https://juejin.im/entry/59b8a...

17、前端常見跨域解決方案（全）

什么是跨域？ 跨域是指一個域下的文檔或腳本試圖去請求另一個域下的資源，這里跨域是廣義的。 廣義的跨域： {代碼...} 其實我們通常所說的跨域是狹義的，是由瀏覽器同源策略限制的一類請求場景。

https://segmentfault.com/a/11...

18、在 Node.js 中使用原生 ES 模塊

從版本 8.5.0 開始，Node.js 開始支持原生 ES 模塊，可以通過命令行選項打開該功能。新功能很大程度上得歸功于 Bradley Farias。

https://zhuanlan.zhihu.com/p/...

19、探索webpack模塊以及webpack3新特性

本文從簡單的例子入手，從打包文件去分析以下三個問題：webpack打包文件是怎樣的？如何做到兼容各大模塊化方案的？webpack3帶來的新特性又是什么？

https://juejin.im/post/59b9d2...

20、你所不知道的 CSS 動畫技巧與細(xì)節(jié)

怕標(biāo)題起的有點大，下述技巧如果你已經(jīng)掌握了看看就好，歡迎斧正，本文希望通過介紹一些 CSS 不太常用的技巧，輔以一些實踐，讓讀者可以更加深入的理解掌握 CSS 動畫。 廢話少說，直接進(jìn)入正題，本文提到的動畫不加特殊說明，皆指 CSS 動畫。

https://github.com/chokcoco/i...

喜歡這篇文章的朋友，歡迎關(guān)注、收藏、分享、評論，幫我上熱門，你的支持，是我每日更新的動力！

喜歡前端的朋友可以點擊關(guān)注一下我，每日分享精彩的前端文章！

今日更多精彩文章：http://caibaojian.com/fe-dail...