摘要：為此決定自研一個富文本編輯器。本文，主要介紹如何實現富文本編輯器，和解決一些不同瀏覽器和設備之間的。

Generator 函數是 ES6 提供的一種異步編程解決方案，語法行為與傳統函數完全不同。

我為什么把他們兩個放在一起講？我覺得這兩個設計模式有相似之處，有時候會一個設計模式不能滿足你的需求而采用另一種設計模式?；谶@點考慮，而且為了大家更好地理解，我放到了一起，加深大家的印象，活學活用。 在我們Team協作開發過程當中，不同于我們寫個人項目，對全局變量的限制很大，我…

Edge 等瀏覽器都開始支持 CSS 變量了

wepback作為前端最熱門的打包管理工具之一，學習一下是很有必要的，關于webpack的學習教程很多，并且官方也有對應的中文文檔，所以本篇文章不再講解如何使用webpack，而是重點講解學習webpack前需要了解的一些概念。 什么是webpack 關于什么是webpack，…

最近整理了一份HTML/CSS/JS編碼規范，供大家參考。 目錄： 一、HTML編碼規范 二、CSS編碼規范 三、JS編碼規范一、HTML編碼規范1. img標簽要寫alt屬性根據W3C標準，img標簽要寫alt屬性，如果沒有就寫一個空的。但是一般要寫一個有內容的，根據圖片想要表…

本文是我在復制對象方面的一些心得總結，由淺復制到深復制，由只復制簡單屬性到復制 Function，RegExp 等復雜屬性，層層遞進，文字與代碼想結合，全面闡述了對象復制方面的知識點

單例模式 前言 這兩天是不是被朋友圈里的恩愛狗們秀了一臉？別慌！學習使我們強大，躁起來！在這個5.20，5.21的神圣日子里來聊一個相對簡單的設計模式-單例模式來入門這個設計模式，并對閉包、封裝、命名空間、單一職責、惰性有一個應用場景的了解。 應用場景 這種模式，常用于線程池、…

前言 HTML5 中提供的文件API在前端中有著豐富的應用，上傳、下載、讀取內容等在日常的交互中很常見。而且在各個瀏覽器的兼容也比較好，包括移動端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每個API。 FileList 對象和 file …

此文研究Web API中的拖放接口，提供各個屬性和方法的說明，解決拖放過程中的拖拽數據對象存儲和獲取問題。

除了 HTML5 的新特性，CSS3 的新特性也是面試中經常被問到的。

為什么要學正則表達式. 有位網友這么說: 江湖傳說里, 程序員的正則表達式和醫生的處方, 道士的鬼符齊名, 曰: 普通人看不懂的三件神器. 這個傳說至少向我們透露了兩點信息: 一是正則表達式很牛, 能和醫生的處方, 道士的鬼符齊名, 并被大家提起, 可見其江湖地位. 二是正則表達式很難, 這也從側面說明了, 如果你可以熟練的掌握并應用它, 在裝逼的路上, 你將如日中天 (別問我中天是誰……) !

由對 JavaScript 面向對象的疑惑到對 JavaScript 的原型鏈的理解，闡明了 JS 面向對象語法的背后意義，并介紹了另一種組織代碼的方式 Behavior Delagation

譯者按: 程序員應該知道遞歸，但是你真的知道是怎么回事么？ 原文: All About Recursion, PTC, TCO and STC in JavaScript 譯者: Fundebug 為了保證可讀性，本文采用意譯而非直譯。 遞歸簡介 一個過程或函數在其定義或說明中…

節流的原理很簡單：

如果你持續觸發事件，每隔一段時間，只執行一次事件。

根據首次是否執行以及結束后是否執行，效果有所不同，實現的方式也有所不同。我們用 leading 代表首次是否執行，trailing 代表結束后是否再執行一次。

關于節流的實現，有兩種主流的實現方式，一種是使用時間戳，一種是設置定時器。

JavaScript 堪稱世界上被人誤解最深的編程語言。雖然常被嘲為“玩具語言”，但在它看似簡潔的外衣下，還隱藏著強大的語言特性。 Js 目前廣泛應用于眾多知名應用中，對于網頁和移動開發者來說，深入理解 Js尤為重要！

主要講 HTML 和 CSS 的開發接口，以及學習 HTML 和 CSS 的相關資源

Javascript是單線程運行、支持異步機制的語言。進入正題之前，我們有必要先理解這種運行方式。

以「起床上班」的過程為例，假設有以下幾個步驟：

