資訊專欄INFORMATION COLUMN
摘要：模塊化是隨著前端技術(shù)的發(fā)展，前端代碼爆炸式增長(zhǎng)后，工程化所采取的必然措施。目前模塊化的思想分為和。特別指出，事件不等同于異步，回調(diào)也不等同于異步。將會(huì)討論安全的類型檢測(cè)惰性載入函數(shù)凍結(jié)對(duì)象定時(shí)器等話題。
Vue.js 前后端同構(gòu)方案之準(zhǔn)備篇——代碼優(yōu)化
目前 Vue.js 的火爆不亞于當(dāng)初的 React，本人對(duì)寫(xiě)代碼有潔癖，代碼也是藝術(shù)。此篇是準(zhǔn)備篇，工欲善其事，必先利其器。我們先在代碼層面進(jìn)行優(yōu)化，對(duì)我們完成整個(gè)技術(shù)架構(gòu)是起到基礎(chǔ)作用的。
作者：yana@alloyteam 輸入在移動(dòng)端是一個(gè)很常用的功能，那么輸入框必然是一個(gè)很重要的部分。然而，移動(dòng)端輸入框總會(huì)遇到各種各樣的問(wèn)題，無(wú)論是樣式還是 ios 和 android 兩端體驗(yàn)不一致都是很讓我們頭疼的問(wèn)題，那么如何使移動(dòng) web 的輸入框體驗(yàn)更貼近原生也成了一個(gè)需要我們…
所謂一等公民①顧名思義身份高，JS任何只要是值能到達(dá)的地方，函數(shù)都可以去。 這種編程方式很常見(jiàn)，誰(shuí)都會(huì)寫(xiě)，我們一般叫這種編程方式稱之為命令編程②，這個(gè)邏輯完全在你掌握之中，你只要規(guī)定計(jì)算機(jī)在你想要的時(shí)候執(zhí)行一些不同的動(dòng)作就可以了。 下文中出現(xiàn)的注解underscore方法會(huì)在文…
本篇介紹的是JS模塊化。 JS模塊化是隨著前端技術(shù)的發(fā)展，前端代碼爆炸式增長(zhǎng)后，工程化所采取的必然措施。目前模塊化的思想分為CommonJS、AMD和CMD。有關(guān)三者的區(qū)別，大家基本都多少有所了解，而且資料很多，這里就不再贅述。 拆分。將js代碼按功能邏輯拆分成多個(gè)可復(fù)用的js…
JavaScript沒(méi)有一個(gè)標(biāo)準(zhǔn)的方法，來(lái)從一個(gè)文件向其他文件導(dǎo)入或者導(dǎo)出某個(gè)或者某些功能。直到es6出現(xiàn)了
我見(jiàn)過(guò)分析原型和閉包最詳細(xì)，最易理解的文章了
前言 本文是我學(xué)習(xí)JavaScript過(guò)程中收集與整理的一些易錯(cuò)知識(shí)點(diǎn)，將分別從變量作用域，類型比較，this指向，函數(shù)參數(shù)，閉包問(wèn)題及對(duì)象拷貝與賦值這6個(gè)方面進(jìn)行由淺入深的介紹和講解，其中也涉及了一些ES6的知識(shí)點(diǎn)。 JavaScript知識(shí)點(diǎn) 1.變量作用域 var a =…
作者：Icarus原文鏈接：手把手帶你用原生js實(shí)現(xiàn)css屬性的set和get 上一篇博文介紹了getComputedStyle方法，接下來(lái)，我們就來(lái)實(shí)現(xiàn)一個(gè)簡(jiǎn)易版的小插件，能夠在不借助jQuery的情況下實(shí)現(xiàn)css屬性的獲取和設(shè)置。 Let"s start 首先創(chuàng)建一個(gè) cs…
在我剛剛進(jìn)入大學(xué)，從零開(kāi)始學(xué)習(xí) C 語(yǔ)言的時(shí)候，我就不斷的從學(xué)長(zhǎng)的口中聽(tīng)到一個(gè)又一個(gè)語(yǔ)言，比如 C++、Java、Python、JavaScript 這些大眾的，也有 Lisp、Perl、Ruby 這些相對(duì)小眾的。一般來(lái)說(shuō)，當(dāng)程序員討論一門(mén)語(yǔ)言的時(shí)候，默認(rèn)的上下文經(jīng)常是:“用 x…
單例模式 前言 這兩天是不是被朋友圈里的恩愛(ài)狗們秀了一臉？別慌！學(xué)習(xí)使我們強(qiáng)大，躁起來(lái)！在這個(gè)5.20，5.21的神圣日子里來(lái)聊一個(gè)相對(duì)簡(jiǎn)單的設(shè)計(jì)模式-單例模式來(lái)入門(mén)這個(gè)設(shè)計(jì)模式，并對(duì)閉包、封裝、命名空間、單一職責(zé)、惰性有一個(gè)應(yīng)用場(chǎng)景的了解。 應(yīng)用場(chǎng)景 這種模式，常用于線程池、…
本文介紹了異步的幾種方式，比如回調(diào)，Promise，async/await，以及 Node 中的核心模塊事件。特別指出，事件不等同于異步，回調(diào)也不等同于異步。
深入系列文章部分是有先后順序的，按照目錄結(jié)構(gòu)順序閱讀效果最好。 如果有疑問(wèn)或者發(fā)現(xiàn)錯(cuò)誤，可以在相應(yīng)的 issues 進(jìn)行提問(wèn)或勘誤。 如果喜歡或者有所啟發(fā)，歡迎 star，對(duì)作者也是一種鼓勵(lì)。 首先需要說(shuō)一下工廠模式。工廠模式根據(jù)抽象程度的不同分為三種 客戶端無(wú)須知道所創(chuàng)建的具…
“征服 JavaScript 面試” 是我所寫(xiě)的一個(gè)系列文章，旨在幫助那些應(yīng)聘中、高級(jí) JavaScript 開(kāi)發(fā)職位的讀者們準(zhǔn)備一些常見(jiàn)的面試問(wèn)題。
從規(guī)范入手，結(jié)合實(shí)例，深入探究 eventloop 與瀏覽器渲染的時(shí)序問(wèn)題
本篇是看的《JS高級(jí)程序設(shè)計(jì)》第23章《高級(jí)技巧》做的讀書(shū)分享。本篇按照書(shū)里的思路根據(jù)自己的理解和經(jīng)驗(yàn)，進(jìn)行擴(kuò)展延伸，同時(shí)指出書(shū)里的一些問(wèn)題。將會(huì)討論安全的類型檢測(cè)、惰性載入函數(shù)、凍結(jié)對(duì)象、定時(shí)器等話題。1. 安全的類型檢測(cè)這個(gè)問(wèn)題是怎么安全地檢測(cè)一個(gè)變量的類型，例如判斷一個(gè)變量…
和多數(shù)源碼解讀的文章不同的是，作者會(huì)嘗試從一個(gè)初級(jí)前端的角度入手，由淺入深去講解源碼實(shí)現(xiàn)思路和基本的語(yǔ)法知識(shí)，通過(guò)一些基礎(chǔ)事例一步步去實(shí)現(xiàn)一些小功能。本文首先講解一下數(shù)據(jù)雙向綁定的基本原理，介紹對(duì)比一下三大框架的不同實(shí)現(xiàn)方式，同時(shí)會(huì)一步步完成一個(gè)簡(jiǎn)單的 mvvm 示例。
花了3個(gè)周末看完了《深入理解ES6》，其中有許多代碼段以及文字描述和我“常識(shí)”有些出入，因此記錄了下來(lái)并加以驗(yàn)證。 有些代碼段還是蠻有趣的，在此分享下。正在閱讀屏幕的你，能“猜”對(duì)幾個(gè)代碼片段呢？ 每個(gè)代碼片段均有編號(hào)，格式為為try-xxx-yyy或note-xxx-yyy，其…
本文教大家如何從零開(kāi)始，一步一步實(shí)現(xiàn)一個(gè)簡(jiǎn)單的 Promise
”js 是一門(mén)單線程的語(yǔ)言，js 最大的特性是異步 “，這些說(shuō)法已經(jīng)見(jiàn)慣不怪了，然而不了解 js 的解釋執(zhí)行始末，這些概念也就只是聽(tīng)聽(tīng)，真正遇到問(wèn)題的時(shí)候，也只能一臉懵逼而已~ 一、Event Loop 機(jī)制 / 異步原理 eventLoop.png 由于 Js 是一門(mén)單線程的語(yǔ)言，為了實(shí)現(xiàn)…
長(zhǎng)文，全面解析
分析 snabbdom 源碼，手把手實(shí)現(xiàn)一個(gè) Virtual DOM 庫(kù)。
我們已經(jīng)討論過(guò)了前端與計(jì)算機(jī)基礎(chǔ)的很多話題，諸如SQL、面向?qū)ο?、多線程，本篇將討論數(shù)據(jù)結(jié)構(gòu)與算法，以我接觸過(guò)的一些例子做為說(shuō)明。1. 遞歸遞歸就是自己調(diào)自己，遞歸在前端里面算是一種比較常用的算法。假設(shè)現(xiàn)在有一堆數(shù)據(jù)要處理，要實(shí)現(xiàn)上一次請(qǐng)求完成了，才能去調(diào)下一個(gè)請(qǐng)求。一個(gè)是可以…
當(dāng)我們?cè)诰帉?xiě)業(yè)務(wù)代碼時(shí)候，我們無(wú)法避免有些業(yè)務(wù)邏輯復(fù)雜而導(dǎo)致業(yè)務(wù)代碼寫(xiě)得又長(zhǎng)又亂，如果再加上時(shí)間緊湊情況下寫(xiě)出來(lái)的代碼估計(jì)會(huì)更讓人抓狂。以至于我們一直在尋求更好的架構(gòu)設(shè)計(jì)和更好的代碼設(shè)計(jì)，這是一個(gè)沒(méi)有終點(diǎn)的求知之路，但是在這條路上會(huì)越走越好。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/107141.html
摘要：我對(duì)知乎前端相關(guān)問(wèn)題的十問(wèn)十答張?chǎng)涡駨場(chǎng)涡翊笊駥?duì)知乎上經(jīng)典的個(gè)前端問(wèn)題的回答。作者對(duì)如何避免常見(jiàn)的錯(cuò)誤，難以發(fā)現(xiàn)的問(wèn)題，以及性能問(wèn)題和不好的實(shí)踐給出了相應(yīng)的建議。但并不是本身有問(wèn)題，被標(biāo)準(zhǔn)定義的是極好的。 這一次，徹底弄懂 JavaScript 執(zhí)行機(jī)制 本文的目的就是要保證你徹底弄懂javascript的執(zhí)行機(jī)制，如果讀完本文還不懂，可以揍我。 不論你是javascript新手還是老...
摘要：作用域鏈的作用就是做標(biāo)示符解析。事件循環(huán)還有個(gè)明顯的特點(diǎn)單線程。早期都是用作開(kāi)發(fā)，單線程可以比較好當(dāng)規(guī)避同步問(wèn)題，降低了開(kāi)發(fā)門(mén)檻。單線程需要解決的是效率問(wèn)題，里的解決思想是異步非阻塞。 0、前言 本人在大學(xué)時(shí)非常癡迷java，認(rèn)為java就是世界上最好的語(yǔ)言，偶爾在項(xiàng)目中會(huì)用到一些javascript，但基本沒(méi)放在眼里。較全面的接觸javascript是在實(shí)習(xí)的時(shí)候，通過(guò)這次的了解發(fā)現(xiàn)...
摘要：然而，雖然先生對(duì)無(wú)所不知，被譽(yù)為世界的愛(ài)因斯坦，但他的語(yǔ)言精粹并不適合初學(xué)者學(xué)習(xí)。即便如此，在后面我還是會(huì)建議把當(dāng)做補(bǔ)充的學(xué)習(xí)資源。但目前為止，依然是學(xué)習(xí)編程的好幫手。周正則表達(dá)式，對(duì)象，事件，閱讀權(quán)威指南第，，，章。 既然你找到這篇文章來(lái)，說(shuō)明你是真心想學(xué)好JavaScript的。你沒(méi)有想錯(cuò)，當(dāng)今如果要開(kāi)發(fā)現(xiàn)代網(wǎng)站或web應(yīng)用（包括互聯(lián)網(wǎng)創(chuàng)業(yè)），都要學(xué)會(huì)JavaScript。而面對(duì)泛...
摘要：中基礎(chǔ)數(shù)據(jù)類型數(shù)據(jù)類型名稱數(shù)據(jù)類型說(shuō)明只有一個(gè)值，即，聲明變量的初始值。只有一個(gè)值，即，表示空指針，的值是派生的值。由零或多個(gè)位字符組成只有兩個(gè)值，即和該類型使用來(lái)表示整數(shù)和浮點(diǎn)數(shù)。中的對(duì)象其實(shí)就是一組數(shù)據(jù)和功能的集合。 JavaScript 中基礎(chǔ)數(shù)據(jù)類型 數(shù)據(jù)類型名稱 數(shù)據(jù)類型說(shuō)明 Undefined 只有一個(gè)值，即 undefined ，聲明變量的初始值。 Nul...
摘要：百煉成仙走紅該書(shū)于年月出版，作者楊逸飛是一名從事開(kāi)發(fā)六年的程序員，寫(xiě)過(guò)諸多技術(shù)博客。作者在博客上對(duì)粉絲提出關(guān)于百煉成仙的問(wèn)題進(jìn)行了統(tǒng)一回復(fù)，該博文持續(xù)占據(jù)熱榜第二，熱度達(dá)。 剛接觸編程的小伙伴，估計(jì)都想過(guò)把枯燥無(wú)聊的編程教材變成小說(shuō)讀的念頭，這不，說(shuō)曹操曹操就來(lái)了，真的有程序員用寫(xiě)修仙小說(shuō)的...
閱讀 3018·2021-09-22 15:54
閱讀 1941·2019-08-30 15:53
閱讀 2328·2019-08-29 16:33
閱讀 1471·2019-08-29 12:29
閱讀 1438·2019-08-26 11:41
閱讀 2430·2019-08-26 11:34
閱讀 3037·2019-08-23 16:12
閱讀 1476·2019-08-23 15:56
