原创 瀏覽器頁面渲染基本過程
像素完美（Pixel Perfection）、分辨率無關（Resolution Independent）和多平臺體驗一致性是設計師們的追求。 可訪問性（Accessability）、加載性能和重構靈活性則是前端工程師們關心
2020-06-25 09:53:57
原创 CSS定位的兼容性問題
CSS定位的兼容性問題 position:relative; 在 IE6 下父級的 overflow:hidden; 包不住子級的relative; position:absolute; 在 IE6 下定位元素的父級寬高都爲奇數
2020-06-25 09:53:57
原创 HTML5語義化元素
在HTML 5對HTML 4所做的各種修改中，一個比較重大的修改就是爲了使文檔結構更加清晰明確，容易閱讀，增加了許多新的結構元素。 <header></header> 頁眉 主要用於頁面的頭部的信息介紹，也可用於板塊頭部 <h
2020-06-25 09:53:57
原创 js中console命令的使用
一、顯示信息的命令 <script type="text/javascript"> console.log('hello'); console.info('信息'); console.error('錯誤'); console.wa
2020-06-25 09:53:57
原创 ECMAScript定義類或對象
使用預定義對象只是面嚮對象語言的能力的一部分，它真正強大之處在於能夠創建自己專用的類和對象。 ECMAScript 擁有很多創建對象或類的方法。 工廠方式 原始的方式 var oCar = new Object; oCar.
2020-02-21 08:00:49
原创 js閉包
閉包（closure）是Javascript語言的一個難點，也是它的特色，很多高級應用都要依靠閉包實現。 閉包的特性 閉包有三個特性： 1.函數嵌套函數 2.函數內部可以引用外部的參數和變量 3.參數和變量不會被垃圾回收機制回收
2020-02-21 08:00:49
原创 CSS清除浮動
1、浮動產生的原因是什麼呢 浮動是什麼情況呢？一般是一個盒子裏使用了CSS float浮動屬性，浮動的元素已經脫離了文檔流，導致父級對象盒子不能被撐開，這樣子CSS 浮動就產生了。 2、浮動產生負作用 由於浮動產生，如果對父級設置了
2020-02-21 08:00:49
原创 CSS樣式優先權
當同一個 HTML 元素被不止一個樣式定義時，會使用哪個樣式呢？ 一般而言，所有的樣式會根據下面的規則層疊於一個新的虛擬樣式表中，其中數字 1擁有最高的優先權。 1.內聯樣式（在 HTML 元素內部） 2.內部樣式表（位於
2020-02-21 08:00:49
原创 響應式佈局解決方案之Media Query
佈局實現 採用何種方式實現佈局設計，也有不同的方式，這裏基於頁面的實現單位而言，分爲四種類型：固定佈局、可切換的固定佈局、彈性佈局、混合佈局。 固定佈局：以像素作爲頁面的基本單位，不管設備屏幕及瀏覽器寬度，只
2020-02-21 08:00:49
原创 Js自定義屬性
HTML標籤的自定義屬性 1、(隱式的方法) document.getElementById("testId").ggg = "new"; 2、(顯式的方法)document.getElementById("testId"
2020-02-21 08:00:49
原创 CSS選擇器性能
CSS選擇器損耗到底來自哪裏呢？ CSS選擇器對性能的影響源於瀏覽器匹配選擇器和文檔元素時所消耗的時間，所以優化選擇器的原則是應儘量避免使用消耗更多匹配時間的選擇器。而在這之前我們需要了解CSS選擇器匹配的機制， 如子選擇器規則：
2020-02-21 08:00:49
原创 canvas繪製圖形API(一）
canvas元素的基礎知識 canvas元素是HTML5中的一個新增的重要元素，專門用來繪製圖形。在頁面上放置一個canvas元素，就相當於在頁面上放置了一塊“畫布”，可以在其中進行圖形的描繪。但是，在canvas元素中進行繪畫，並不
2018-08-24 04:54:45
原创 Windows無法保存文件？
用MarkdownPad寫筆記時，ctrl+s時窗口閃退無法選擇保存路徑，瀏覽器下載東西也是如此，無法保存，真是急煞我也！幾天後才發現，原來是視頻播放器搞的鬼，我看的教學視頻是加密的，有個專門的播放器，關閉播放窗口之後一切正常，其中的
2018-08-24 04:54:45
原创 util
util.inherits util.inherits(constructor,superConstructor)是一個實現對象間原型繼承的函數。 示例如下： var util=require('util'); function Base
2018-08-24 04:54:45
原创 Node.js簡介
Node.js是一個讓JavaScript運行在服務端的開發平臺，在服務端堪與PHP,Python,Perl,Ruby平起平坐。Node.js跳過了Apache,Nginx等HTTP服務器向用戶提供服務，直接面向前端開發。Node.js的
2018-08-24 04:54:45