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

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

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

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

試一下自己擼一個(gè)圖片懶加載... 懶加載其實(shí)就是延遲加載，是一種對(duì)網(wǎng)頁(yè)性能優(yōu)化的方式，比如當(dāng)訪(fǎ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í)候，往往都是需要用懶加載…

「幾天前我在一個(gè)專(zhuān)題討論會(huì)講 JavaScript，午飯時(shí)候一個(gè)學(xué)員跑來(lái)向我請(qǐng)教一個(gè) JS 難題，而它確實(shí)把我給難住了。他保證說(shuō)這個(gè)問(wèn)題是偶然間遇到的，而我對(duì)此表示懷疑，因?yàn)檫@極有可能是一道有意而為之的燒腦題。」

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

JavaScript工作機(jī)制：第1部分

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

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

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

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

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

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

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

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

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

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

點(diǎn)進(jìn)來(lái)你會(huì)發(fā)現(xiàn)新世界。

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

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

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

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

什么是響應(yīng)式？響應(yīng)式的頁(yè)面在不同的屏幕有不同的布局，換句話(huà)說(shuō)，使用相同的html在不同的分辨率有不同的排版。如下圖所示： 響應(yīng)式布局是為了解決適配的問(wèn)題，傳統(tǒng)的開(kāi)發(fā)方式是PC端開(kāi)發(fā)一套，手機(jī)端再開(kāi)發(fā)一套，而使用響應(yīng)式布局只要開(kāi)發(fā)一套就好了。因?yàn)樗怯玫耐瑯觝tml，所以它的JS…

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

阿里前端筆試題，題目不多，難度也不大，我只記錄了兩道稍微有點(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)的引用），為了…

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

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

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

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

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

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

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

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