摘要:為此決定自研一個富文本編輯器。本文,主要介紹如何實現(xiàn)富文本編輯器,和解決一些不同瀏覽器和設(shè)備之間的。
對ES6Generator函數(shù)的理解
Generator 函數(shù)是 ES6 提供的一種異步編程解決方案,語法行為與傳統(tǒng)函數(shù)完全不同。
我為什么把他們兩個放在一起講?我覺得這兩個設(shè)計模式有相似之處,有時候會一個設(shè)計模式不能滿足你的需求而采用另一種設(shè)計模式?;谶@點考慮,而且為了大家更好地理解,我放到了一起,加深大家的印象,活學(xué)活用。 在我們Team協(xié)作開發(fā)過程當(dāng)中,不同于我們寫個人項目,對全局變量的限制很大,我…
Edge 等瀏覽器都開始支持 CSS 變量了
wepback作為前端最熱門的打包管理工具之一,學(xué)習(xí)一下是很有必要的,關(guān)于webpack的學(xué)習(xí)教程很多,并且官方也有對應(yīng)的中文文檔,所以本篇文章不再講解如何使用webpack,而是重點講解學(xué)習(xí)webpack前需要了解的一些概念。 什么是webpack 關(guān)于什么是webpack,…
最近整理了一份HTML/CSS/JS編碼規(guī)范,供大家參考。 目錄: 一、HTML編碼規(guī)范 二、CSS編碼規(guī)范 三、JS編碼規(guī)范一、HTML編碼規(guī)范1. img標(biāo)簽要寫alt屬性根據(jù)W3C標(biāo)準(zhǔn),img標(biāo)簽要寫alt屬性,如果沒有就寫一個空的。但是一般要寫一個有內(nèi)容的,根據(jù)圖片想要表…
本文是我在復(fù)制對象方面的一些心得總結(jié),由淺復(fù)制到深復(fù)制,由只復(fù)制簡單屬性到復(fù)制 Function,RegExp 等復(fù)雜屬性,層層遞進(jìn),文字與代碼想結(jié)合,全面闡述了對象復(fù)制方面的知識點
單例模式 前言 這兩天是不是被朋友圈里的恩愛狗們秀了一臉?別慌!學(xué)習(xí)使我們強(qiáng)大,躁起來!在這個5.20,5.21的神圣日子里來聊一個相對簡單的設(shè)計模式-單例模式來入門這個設(shè)計模式,并對閉包、封裝、命名空間、單一職責(zé)、惰性有一個應(yīng)用場景的了解。 應(yīng)用場景 這種模式,常用于線程池、…
前言 HTML5 中提供的文件API在前端中有著豐富的應(yīng)用,上傳、下載、讀取內(nèi)容等在日常的交互中很常見。而且在各個瀏覽器的兼容也比較好,包括移動端,除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能,先要熟悉每個API。 FileList 對象和 file …
此文研究Web API中的拖放接口,提供各個屬性和方法的說明,解決拖放過程中的拖拽數(shù)據(jù)對象存儲和獲取問題。
除了 HTML5 的新特性,CSS3 的新特性也是面試中經(jīng)常被問到的。
為什么要學(xué)正則表達(dá)式. 有位網(wǎng)友這么說: 江湖傳說里, 程序員的正則表達(dá)式和醫(yī)生的處方, 道士的鬼符齊名, 曰: 普通人看不懂的三件神器. 這個傳說至少向我們透露了兩點信息: 一是正則表達(dá)式很牛, 能和醫(yī)生的處方, 道士的鬼符齊名, 并被大家提起, 可見其江湖地位. 二是正則表達(dá)式很難, 這也從側(cè)面說明了, 如果你可以熟練的掌握并應(yīng)用它, 在裝逼的路上, 你將如日中天 (別問我中天是誰……) !
由對 JavaScript 面向?qū)ο蟮囊苫蟮綄?JavaScript 的原型鏈的理解,闡明了 JS 面向?qū)ο笳Z法的背后意義,并介紹了另一種組織代碼的方式 Behavior Delagation
譯者按: 程序員應(yīng)該知道遞歸,但是你真的知道是怎么回事么? 原文: All About Recursion, PTC, TCO and STC in JavaScript 譯者: Fundebug 為了保證可讀性,本文采用意譯而非直譯。 遞歸簡介 一個過程或函數(shù)在其定義或說明中…
節(jié)流的原理很簡單:
如果你持續(xù)觸發(fā)事件,每隔一段時間,只執(zhí)行一次事件。
根據(jù)首次是否執(zhí)行以及結(jié)束后是否執(zhí)行,效果有所不同,實現(xiàn)的方式也有所不同。我們用 leading 代表首次是否執(zhí)行,trailing 代表結(jié)束后是否再執(zhí)行一次。
關(guān)于節(jié)流的實現(xiàn),有兩種主流的實現(xiàn)方式,一種是使用時間戳,一種是設(shè)置定時器。
JavaScript 堪稱世界上被人誤解最深的編程語言。雖然常被嘲為“玩具語言”,但在它看似簡潔的外衣下,還隱藏著強(qiáng)大的語言特性。 Js 目前廣泛應(yīng)用于眾多知名應(yīng)用中,對于網(wǎng)頁和移動開發(fā)者來說,深入理解 Js尤為重要!
主要講 HTML 和 CSS 的開發(fā)接口,以及學(xué)習(xí) HTML 和 CSS 的相關(guān)資源
Javascript是單線程運行、支持異步機(jī)制的語言。進(jìn)入正題之前,我們有必要先理解這種運行方式。
以「起床上班」的過程為例,假設(shè)有以下幾個步驟:
起床(10min)
洗刷(10min)
換衣(5min)
叫車(10min)
上班(15min)
最簡單粗暴的執(zhí)行方式就是按順序逐步執(zhí)行,這樣從起床到上班共需50分鐘,效率較低。如果能在「洗刷」之前先「叫車」,就可以節(jié)省10分鐘的等車時間。
應(yīng)用依賴,或者叫做業(yè)務(wù)依賴,這是我們最常用的依賴包管理對象!它用于指定應(yīng)用依賴的外部包,這些依賴是應(yīng)用發(fā)布后正常執(zhí)行時所需要的,但不包含測試時或者本地打包時所使用的包。可使用下面的命令來安裝: dependencies是一個簡單的JSON對象,包含包名與包版本,其中包版本可以是…
JS檢測IE版本之解決方案大雜燴。
工欲善其事,必先利其器。一套完善的工具可以幫助我們事半功倍。而作為前端程序員的我,也是花了點時間為自己配置了一套工具。如果你也是使用 MacOS 作為你的開發(fā)系統(tǒng)的話,那麼你可以看一下這篇文章。
JS中的命名與注釋規(guī)范化對于團(tuán)隊協(xié)作來說是非常重要的,統(tǒng)一規(guī)范化的命名和注釋可以使代碼更加規(guī)范、清晰,對于我們開發(fā)和維護(hù)都有非常大的幫助。
本文參考了JavaScript 開發(fā)規(guī)范,并做了補(bǔ)充和修改,同時刪去了框架開發(fā)相關(guān)的內(nèi)容(侵刪)。
1.Promise的立即執(zhí)行性 var p = new Promise(function(resolve, reject){ console.log("create a promise"); resolve("success"); }); console.log("after n…
這樣寫好了之后 function 是全局的變量,那么是全局的就難免會對項目javascript環(huán)境造成污染,可能會對其他同事造成影響,我們首先要考慮會不會影響別人,如果別人重名對你的checkMessage覆蓋,那么這樣的BUG是很難發(fā)現(xiàn)的。為了不造成太多的全局污染,我們可以這…
包括自適應(yīng)橢圓、平行四邊形、菱形圖片、切角效果、梯形標(biāo)簽頁、簡單的餅圖
用 JavaScript 進(jìn)行開發(fā)的時候,很多情況都需要用到 JavaScript 里面的定時器。
但是你真的了解定時器嗎?
這篇文章包括了 JavaScript 中定時器的運行原理,還沒有了解過的同學(xué)快上車!
今天來談?wù)勄岸嗣嬖囍谢旧厦看我幻娑紩粏柕降囊粋€問題,那就是html5的新特性了。這個是學(xué)習(xí)前端必須掌握的基礎(chǔ)知識。
前言 在手機(jī)上通過網(wǎng)頁 input 標(biāo)簽拍照上傳圖片,有一些手機(jī)會出現(xiàn)圖片旋轉(zhuǎn)了90度d的問題,包括 iPhone 和個別三星手機(jī)。這些手機(jī)豎著拍的時候才會出現(xiàn)這種問題,橫拍出來的照片就正常顯示。因此,可以通過獲取手機(jī)拍照角度來對照片進(jìn)行旋轉(zhuǎn),從而解決這個問題。 Orientat…
不打算考慮兼容性,所以沒有必要采用UEditor這么重的插件。為此決定自研一個富文本編輯器。本文,主要介紹如何實現(xiàn)富文本編輯器,和解決一些不同瀏覽器和設(shè)備之間的bug。
這是一門微信小程序入門課程,通過學(xué)習(xí)本節(jié)課程可以使你快速上手小程序開發(fā),在學(xué)習(xí)這門課之前,需要你先具備基本的前端開發(fā)能力,包括html/css/JavaScrip,起碼你得會切圖,了解js語法。
對 ES6 中 Generotor 函數(shù)的一些 常用用法進(jìn)行的 總結(jié) 歸納
深入淺出理解JavaScript原型及原型鏈
在 web 開發(fā)中,經(jīng)常會對一些事件進(jìn)行監(jiān)聽處理,從而達(dá)到我們需要的一些效果。但是某些事件觸發(fā)特別頻繁,如瀏覽器窗口的 resize 事件以及頁面的滾動事件。如此頻繁的事件監(jiān)聽以及處理函數(shù)的多次執(zhí)行,勢必會帶來性能上不必要的損失和欠佳的用戶體驗。
因此,今天就初探一下類似問題的解決辦法:防抖動(Debounce )、節(jié)流閥(Throttle)和 requestAnimationFrame。
css有些屬性容易忘記,半天不寫就要去查api,有時候api還不好使,于是還是記下來以后方便用,后續(xù)會慢慢補(bǔ)充進(jìn)來的。 Github: https://github.com/aototo/blog 博客長期更新,喜歡的朋友star一下 outline 移除當(dāng)選中input元素的時…
RegExp 是正則表達(dá)式(Regular expression)的縮寫,作用是對字符串執(zhí)行模式匹配。
通常用于格式驗證、正則替換、查找子串等
各種編程語言的正則表達(dá)式基本相同,不同的語言可能會有一些細(xì)小的差別
前言 難得有空,今天開始重新規(guī)范的學(xué)習(xí)一下node編程。 但是引入模塊我看到用 require的方式,再聯(lián)想到咱們的ES6各種export 、export default。 阿西吧,頭都大了.... 頭大完了,那我們坐下先理理他們的使用范圍。 require: node 和 es…
譯者按: 箭頭函數(shù)看上去只是語法的變動,其實也影響了 this 的作用域。 原文: JavaScript: Arrow Functions for Beginners 譯者: Fundebug 為了保證可讀性,本文采用意譯而非直譯。另外,本文版權(quán)歸原作者所有,翻譯僅用于學(xué)習(xí)。 本文…
全面了解JS正則表達(dá)式
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/92258.html
摘要:程序員客棧王鑫從一名普通的前端工程師成長成為阿里的高級前端工程師,你是如何一步步走來劉丹在學(xué)校學(xué)習(xí)編程的時候,我就對編程很有興趣,接觸前端之后,更是喜歡,這應(yīng)該是我一路走來的動力。 showImg(https://segmentfault.com/img/bVCWOM); 他是電子科技大學(xué)的高材生,通過興趣和努力腳踏實地的成為了一名優(yōu)秀的前端工程師。他是一個對新技術(shù)充滿了無限渴望的優(yōu)秀...
閱讀 2646·2021-10-12 10:12
閱讀 790·2019-08-29 17:25
閱讀 2794·2019-08-29 17:24
閱讀 3226·2019-08-29 17:19
閱讀 1806·2019-08-29 15:39
閱讀 3053·2019-08-26 16:50
閱讀 1998·2019-08-26 12:17
閱讀 2705·2019-08-26 12:16