20170917 前端開發週報:JavaScript函數式編程、做用域和閉包

時間 2020-02-10

標籤前端開發週報 javascript 函數編程閉包欄目 JavaScript 简体版

原文原文鏈接

一、用函數式編程對JavaScript進行斷舍離javascript

當從業20的JavaScript老司機學會函數式編程時，他扔掉了90%的特性，也不用面向對象了，最後發現了真愛啊！！！css

二、JavaScript做用域和閉包前端

做用域和閉包在JavaScript裏很是重要。可是在我最初學習JavaScript的時候，卻很難理解。這篇文章會用一些例子幫你理解它們。咱們先從做用域開始。做用域 JavaScript的做用域限定了你能夠訪問哪些變量。有兩種做用域：全局做用域，局部做用域。java

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

三、JavaScript實現H5自動重連技術webpack

斷線重連的需求一斷線重連原理二遊戲內自動重連不刷新三刷新遊戲自動重連重連數據Locationreplace重置url重連四實際項目中處理重連機制最後的總結斷線重連的需求。尤爲是手機上，會由於網絡的不穩定或者其餘緣由，致使用戶的socket連接斷開。這個時候若是直接讓玩家退出遊戲，從新登陸，無疑是很是影響用戶體驗的事情。因此根據這個需求，就有須要程序來實現斷線後自動重連回去的技術，是用戶可以再次快速開始遊戲進行戰鬥。git

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

四、深刻 JavaScript 數組：進化與性能web

正式開始前須要聲明，本文並非要講解 JavaScript 數組基礎知識，也不會涉及語法和使用案例。本文講得更多的是內存、優化、語法差別、性能、近來的演進。在使用 JavaScript 前，我對 C、C++、C# 這些已經頗爲熟悉。與許多 C/C++ 開發者同樣，JavaScript 給個人第一印象並很差。

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

五、聊聊那些使用前端Javascript實現的機器學習類庫

機器學習（Machine Learning）在最近幾年絕對稱的上是大火，愈來愈多的公司和資本投入了巨大資源和金錢到這個新上位的技術「新寵」中，尤爲是隨着更多的各類機器學習相關類庫的出現和發展，更多新的技術已經被應用到了機器學習中，如今你們能夠看到， Python再也不是惟一個老牌機器學習的必用語言，對於現代神經網絡（neural networks）語言再也不是一個問題，你基本可使用任何的編程語言，包括今天咱們介紹的標準前端開發語言 - Javascript

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

六、使用 CSS 的 font-size-adjust 屬性改善網頁排版

CSS 中的 font-size-adjust 屬性容許開發者基於小寫字母的高度指定 font-size ，這能夠有效地提升網頁文字的可讀性。在這篇文章中，你不只能瞭解到 font-size-adjust 屬性的重要性，而且還能學會如何在你的項目中使用它。

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

用Web技術實現移動監測本文將闡述如何經過 Web 技術實現簡易的移動監測效果，並附上一些有意思的案例。移動偵測，英文翻譯爲「Motion detection technology」，通常也叫運動檢測，經常使用於無人值守監控錄像和自動報警。經過攝像頭按照不一樣幀率採集獲得的圖像會被 CPU 按照必定算法進行計算和比較，當畫面有變化時，若有人走過，鏡頭被移動，計算比較結果得出的數字會超過閾值並指示系統能自動做出相應的處理。

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

八、學習 JavaScript：9 個常見錯誤阻礙你進步

不少人嘗試學習 JavaScript ，可是不久就放棄了。而後他們就告訴本身，「JavaScript 太複雜了」，更有甚者說，「我不是前端開發的料」。這種狀況挺讓人悲傷的。其實根本沒必要放棄，所要作的僅僅是換一種不一樣的學習方法。在這篇文章中，咱們將介紹一些最多見的錯誤學習方法，並瞭解如何避免這些錯誤。許多技巧不只適用於 JavaScript，甚至能夠用到 web 開發上，因此也算是一種福利。

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

九、十個免費的web前端開發工具

十個免費的web前端開發工具 By Jake Rocheleau 網絡技術發展迅速，部分技術難以保持每一年都有新的工具出現，這同時也意味着許多舊的工具倒在了新技術的發展之路上。

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

十、Facebook 和 GitHub 兩大巨頭聯手推出 Atom-IDE

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

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

十一、JavaScript中的RegExp對象

正則表達式（regular expression）是一種表達文本模式（即字符串結構）的方法，有點像字符串的模板，經常用做按照「給定模式」匹配文本的工具。好比，正則表達式給出一個 Email 地址的模式，而後用它來肯定一個字符串是否爲 Email 地址。JavaScript 的正則表達式體系是參照 Perl 5 創建的。新建正則表達式有兩種方法。

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

十二、走向 JavaScript 函數式編程

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

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

1三、Node.JS中如何快速掃描端口並發現局域網內的Web服務器地址（80）

在 Node.JS 中進行端口掃描仍是比較方便的，通常會有廣播和輪詢兩種方式。即便用廣播和掃描，使用廣播發出的消息有時會被路由器屏蔽，因此並不可靠。使用node.js中的net模塊，能夠直接嘗試向目錄主機的某個端口進行鏈接，若是能創建鏈接，則說明該地址存在服務器。

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

1四、BetterScroll：在移動端滾動場景的應用

BetterScroll 是一款重點解決移動端各類滾動場景需求的開源插件（ GitHub地址），適用於滾動列表、選擇器、輪播圖、索引列表、開屏引導等應用場景。爲了知足這些場景，它不只支持慣性滾動、邊界回彈、滾動條淡入淡出等效果的靈活配置，讓滾動更加流暢，同時還提供了不少 API 方法和事件，以便咱們更快地實現滾...

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

1五、Redux 仍是 Mobx，讓我來解決你的困惑

我在去年大量的使用了 Redux，但我最近都在使用 Mobx 來作狀態（state）管理。彷佛如今社區裏關於該選什麼來替代 Redux 很天然地成爲了一件困惑的事。開發者不肯定該選擇哪一種解決方案。這個問題並不僅是出如今 Redux 與 Mobx 上。不管什麼時候，只要存在選擇，人們就會好奇最好的解決問題的方式是什麼。我如今寫的這些是爲了解決 Redux 和 Mobx 這兩個狀態管理庫之間的困惑。

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

1六、爲何咱們要作三份 Webpack 配置文件

時至今日，Webpack 已經成爲前端工程必備的基礎工具之一，不只被普遍用於前端工程發佈前的打包，還在開發中擔當本地前端資源服務器（assets server）、模塊熱更新（hot module replacement）、API Proxy 等角色，結合 ESLint 等代碼檢查工具，還能夠實如今對源代碼的嚴格校驗檢查。

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

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

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

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

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

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

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

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

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

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

20、你所不知道的 CSS 動畫技巧與細節

怕標題起的有點大，下述技巧若是你已經掌握了看看就好，歡迎斧正，本文但願經過介紹一些 CSS 不太經常使用的技巧，輔以一些實踐，讓讀者能夠更加深刻的理解掌握 CSS 動畫。廢話少說，直接進入正題，本文提到的動畫不加特殊說明，皆指 CSS 動畫。