H5學習

對ES6Generator函數的理解

Generator 函數是 ES6 提供的一種異步編程解決方案，語法行爲與傳統函數徹底不一樣。

JavaScript 設計模式 ② 巧用'工廠模式'和'建立者'模式

我爲何把他們兩個放在一塊兒講？我以爲這兩個設計模式有類似之處，有時候會一個設計模式不能知足你的需求而採用另外一種設計模式。基於這點考慮，並且爲了你們更好地理解，我放到了一塊兒，加深你們的印象，活學活用。 在咱們Team協做開發過程中，不一樣於咱們寫我的項目，對全局變量的限制很大，我…

CSS 變量教程 | 阮一峯

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

學習 webpack 前，你須要瞭解的那些概念

wepback做爲前端最熱門的打包管理工具之一，學習一下是頗有必要的，關於webpack的學習教程不少，而且官方也有對應的中文文檔，因此本篇文章再也不講解如何使用webpack，而是重點講解學習webpack前須要瞭解的一些概念。 什麼是webpack 關於什麼是webpack，…

HTML/CSS/JS編碼規範

最近整理了一份HTML/CSS/JS編碼規範，供你們參考。 目錄： 1、HTML編碼規範 2、CSS編碼規範 3、JS編碼規範1、HTML編碼規範1. img標籤要寫alt屬性根據W3C標準，img標籤要寫alt屬性，若是沒有就寫一個空的。可是通常要寫一個有內容的，根據圖片想要表…

JavaScript 對象的深淺複製

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

JavaScript設計模式詳解-單身狗的你來看看單例模式

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

HTML5 進階系列：文件上傳下載

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

HTML5拖放API Drag and Drop

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

前端面試之 CSS3 新特性

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

正則表達式前端使用手冊

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

JavaScript 是如何面向對象的

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

JavaScript 中的遞歸

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

JavaScript 專題之跟着 underscore 學節流

節流的原理很簡單：

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

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

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

從新介紹 JavaScript（JS全面系列教程）

JavaScript 堪稱世界上被人誤解最深的編程語言。雖然常被嘲爲「玩具語言」，但在它看似簡潔的外衣下，還隱藏着強大的語言特性。 Js 目前普遍應用於衆多知名應用中，對於網頁和移動開發者來講，深刻理解 Js尤其重要！

從入門到成爲前端高手（上篇）—— Jonathan

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

異步流程控制

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

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

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

你須要知道的幾類npm依賴包管理

應用依賴，或者叫作業務依賴，這是咱們最經常使用的依賴包管理對象！它用於指定應用依賴的外部包，這些依賴是應用發佈後正常執行時所須要的，但不包含測試時或者本地打包時所使用的包。可以使用下面的命令來安裝： dependencies是一個簡單的JSON對象，包含包名與包版本，其中包版本能夠是…

JS 判斷 IE 版本的另類解決方案

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

前端程序員的必備工具清單（MacOS）

工欲善其事，必先利其器。一套完善的工具能夠幫助咱們事半功倍。而做爲前端程序員的我，也是花了點時間爲本身配置了一套工具。若是你也是使用 MacOS 做爲你的開發系統的話，那麼你能夠看一下這篇文章。

JavaScript 開發規範（一）： 命名與註釋規範詳解

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

八段代碼完全掌握 Promise

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

JavaScript 設計模式 ① 正確使用面向對象編程的姿式

這樣寫好了以後 function 是全局的變量，那麼是全局的就不免會對項目javascript環境形成污染，可能會對其餘同事形成影響，咱們首先要考慮會不會影響別人，若是別人重名對你的checkMessage覆蓋，那麼這樣的BUG是很難發現的。爲了避免形成太多的全局污染，咱們能夠這…

CSS 技巧（二）：形狀

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

JavaScript 高級計時器

用 JavaScript 進行開發的時候，不少狀況都須要用到 JavaScript 裏面的定時器。
可是你真的瞭解定時器嗎？

這篇文章包括了 JavaScript 中定時器的運行原理，尚未了解過的同窗快上車！

前端面試之htm5新特性

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

移動端圖片上傳旋轉、壓縮的解決方案

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

利用 javascript 實現富文本編輯器

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

小程序上手指南

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

ES6中異步編程的大殺器 -- Generotor 函數

對 ES6 中 Generotor 函數的一些 經常使用用法進行的 總結 概括

JavaScript原型及原型鏈

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

防抖動、節流閥與 rAF

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

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

平時本身項目中用到的 CSS

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

最全正則表達式總結：驗證QQ號、手機號、Email、中文、郵編、身份證、IP地址等

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

一般用於格式驗證、正則替換、查找子串等

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

exports、module.exports 和 export、export default 究竟是咋回事

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

JavaScript 初學者必看 「箭頭函數」

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

JavaScript 正則表達式--從入門到精分

全面瞭解JS正則表達式