起床（10min）
洗刷（10min）
換衣（5min）
叫車（10min）
上班（15min）
最簡單粗暴的執行方式就是按順序逐步執行，這樣從起床到上班共需50分鐘，效率較低。如果能在「洗刷」之前先「叫車」，就可以節省10分鐘的等車時間。

應用依賴，或者叫做業務依賴，這是我們最常用的依賴包管理對象！它用于指定應用依賴的外部包，這些依賴是應用發布后正常執行時所需要的，但不包含測試時或者本地打包時所使用的包?？墒褂孟旅娴拿顏戆惭b： dependencies是一個簡單的JSON對象，包含包名與包版本，其中包版本可以是…

JS檢測IE版本之解決方案大雜燴。

工欲善其事，必先利其器。一套完善的工具可以幫助我們事半功倍。而作為前端程序員的我，也是花了點時間為自己配置了一套工具。如果你也是使用 MacOS 作為你的開發系統的話，那麼你可以看一下這篇文章。

JS中的命名與注釋規范化對于團隊協作來說是非常重要的，統一規范化的命名和注釋可以使代碼更加規范、清晰，對于我們開發和維護都有非常大的幫助。
本文參考了JavaScript 開發規范，并做了補充和修改，同時刪去了框架開發相關的內容(侵刪)。

1.Promise的立即執行性 var p = new Promise(function(resolve, reject){ console.log("create a promise"); resolve("success"); }); console.log("after n…

這樣寫好了之后 function 是全局的變量，那么是全局的就難免會對項目javascript環境造成污染，可能會對其他同事造成影響，我們首先要考慮會不會影響別人，如果別人重名對你的checkMessage覆蓋，那么這樣的BUG是很難發現的。為了不造成太多的全局污染，我們可以這…

包括自適應橢圓、平行四邊形、菱形圖片、切角效果、梯形標簽頁、簡單的餅圖

用 JavaScript 進行開發的時候，很多情況都需要用到 JavaScript 里面的定時器。
但是你真的了解定時器嗎？

這篇文章包括了 JavaScript 中定時器的運行原理，還沒有了解過的同學快上車！

今天來談談前端面試中基本上每次一面都會被問到的一個問題，那就是html5的新特性了。這個是學習前端必須掌握的基礎知識。

前言 在手機上通過網頁 input 標簽拍照上傳圖片，有一些手機會出現圖片旋轉了90度d的問題，包括 iPhone 和個別三星手機。這些手機豎著拍的時候才會出現這種問題，橫拍出來的照片就正常顯示。因此，可以通過獲取手機拍照角度來對照片進行旋轉，從而解決這個問題。 Orientat…

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

這是一門微信小程序入門課程，通過學習本節課程可以使你快速上手小程序開發，在學習這門課之前，需要你先具備基本的前端開發能力，包括html/css/JavaScrip，起碼你得會切圖，了解js語法。

對 ES6 中 Generotor 函數的一些 常用用法進行的 總結 歸納

深入淺出理解JavaScript原型及原型鏈

在 web 開發中，經常會對一些事件進行監聽處理，從而達到我們需要的一些效果。但是某些事件觸發特別頻繁，如瀏覽器窗口的 resize 事件以及頁面的滾動事件。如此頻繁的事件監聽以及處理函數的多次執行，勢必會帶來性能上不必要的損失和欠佳的用戶體驗。

因此，今天就初探一下類似問題的解決辦法：防抖動（Debounce ）、節流閥（Throttle）和 requestAnimationFrame。

css有些屬性容易忘記，半天不寫就要去查api，有時候api還不好使，于是還是記下來以后方便用，后續會慢慢補充進來的。 Github: https://github.com/aototo/blog 博客長期更新，喜歡的朋友star一下 outline 移除當選中input元素的時…

RegExp 是正則表達式（Regular expression）的縮寫，作用是對字符串執行模式匹配。

通常用于格式驗證、正則替換、查找子串等

各種編程語言的正則表達式基本相同，不同的語言可能會有一些細小的差別

前言 難得有空，今天開始重新規范的學習一下node編程。 但是引入模塊我看到用 require的方式，再聯想到咱們的ES6各種export 、export default。 阿西吧，頭都大了.... 頭大完了，那我們坐下先理理他們的使用范圍。 require: node 和 es…

譯者按: 箭頭函數看上去只是語法的變動，其實也影響了 this 的作用域。 原文: JavaScript: Arrow Functions for Beginners 譯者: Fundebug 為了保證可讀性，本文采用意譯而非直譯。另外，本文版權歸原作者所有，翻譯僅用于學習。 本文…

全面了解JS正則表達式