摘要:前言隨著前端的不斷發展,很多開發人員已經開始使用等框架,但是很少有人去深入分析以及的源碼本人也是,至今還停留在使用的層面。最近還在寫一些的筆記,有興趣的小白也可以看下我的博客文章源碼分析地址
前言
隨著前端的不斷發展,很多開發人員已經開始使用react、vue等web框架,但是很少有人去深入分析vue以及react的源碼(本人也是,至今還停留在使用的層面)。框架的使用勢必會有更新迭代的過程,例如jquery、angular、react以及vue。但是撥開這些框架的最底層,卻還是那些原滋原味的javascript。
背景剛開始學前端的小白,可能覺得javascript這門弱語言非常容易上手,感覺so easy(mom再也不用擔心我的學習),感覺一個星期就能寫出一個漂漂亮亮的網頁了,像什么匯編啊、c語言啊、c++啊簡直是非人類的語言,事實上只是因為它被高度封裝了而已,封裝了以后當然好用,就比如給c語言封裝類,然后拿來用就特別爽。但是事實上能夠使用c高度封裝類的人和能夠使用這些類的人可能根本不在一個層面上(封裝的人可能要考慮寄存器操作、內存釋放、棧溢出規避等各種細節問題)。web框架也是,能夠使用這些框架以及能夠深入理解框架原理的人,同樣可能也不在一個層面上。可能上面這些有點扯(寫的第一篇文章大家見諒),但是無論如何,不忘初心總歸是正確的,把浮躁的表面去掉,腳踏實地一步步的走下去才是王道。
興趣不知道大家是在如何的契機下轉入前端這個行業,本人真的是因為個人的興趣愛好,以前在學校的時候是以物聯網(嵌入式)為主要的行當,后來導師要求使用嵌入式設備開發一個web服務器......,于是就開始了最low的網頁開發(你可以想象一下在嵌入式設備上跑一個網頁會是什么樣的性能體驗)。剛開始覺得寫網頁超有意思的,像c語言這種東西嘛,你寫了一大堆代碼不僅要調試,還需要編譯、下載代碼到設備,才能看到你所謂的效果(現在的開發這么智能,肯定不會這么復雜),但是網頁不一樣啊,一臺電腦,一個編輯器,一個瀏覽器你就可以開始所見即所得的新世界開發......于是,我就開始從一個老坑跳進了一個充滿了惡意的新坑......
學習學習分為很多種,每個人的學習方法也不一樣,有些牛逼的人學習效率就是特別高。我經常聽到什么一個星期看完了jquery源碼是什么水平啊,兩個星期看完了牛書啊.....我真的很崇拜你們的看書速度,也很崇拜你們的理解能力,寶寶做不到啊......寶寶笨,所以只好一點點的學習,一點點的寫代碼,一點點的調試,一點點的寫出感受理解,有的時候一遍不行就兩遍,兩遍理解了還是不會用,就三遍......放心,犀牛書就看了兩三遍,高級編程就看了兩三遍,css權威指南就看了兩三遍......沒辦法啊,你們這些大神所謂的看規范、看標準、看源碼寶寶真的學不會啊......
不管怎么樣,我現在覺得我的學習雖然效率不高,花費的時間多,但是真的在某些工作場合特別有用。很多人都覺得這些古老的東西還有什么學習的必要,那人家都去研究javascript這么語言底層是怎么被封裝的之類的(我相信肯定有這樣的大神)......,那它們搞這些研究是為了干嘛......
總結emmmm.....,第一次發這篇文章,也不知道自己想表達個啥意思,亂七八糟的寫一堆,希望也有像我這樣笨笨的人一直能夠堅持最初的學習,不忘初心,哪怕這些學習也是別人學習的經驗、別人學習的筆記、別人學習的書籍嘛......最終只要學以致用那也是一種好的結果(學習歸學習,自我學習的能力還是要不斷提升的),最后附上我去年這個時候學習的一本小筆記(jquery源碼分析),里面結合了很多犀牛書、高級程序設計以及別的大神博客的一些內容知識(例如閉包啊、作用域鏈啊、原型鏈啊、事件機制等等),希望感興趣的小白能夠從中獲取一些有用的東西。(emmmmm.....最近還在寫一些css的筆記,有興趣的小白也可以看下我的github.)
博客文章: jquery源碼分析
github地址:ziyi2
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/94486.html
摘要:將或者的控制權讓給第一個實現它的那個庫,確保不會與其它庫的對象發生沖突。 noConflict() noConflict()將$或者jQuery的控制權讓給第一個實現它的那個庫,確保jQuery不會與其它庫的$對象發生沖突。 jQuery中源碼如下: var _jQuery = window.jQuery, _$ = window.$; jQuery.noConflict =...
摘要:可以直接在這里查看至于的開源就不多說了。官網一個庫的官網永遠是了解它最新進展和學習資料的首選網站。比如下面我們就拿舉例分析下它的源碼。不解釋,你可以直接拿過去改吧改吧用在你自己的庫里。 上節課我們說了寫一個庫的準備,但是這節課并不是寫庫為什么,有句話叫你沒吃過豬肉還沒看過豬走。所以我們先看看別人的庫是怎么寫的。在我們擁有了足夠扎實的基礎之后我們要做的不是閉門造車,而是去閱讀一些知名的庫...
摘要:的指向的是對象,所以此時擴展的是對象,可以直接通過的方式調用。 寫過jquery插件的人都知道可以通過jquery提供的extend可以對jquery對象進行擴展,而且該方法不僅可以對jquery對象擴展,還能給一個對象添加新的屬性和方法,這個在后面會介紹。 通過不同的方式調用extend擴展的方法也不同: 通過 $.extend() 擴展的是靜態方法; 而通過 $.fn.exten...
摘要:這里在函數中有一個的操作,一般構造函數不會這樣寫,但這樣寫并不會影響的結果,這參照之前的分解,便可以推出結果的一致只是返回了不同但值相同的變量。 這篇文章可以說是讀這篇文章這篇文章后的總結。 jQuery最基本的構成結構: var jQuery = window.jQuery = window.$ = function(a,b){ return new jQuery.fn.init...
摘要:文章出處拜讀一個開源框架,最想學到的就是設計的思想和實現的技巧。利用下的簡單工廠模式,來將所有對于同一個對象的操作指定同一個實例。所以的中提供了以上中擴展函數。 文章出處 http://www.cnblogs.com/aaronjs/p/3278578.html 拜讀一個開源框架,最想學到的就是設計的思想和實現的技巧。 廢話不多說,jquery這么多年了分析都寫爛了,老早以前就拜讀過,...
閱讀 3548·2019-08-30 12:58
閱讀 930·2019-08-29 16:37
閱讀 2803·2019-08-29 16:29
閱讀 3108·2019-08-26 12:18
閱讀 2372·2019-08-26 11:59
閱讀 3417·2019-08-23 18:27
閱讀 2789·2019-08-23 16:43
閱讀 3306·2019-08-23 15:23