摘要：為此決定自研一個富文本編輯器。例如當要轉(zhuǎn)化的對象有環(huán)存在時子節(jié)點屬性賦值了父節(jié)點的引用，為了關(guān)于函數(shù)式編程的思考作者李英杰，美團金融前端團隊成員。只有正確使用作用域，才能使用優(yōu)秀的設(shè)計模式，幫助你規(guī)避副作用。

JavaScript 專題系列第十五篇，講解惰性函數(shù) 需求 我們現(xiàn)在需要寫一個 foo 函數(shù)，這個函數(shù)返回首次調(diào)用時的 Date 對象，注意是首次。 解決一：普通方法 var t; function foo() { if (t) return t; t = new Date()…

原文發(fā)表在: holmeshe.me , 本文是漢化重制版。本系列在 Medium和掘金上同步連載。還記得早先用ajax胡亂做項目的時候踩過好多坑，然后對JS留下了“非常詭異”的印象。最近換了一個工作，工作語言就是JS。然后發(fā)現(xiàn)這個語言真不得了，前面后面都能干，基本成了全棧的同義…

placeholder屬性給予了用戶很友好的提示，但是在老版本的瀏覽器中就不會起作用（Internet Explorer 9 及之前的版本不支持 placeholder 屬性），這是一個很頭疼的問題，于是就產(chǎn)生了一些思考。

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

「幾天前我在一個專題討論會講 JavaScript，午飯時候一個學(xué)員跑來向我請教一個 JS 難題，而它確實把我給難住了。他保證說這個問題是偶然間遇到的，而我對此表示懷疑，因為這極有可能是一道有意而為之的燒腦題。」

面試經(jīng)常問，你還不看看？

JavaScript工作機制：第1部分

一、 一道面試題 前段時間面試，考察比較多的是js異步編程方面的相關(guān)知識點，如今，正好輪到自己分享技術(shù)，所以想把js異步編程學(xué)習(xí)下，做個總結(jié)。 下面這個demo 概括了大多數(shù)面試過程中遇到的問題： for(var i = 0; i < 3; i++) { setTimeout(f…

普及：瀏覽器的兼容性問題，往往是個別瀏覽器（沒錯，就是那個與眾不同的瀏覽器）對于一些標準的定義不一致導(dǎo)致的。俗話說：沒有IE就沒有傷害。 貼士：內(nèi)容都是自己總結(jié)的，不免會出現(xiàn)錯誤或者bug，歡迎更正和補充，本帖也會不斷更新。 Normalize.css 不同瀏覽器的默認樣式存在差…

前言 在Es6之前,由于javascript沒有對類的支持,也就是說它并不具備如傳統(tǒng)后臺語言(比如java)擁有類的功能,所謂類就是用來描述事物中的屬性和行為的,類的特征是由成員組成的,而屬性對應(yīng)的就是類中的成員變量,而方法對應(yīng)的就是類中的成員方法,這是傳統(tǒng)oop語言的描述,然…

作者：李英杰，美團金融前端團隊成員。歡迎大家一起來探討FP 題外話：只是單純地談?wù)剛€人對函數(shù)式編程的理解，歡迎大家來一起探討。也不會提及高階函數(shù)與范疇學(xué)的內(nèi)容，只聊一些很入門的問題。函數(shù)式編程的優(yōu)點這里也不做過多說明，會推薦大家看幾篇文章，里面有很好的闡述。 斜體灰字部分是一些…

在這篇文章里，我會深入地探討 JavaScript 中最基本概念之一，那就是執(zhí)行上下文。通過這篇文章，你應(yīng)該能夠清楚地了解到 JS 解釋器究竟在干嘛，為什么可以在一些函數(shù)和變量聲明之前就能使用，以及它們的值是怎樣被決定的。

在JavaScript開發(fā)中有一些有意思的小技巧和方法，本文記錄了一些我工作中遇到的一些技巧和方法。

原文發(fā)表在: holmeshe.me , 本文是漢化重制版。 本系列在 Medium上同步連載。 簡單來講，異步有兩層含義，1）讓慢操作不要阻塞；2）非線性觸發(fā)事件。稍稍講深一點，在操作系統(tǒng)里，事件也叫中斷，這里一次中斷可以代表一個網(wǎng)絡(luò)收包，一次時鐘，或者一次鼠標點擊，等。那從…

當執(zhí)行 JS 代碼時，會生成執(zhí)行環(huán)境，只要代碼不是寫在函數(shù)中的，就是在全局執(zhí)行環(huán)境中，函數(shù)中的代碼會產(chǎn)生函數(shù)執(zhí)行環(huán)境，只此兩種執(zhí)行環(huán)境。 想必以上的輸出大家肯定都已經(jīng)明白了，這是因為函數(shù)和變量提升的原因。通常提升的解釋是說將聲明的代碼移動到了頂部，這其實沒有什么錯誤，便于大家理…

一、功能模塊 先看下現(xiàn)在做完的效果： 效果圖 線上體驗：https://wj704.github.io/five_...：1.人機對戰(zhàn)功能2.悔棋功能3.撤銷悔棋功能 二、代碼詳解 2.1 人機對戰(zhàn)功能實現(xiàn) 從效果圖可以看到，棋盤的橫豎可以放的位置為1…

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

點進來你會發(fā)現(xiàn)新世界。

原文地址：Functional-Light-JS 原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 關(guān)于譯者：這是一個流淌著滬江血液的純粹工程：認真，是 HTML 最堅實的梁柱；分享，是 CSS 里最閃耀的一瞥；總結(jié)，是 JavaScript 中最嚴…

不打算考慮兼容性，所以沒有必要采用UEditor這么重的插件。為此決定自研一個富文本編輯器。本文，主要介紹如何實現(xiàn)富文本編輯器，和解決一些不同瀏覽器和設(shè)備之間的bug。

進入測試階段 ~~~ （利用console.time 和 console.Endtime）看看執(zhí)行時間.....

這個問題看似很基礎(chǔ)，但是有很多的實現(xiàn)方式，你知道的有多少呢，網(wǎng)上也有很多的方法，下面就來總結(jié)一下 中間變量（臨時變量） 使用加減（針對數(shù)字） 對象和數(shù)組 萬能法(運用運算符優(yōu)先級) ES6的解構(gòu)賦值 什么是解構(gòu)賦值？
解構(gòu)賦值允許你使用類似數(shù)組或?qū)ο笞置媪康恼Z法將數(shù)組和對象的屬…

什么是響應(yīng)式？響應(yīng)式的頁面在不同的屏幕有不同的布局，換句話說，使用相同的html在不同的分辨率有不同的排版。如下圖所示： 響應(yīng)式布局是為了解決適配的問題，傳統(tǒng)的開發(fā)方式是PC端開發(fā)一套，手機端再開發(fā)一套，而使用響應(yīng)式布局只要開發(fā)一套就好了。因為它是用的同樣html，所以它的JS…

對 video 除了基本的 api 的了解，還需要做好對應(yīng)的兼容性。Chrome 最早在 11年開始了對于 video 的支持，不同的瀏覽器當時對于格式支持也是不同...

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

作者：李英杰，美團金融前端團隊成員。歡迎大家一起來探討FP 題外話：只是單純地談?wù)剛€人對函數(shù)式編程的理解，歡迎大家來一起探討。也不會提及高階函數(shù)與范疇學(xué)的內(nèi)容，只聊一些很入門的問題。函數(shù)式編程的優(yōu)點這里也不做過多說明，會推薦大家看幾篇文章，里面有很好的闡述。 斜體灰字部分是一些…

