原创 JS筆記-熟悉DOM元素中的各種屬性

今天在看別人的JS原生代碼的時候,突然發現了很多此前沒有看過的屬性,例如:documentElement, nodeName, nodeValue, nextSibling, firstChild等。在代碼中,恰當的運用了這些屬性,達到了

原创 jQuery中實現each()

在jQuery中,each()方法非常常見。它分爲兩種: 1、靜態方法:jQuery.each(obj, callback, args); 2、爲jQuery對象服務的:$(selector).each(callback, args) 其

原创 10 分鐘快速入門:React Hooks 10 分鐘快速入門:React Hooks

在開始之前,先看一張圖: 爲什麼要推出 React Hooks? React Hooks 的設計目的,就是加強版函數組件,完全不使用"類",就能寫出一個全功能的組件。 不準確的總結一下,就是:React 團隊希望開發者們少用類組件,多用

原创 待辦清單這樣列纔有效!做得更少,但做得更好:135行動清單 135 清單是什麼? 135 行動清單有什麼好? 135 行動清單:做得更少,但做得更好

列清單是一個很棒的習慣。把每天自己想要做的事情都列出來,並在完成之後一條條劃掉,看着事情被一件件完成,感覺超棒。 但列清單時,很容易遇到這麼三個痛點: 一,待辦清單常常變成拖延清單。我們列清單,當然是希望解決問題的。因爲問題實在是太多了,

原创 塊元素與內聯元素的區別

塊元素: 塊元素又名塊級元素(block element),和其對應的是內聯元素(inline element),都是html規範中的概念。塊元素和內聯元素的基本差異是塊元素一般都從新行開始,相鄰的塊級元素將會在不同行顯示。而當加入了c

原创 Javascript閉包——懂不懂由你,反正我是懂了

文章出處:http://kb.cnblogs.com/page/110782/ 越來越覺得國內沒有教書育人的氛圍,爲了弄懂JS的閉包,我使出了我英語四級吃奶的勁去google上搜尋着有關閉包的解釋,當我看到stackoverflow

原创 JS筆記-關於在DOM0級別中設置事件處理對象的思考

在JavaScript指定事件處理程序的方式中,有三層,分別是DOM 0 級, DOM 1 級, DOM 2 級。 DOM 0 級是最傳統的形式,主要爲直接給指定元素的某個事件直接指定, ex:  <span style="font-fa

原创 JS筆記--探討閉包中內部函數在各情況下的可訪問範圍

         閉包是指有權訪問另一個函數作用域中的變量的函數,通過通過在一個函數中創建的另一個函數而獲得閉包。首先要說明的是,閉包並不等於匿名函數,匿名函數可以構成閉包,但不等於閉包。          閉包的作用域,曾一直是困擾我多

原创 使用css保持一定寬高比例

文章出處:http://www.tuicool.com/articles/zQfQzur 需求描述:移動端實現橫跨頁面半圓。(類似問題,實現4x4的正方形網格) 簡化問題,我們可以理解爲實現一個高度和寬度比爲1:2的塊。 需

原创 實現1.add(1).add(2).add(3)……的級聯疊加

最近在面試的時候,面試官問我:“1.add(1).add(2).add(3)...我希望這樣來實現數的疊加求和,你告訴我怎麼實現?” 我啞口無言。回來經過不斷的調試,終於被我找到了實現的方法。 首先,要和大家說的是,1.add(1).ad

原创 在HTML中使用JavaScript和CSS

想要在HTML頁面中加入JavaScript和CSS,一般可以通過兩個方法: 1、內嵌:在HTML中直接插入代碼塊; 其中JavaScript的形式爲: <script type="text/javascript"> /*write s

原创 JS筆記-關於Date()類的用法詳解

Javascript爲我們提供了一個強大的Date()類,以便我們獲取當天的時間信息。我們能夠通過Date()中的內含方法,達到獲取年、月、日、時、分、秒、毫秒、周等信息。下面,我將通過一段代碼來展示。 <!DOCTYPE html> <

原创 轉別人的web筆記,非常值得學習

http://www.w3cfuns.com/blog-5455438-5407108.html

原创 JS筆記-JS基本架構

JavaScript是一個成熟的編程語言,能夠處理複雜的計算和交互,擁有了閉包和匿名函數,業已具備了與瀏覽器窗口及其內容等幾乎所有方面交互的能力。 JavaScript主要有三部分組成:1、ECMAScript;2、DOM文檔對象模型;3

原创 JS筆記-在while中使用setTimeout

今天在實現某些動畫功能的時候,嘗試着在while中調用setTimeout()函數,並在其中遞增判斷數值,滿以爲能夠執行下去,但是卻發現最後系統崩潰了。 <span style="font-size:14px;">a = 0; whil