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

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

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

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

2、JavaScript作用域和閉包

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

11、JavaScript中的RegExp對(duì)象

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

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

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

詳見(jiàn)：走向JavaScript函數(shù)式編程 本文描述了 JavaScript 函數(shù)式編程的若干重要特征，以及一些實(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)行端口掃描還是比較方便的，一般會(huì)有廣播和輪詢兩種方式。即使用廣播和掃描，使用廣播發(fā)出的消息有時(shí)會(huì)被路由器屏蔽，所以并不可靠。使用node.js中的net模塊，可以直接嘗試向目錄主機(jī)的某個(gè)端口進(jìn)行連接，如果能建立連接，則說(shuō)明該地址存在服務(wù)器。

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

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

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

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

15、Redux 還是 Mobx，讓我來(lái)解決你的困惑

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

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

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

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

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

17、前端常見(jiàn)跨域解決方案（全）

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

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

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

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

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

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

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

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

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

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

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

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

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

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