原创 word-wrap、word-break、white-space、word-spacing、text-overflow、overflow 的聯繫與區別
1.CSS3 word-wrap 屬性 word-wrap 屬性允許長單詞或 URL 地址換行到下一行。 值 描述 normal 只在允許的斷字點換行（瀏覽器保持默認處理）。 break-word 在長單詞或 URL 地址內部進行換行。
2018-12-08 02:31:49
原创 使用charCodeAt()和charAt()方法，根據Unicode 編碼，轉換字符
1.charCodeAt() 方法 charCodeAt() 方法可返回指定位置的字符的 Unicode 編碼。這個返回值是 0 - 65535 之間的整數。 方法 charCodeAt() 與 charAt() 方法執行的操作相似，只不
2018-12-08 02:31:48
50
原创 setInterval、setTimeout、animation、animate的區別
1.setInterval setInterval()方法可按照指定的週期來調用函數或者計算表達式（以毫秒爲單位） 語法： setInterval(函數表達式，毫秒數)； setInterval()會不停的調用函數，直到clearInte
2018-11-28 14:38:52
原创 總結僞類與僞元素
熟悉前端的人都會聽過css的僞類與僞元素，然而大多數的人都會將這兩者混淆。本文從解析僞類與僞元素的含義出發，區分這兩者的區別，並且列出大部分僞類與僞元素的具體用法，即使你有用過僞類與僞元素，但裏面總有一兩個你沒見過的吧。 1.
2018-09-03 17:39:34
原创 JS幾種數組遍歷方式總結
JS數組遍歷的幾種方式JS數組遍歷，基本就是for,forin,foreach,forof,map等等一些方法，以下介紹幾種本文分析用到的數組遍歷方式以及進行性能分析對比第一種:普通for循環代碼如下:for(j = 0; j < arr
2018-09-03 17:39:25
原创 javascritp中false、0、空字符串、null和undefined區別
相等運算符 （==、!=） 如果兩表達式的類型不同，則試圖將它們轉換爲字符串、數字或 Boolean 量。 NaN 與包括其本身在內的任何值都不相等。 負零等於正零。 null 與 null 和 undefined 相等。 相同的字符串
2018-09-03 17:39:25
1
原创 事件冒泡與事件捕獲
事件傳遞有兩種方式：冒泡與捕獲。事件傳遞定義了元素事件觸發的順序。 如果你將 <p> 元素插入到 <div> 元素中，用戶點擊 <p> 元素, 哪個元素的 "click" 事件先被觸發呢？在 冒泡 中，內部元素的事件會先被觸發，然後再觸發
2018-09-03 17:39:25
原创 window.open詳解
語法 window.open(URL,name,features,replace) 參數 描述 URL 一個可選的字符串，聲明瞭要在新窗口中顯示的文檔的 URL。如果省略了這個參數，或者它的值是空字符串，那麼新窗口就不會顯示任何
2018-09-03 17:39:25
原创 clientHeight、scrollHeight、offsetHeight和scrollTop之間區別
屏幕可見區域高（內容的可視高度，不包括邊框，邊距或滾動條）：document.body.clientHeight正文內容高（整個元素的高度，包括帶滾動條的隱蔽的地方）：document.body.scrollHeight內容高+paddi
2018-09-03 17:39:25
2
原创 less詳解
什麼是LESSCSS LESSCSS是一種動態樣式語言，屬於CSS預處理語言的一種，它使用類似CSS的語法，爲CSS的賦予了動態語言的特性，如變量、繼承、運算、函數等，更方便CSS的編寫和維護。 LESSCSS可以在多種語言、環境中使用
2018-09-03 17:39:25
原创 Math.round()，Math.ceil()，Math.floor()的區別
1.Math.round()：根據“round”的字面意思“附近、周圍”，可以猜測該函數是求一個附近的整數，看下面幾個例子就明白。 小數點後第一位<5 正數：Math.round(11.46)=11 負數：Math.round(-11.4
2018-09-03 17:39:25
原创 JS 控制CSS樣式表
下面先記錄一下JS控制CSS所使用的方法. 1.使用javascript更改某個css class的屬性... <style type="text/css"> .orig { display: none; } </style> 你想要改變
2018-09-03 17:39:25
原创 ES6新特性概覽
箭頭操作符 如果你會C#或者Java，你肯定知道lambda表達式，ES6中新增的箭頭操作符=>便有異曲同工之妙。它簡化了函數的書寫。操作符左邊爲輸入的參數，而右邊則是進行的操作以及返回的值Inputs=>outputs。 我們知
2018-09-03 17:39:25
原创 Flex 佈局教程
網頁佈局（layout）是 CSS 的一個重點應用。 佈局的傳統解決方案，基於盒狀模型，依賴 display 屬性 + position屬性 + float屬性。它對於那些特殊佈局非常不方便，比如，垂直居中就不容易實現。
2018-09-03 17:39:25
原创 package.json文件詳解
概述 每個項目的根目錄下面，一般都有一個package.json文件，定義了這個項目所需要的各種模塊，以及項目的配置信息（比如名稱、版本、許可證等元數據）。npm install命令根據這個配置文件，自動下載所需的模塊，也就是配
2018-09-03 17:39:25