H5學習

對ES6Generator函數的理解

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

javascript

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

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

css

CSS 變量教程 | 阮一峯

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

html

學習 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屬性,若是沒有就寫一個空的。可是通常要寫一個有內容的,根據圖片想要表…

html5

JavaScript 對象的深淺複製

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

java

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

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

node

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

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

webpack

HTML5拖放API Drag and Drop

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

git

前端面試之 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正則表達式

相關文章
相關標籤/搜索