有很多種方式可以將字符串轉(zhuǎn)為數(shù)字。我能想到的方式就至少有5種！
該使用哪種方式？什么時候？為什么？這得分析每一種方式和使用它們時常見的陷阱。
根據(jù) JsPerf.com 上的 benchmarks 一組測試表明，大多數(shù)瀏覽器都對 ParseInt 做過優(yōu)化。雖然它可能是最快的一…

原文地址：Functional-Light-JS 原文作者：Kyle Simpson － 《You-Dont-Know-JS》作者 關(guān)于譯者：這是一個流淌著滬江血液的純粹工程：認真，是 HTML 最堅實的梁柱；分享，是 CSS 里最閃耀的一瞥；總結(jié)，是 JavaScript 中…

1、瀏覽器的內(nèi)核是多線程的，它們在內(nèi)核控制下相互配合以保持同步，一個瀏覽器通常由以下常駐線程組成：GUI 渲染線程，javascript 引擎線程，瀏覽器事件觸發(fā)線程，定時觸發(fā)器線程，異步 http 請求線程。 GUI 渲染線程：負責(zé)渲染瀏覽器界面 HTML 元素,當界面需要重…

JavaScript 運算符規(guī)則與隱式類型轉(zhuǎn)換詳解 從屬于筆者的現(xiàn)代 JavaScript 開發(fā)：語法基礎(chǔ)與工程實踐系列文章，主要探討 JavaScript 中令人迷惑的加減乘除與比較等常見運算中的規(guī)則與隱式類型轉(zhuǎn)換；本文中涉及的參考資料全部聲明在了JavaScript 數(shù)據(jù)結(jié)…

作用域是 中的一個重要而又模糊的概念。只有正確使用 作用域，才能使用優(yōu)秀的設(shè)計模式，幫助你規(guī)避副作用。本文中，我們將會詳細分析 的不同類型的作用域，以及為了寫出更好的代碼，介紹它們是如何工作的。
作用域的簡單定義是編譯器需要變量和函數(shù)時去查找它們的地方。聽起來很容易對嗎？我們來…

技術(shù)世界在發(fā)展，JavaScript也在同步發(fā)展。JavaScript在軟件世界建起地盤的頭幾年，它從沒想過涉足服務(wù)應(yīng)用程序、移動端應(yīng)用程序以及機器人之類業(yè)務(wù)。今天…

JavaScript 專題系列第十六篇，講解函數(shù)組合，并且使用柯里化和函數(shù)組合實現(xiàn) pointfree 模式 需求 我們需要寫一個函數(shù)，輸入 "kevin"，返回 "HELLO, KEVIN"。 嘗試 var toUpperCase = function(x) { return…