原创 CSS Secret——Visual Effect
各種特殊的陰影 陰影有5個值： box-shadow: 0 5px 4px -4px black; 瀏覽器創建陰影的大概過程是這樣的： 先創建一個和原有元素大小相同的塊，顏色由最後一個值指定。 接下來由前兩個值指定左偏移和
2020-06-16 02:16:38
原创 CSS Secret——Backgrounds & Borders
透明邊框 如果我們想要一個白色背景和半透明白的邊框我們該怎麼辦呢~ 如果你對邊框和背景的關係不太瞭解： border: 10px solid hsla(0,0%,100%,.5); background: white; 這樣你
2020-06-16 02:16:38
原创 CSS學習8（浮動和定位）
浮動 CSS允許浮動任何元素。 浮動元素 首先，會以某種方式將浮動元素從文檔的正常流中刪除，不過它還是會影響佈局。一個元素浮動時，其他內容會“環繞”該元素。 浮動元素的外邊距不會與其他元素的外邊距合併。 浮動的詳細內幕 包含塊，
2020-06-16 02:16:38
原创 CSS Secret——Typography
連字符的使用 在排版良好的書和雜誌中，文字都是兩端對齊的。但是在CSS中我們很少這麼用，因爲書裏有連字符來解決長單詞會帶來的一行中空白過多的情形，而CSS沒有。 在CSS Text Level 3中，有這麼一個新的值，叫hyph
2020-06-16 02:16:38
原创 Node——異步編程
函數式編程 函數式編程是異步編程的基礎，在JS中，將函數作爲參數，返回值，都是可以的。這爲我們使用回調函數打下了很好的基礎。 var points = [40, 100, 1, 5, 25, 10]; points.sort(f
2020-06-16 02:16:38
原创 CSS學習7（顏色和背景）
背景圖片 指定背景圖像的同時可以再指定一個背景色。這往往是個好主意。在圖片沒加載出來或圖片有透明度時。 允許向任何元素應用背景圖像，可以是塊級元素也可以是行內元素。 背景定位 這裏要明確一個概念，原圖像，因爲背景圖片是可以重複的
2020-02-22 10:35:16
原创 CSS Secret——Coding Tips
編寫靈活的CSS 靈活性 我們先來看一段代碼： .noReusableButton{ padding: 6px 16px; border: 1px solid #446d88; background: #58a lin
2020-02-22 10:35:05
原创 CSS Secret——CSS的瀏覽器兼容
使用前綴 background: rgb(255, 128, 0); background: -moz-linear-gradient(0deg, yellow, red); background: -o-linear-grad
2020-02-22 10:35:05
原创 CSS學習5（視覺表現模型）
基本框 CSS假定每個元素都會生成一個或多個矩形框，這稱爲元素框。各元 素框中心有一個內容區(content area)。這個內容區周圍有可選的內邊距、邊框和外邊距。這些項之所以被認爲是可選的，是因爲它們的寬 度可以設置爲0，
2020-02-22 10:35:05
原创 CSS學習6（元素框）
基本元素框 所有文檔元素都生成一個矩形框，這稱爲元素框(element box)，它描述了一個元素在文檔佈局中所佔的空間大小，因此，每個框影響着其他元素框的位置和大小。默認地，一個可以顯示的文檔由多個矩形框組成，這些矩形框分佈開，
2020-02-22 10:35:05
原创 ES6學習3（各種類型的拓展）
字符串的拓展 字符的Unicode表示法 ES5中，Unicode必須是\uxxxx形式的，少與4位不行，多於四位必須拆成兩個4位的來表示。在ES6中，將一個碼點值放在大括號中可以自動解析。與雙字節表示等價。 console.lo
2020-02-22 10:35:05
原创 JS模塊化
完全不封裝時 最開始的js是很簡單的，它並不承擔很複雜的功能，於是所有的變量和函數都寫在全局作用域中（Global）。這樣一開始沒有什麼問題，但是當JS的代碼越來越多，後來慢慢出現插件或多個JS文件時就有問題了，變量和函數的名稱很
2020-02-22 10:35:05
原创 CSS Secret——User Experience
選擇適當的鼠標指針 CSS3級別提供了更加豐富的鼠標樣式，包括隱藏指針的none。善用他們。none在不支持的瀏覽器中可以使用這樣的方式來fallback： cursor: url('transparent.gif'); cur
2020-02-22 10:35:05
原创 CSS學習9（表佈局）
表格式化 我們先來看看組裝表的基本方法，並瞭解表中的元素相互之間有什麼關係。這稱爲表格式化。 表的視覺編排 CSS對於表元素和內部表元素有很分明的界限。在CSS中，內部表元素生成矩形框，這些框有內容，內邊距和邊框，但是沒有外邊距。
2020-02-22 10:35:05
原创 Node——內存控制
JS在瀏覽器中運行的時候並不存在太大的內存問題，我們通常也不刻意的去優化他們，但是當運行在服務器端的時候，運行時間長，這種問題就不得不考慮了。 V8的垃圾回收機制與內存限制 V8的內存限制 在64位下只能使用1.4GB，在32位下
2020-02-22 10:35:05