資訊專欄INFORMATION COLUMN
摘要：為此決定自研一個富文本編輯器。例如當要轉化的對象有環存在時子節點屬性賦值了父節點的引用，為了關于函數式編程的思考作者李英杰，美團金融前端團隊成員。只有正確使用作用域，才能使用優秀的設計模式，幫助你規避副作用。
JavaScript 專題之惰性函數
JavaScript 專題系列第十五篇，講解惰性函數 需求 我們現在需要寫一個 foo 函數，這個函數返回首次調用時的 Date 對象，注意是首次。 解決一：普通方法 var t; function foo() { if (t) return t; t = new Date()…
原文發表在: holmeshe.me , 本文是漢化重制版。本系列在 Medium和掘金上同步連載。還記得早先用ajax胡亂做項目的時候踩過好多坑，然后對JS留下了“非常詭異”的印象。最近換了一個工作，工作語言就是JS。然后發現這個語言真不得了，前面后面都能干，基本成了全棧的同義…
placeholder屬性給予了用戶很友好的提示，但是在老版本的瀏覽器中就不會起作用（Internet Explorer 9 及之前的版本不支持 placeholder 屬性），這是一個很頭疼的問題，于是就產生了一些思考。
試一下自己擼一個圖片懶加載... 懶加載其實就是延遲加載，是一種對網頁性能優化的方式，比如當訪問一個頁面的時候，優先顯示可視區域的圖片而不一次性加載所有圖片，當需要顯示的時候再發送圖片請求，避免打開網頁時加載過多資源。 當頁面中需要一次性載入很多圖片的時候，往往都是需要用懶加載…
「幾天前我在一個專題討論會講 JavaScript，午飯時候一個學員跑來向我請教一個 JS 難題，而它確實把我給難住了。他保證說這個問題是偶然間遇到的，而我對此表示懷疑，因為這極有可能是一道有意而為之的燒腦題?！?br>
面試經常問，你還不看看？
JavaScript工作機制：第1部分
一、 一道面試題 前段時間面試，考察比較多的是js異步編程方面的相關知識點，如今，正好輪到自己分享技術，所以想把js異步編程學習下，做個總結。 下面這個demo 概括了大多數面試過程中遇到的問題： for(var i = 0; i < 3; i++) { setTimeout(f…
普及：瀏覽器的兼容性問題，往往是個別瀏覽器（沒錯，就是那個與眾不同的瀏覽器）對于一些標準的定義不一致導致的。俗話說：沒有IE就沒有傷害。 貼士：內容都是自己總結的，不免會出現錯誤或者bug，歡迎更正和補充，本帖也會不斷更新。 Normalize.css 不同瀏覽器的默認樣式存在差…
前言 在Es6之前,由于javascript沒有對類的支持,也就是說它并不具備如傳統后臺語言(比如java)擁有類的功能,所謂類就是用來描述事物中的屬性和行為的,類的特征是由成員組成的,而屬性對應的就是類中的成員變量,而方法對應的就是類中的成員方法,這是傳統oop語言的描述,然…
作者：李英杰，美團金融前端團隊成員。歡迎大家一起來探討FP 題外話：只是單純地談談個人對函數式編程的理解，歡迎大家來一起探討。也不會提及高階函數與范疇學的內容，只聊一些很入門的問題。函數式編程的優點這里也不做過多說明，會推薦大家看幾篇文章，里面有很好的闡述。 斜體灰字部分是一些…
在這篇文章里，我會深入地探討 JavaScript 中最基本概念之一，那就是執行上下文。通過這篇文章，你應該能夠清楚地了解到 JS 解釋器究竟在干嘛，為什么可以在一些函數和變量聲明之前就能使用，以及它們的值是怎樣被決定的。
在JavaScript開發中有一些有意思的小技巧和方法，本文記錄了一些我工作中遇到的一些技巧和方法。
原文發表在: holmeshe.me , 本文是漢化重制版。 本系列在 Medium上同步連載。 簡單來講，異步有兩層含義，1）讓慢操作不要阻塞；2）非線性觸發事件。稍稍講深一點，在操作系統里，事件也叫中斷，這里一次中斷可以代表一個網絡收包，一次時鐘，或者一次鼠標點擊，等。那從…
當執行 JS 代碼時，會生成執行環境，只要代碼不是寫在函數中的，就是在全局執行環境中，函數中的代碼會產生函數執行環境，只此兩種執行環境。 想必以上的輸出大家肯定都已經明白了，這是因為函數和變量提升的原因。通常提升的解釋是說將聲明的代碼移動到了頂部，這其實沒有什么錯誤，便于大家理…
一、功能模塊 先看下現在做完的效果： 效果圖 線上體驗：https://wj704.github.io/five_...：1.人機對戰功能2.悔棋功能3.撤銷悔棋功能 二、代碼詳解 2.1 人機對戰功能實現 從效果圖可以看到，棋盤的橫豎可以放的位置為1…
能夠讀懂這篇博客的 JavaScript 開發者，運氣不會太差...
點進來你會發現新世界。
原文地址：Functional-Light-JS 原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 關于譯者：這是一個流淌著滬江血液的純粹工程：認真，是 HTML 最堅實的梁柱；分享，是 CSS 里最閃耀的一瞥；總結，是 JavaScript 中最嚴…
不打算考慮兼容性，所以沒有必要采用UEditor這么重的插件。為此決定自研一個富文本編輯器。本文，主要介紹如何實現富文本編輯器，和解決一些不同瀏覽器和設備之間的bug。
進入測試階段 ~~~ （利用console.time 和 console.Endtime）看看執行時間.....
這個問題看似很基礎，但是有很多的實現方式，你知道的有多少呢，網上也有很多的方法，下面就來總結一下 中間變量（臨時變量） 使用加減（針對數字） 對象和數組 萬能法(運用運算符優先級) ES6的解構賦值 什么是解構賦值？
解構賦值允許你使用類似數組或對象字面量的語法將數組和對象的屬…
什么是響應式？響應式的頁面在不同的屏幕有不同的布局，換句話說，使用相同的html在不同的分辨率有不同的排版。如下圖所示： 響應式布局是為了解決適配的問題，傳統的開發方式是PC端開發一套，手機端再開發一套，而使用響應式布局只要開發一套就好了。因為它是用的同樣html，所以它的JS…
對 video 除了基本的 api 的了解，還需要做好對應的兼容性。Chrome 最早在 11年開始了對于 video 的支持，不同的瀏覽器當時對于格式支持也是不同...
阿里前端筆試題，題目不多，難度也不大，我只記錄了兩道稍微有點難度的編程題。題目如下： 1.JSON.stringify 的功能是，將一個 JavaScript 字面量對象轉化為一個 JSON 格式的字符串。例如 當要轉化的對象有“環”存在時（子節點屬性賦值了父節點的引用），為了…
作者：李英杰，美團金融前端團隊成員。歡迎大家一起來探討FP 題外話：只是單純地談談個人對函數式編程的理解，歡迎大家來一起探討。也不會提及高階函數與范疇學的內容，只聊一些很入門的問題。函數式編程的優點這里也不做過多說明，會推薦大家看幾篇文章，里面有很好的闡述。 斜體灰字部分是一些…
有很多種方式可以將字符串轉為數字。我能想到的方式就至少有5種！
該使用哪種方式？什么時候？為什么？這得分析每一種方式和使用它們時常見的陷阱。
根據 JsPerf.com 上的 benchmarks 一組測試表明，大多數瀏覽器都對 ParseInt 做過優化。雖然它可能是最快的一…
原文地址：Functional-Light-JS 原文作者：Kyle Simpson － 《You-Dont-Know-JS》作者 關于譯者：這是一個流淌著滬江血液的純粹工程：認真，是 HTML 最堅實的梁柱；分享，是 CSS 里最閃耀的一瞥；總結，是 JavaScript 中…
1、瀏覽器的內核是多線程的，它們在內核控制下相互配合以保持同步，一個瀏覽器通常由以下常駐線程組成：GUI 渲染線程，javascript 引擎線程，瀏覽器事件觸發線程，定時觸發器線程，異步 http 請求線程。 GUI 渲染線程：負責渲染瀏覽器界面 HTML 元素,當界面需要重…
JavaScript 運算符規則與隱式類型轉換詳解 從屬于筆者的現代 JavaScript 開發：語法基礎與工程實踐系列文章，主要探討 JavaScript 中令人迷惑的加減乘除與比較等常見運算中的規則與隱式類型轉換；本文中涉及的參考資料全部聲明在了JavaScript 數據結…
作用域是 中的一個重要而又模糊的概念。只有正確使用 作用域，才能使用優秀的設計模式，幫助你規避副作用。本文中，我們將會詳細分析 的不同類型的作用域，以及為了寫出更好的代碼，介紹它們是如何工作的。
作用域的簡單定義是編譯器需要變量和函數時去查找它們的地方。聽起來很容易對嗎？我們來…
技術世界在發展，JavaScript也在同步發展。JavaScript在軟件世界建起地盤的頭幾年，它從沒想過涉足服務應用程序、移動端應用程序以及機器人之類業務。今天…
JavaScript 專題系列第十六篇，講解函數組合，并且使用柯里化和函數組合實現 pointfree 模式 需求 我們需要寫一個函數，輸入 "kevin"，返回 "HELLO, KEVIN"。 嘗試 var toUpperCase = function(x) { return…
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107295.html
摘要：又是一個比較重要的知識點原型。且和指向了同一個對象。可以是使用做什么創建對象的數據共享把一些實例共享的屬性和方法放在原型上，節約空間?；谠玩湹奈欣^承這個原型繼承的關系可以用圖來表示參考資料深入之從原型到原型鏈強大的原型和原型鏈 又是一個比較重要的知識點——原型（prototype）。 一個例子 function F() {} var f = new F() F.prototype...
摘要：在創建對象不論是普通對象還是函數對象的時候，都有一個叫做的內置屬性，用于指向創建它的構造函數的原型對象，也就是。因為一個普通對象的構造函數所以原型鏈原型鏈的形成是真正是靠而非。參考文章最詳盡的原型與原型鏈終極詳解，沒有可能是。 【前端芝士樹】Javascript的原型、原型鏈以及繼承機制 前端的面試中經常會遇到這個問題，自己也是一直似懂非懂，趁這個機會整理一下 0. 為什么會出現原型和...
摘要：基于原型的面向對象在基于原型的語言中如并不存在這種區別它只有對象不論是構造函數，實例，原型本身都是對象。允許動態地向單個的對象或者整個對象集中添加或移除屬性。為了解決以上兩個問題，提供了構造函數創建對象的方式。 showImg(https://segmentfault.com/img/remote/1460000013229218); 一. 重新認識面向對象 1. JavaScript...
摘要：基于原型的面向對象在基于原型的語言中如并不存在這種區別它只有對象不論是構造函數，實例，原型本身都是對象。允許動態地向單個的對象或者整個對象集中添加或移除屬性。為了解決以上兩個問題，提供了構造函數創建對象的方式。 showImg(https://segmentfault.com/img/remote/1460000013229218); 一. 重新認識面向對象 1. JavaScript...
摘要：前端日報精選第期正則表達式回溯法原理入門教程眾成翻譯在中調試入門教程眾成翻譯框架之戰眾成翻譯中文技術周刊期知乎專欄新特性之命令掘金創建對象的七種方式中的惰性數組介紹眾成翻譯跟手轉動的羅盤指針掘金和簡介修仙之路仿音樂移 2017-06-26 前端日報 精選 【第977期】正則表達式回溯法原理npm 入門教程 - 眾成翻譯在 Chrome DevTools 中調試 JavaScript 入...
閱讀 1075·2021-09-29 09:35
閱讀 4621·2021-09-22 15:24
閱讀 1448·2021-07-25 21:37
閱讀 2177·2019-08-30 14:17
閱讀 964·2019-08-30 13:56
閱讀 2410·2019-08-29 17:07
閱讀 1248·2019-08-29 12:44
閱讀 2704·2019-08-26 18:26
