原创 CSS透明度opacity與IE中的透明度濾鏡filter的最準確的用法

CSS3的透明度屬性opacity想必大家都已經用的無處不在了。而對於不支持CSS3的瀏覽器如何進行透明處理,保持瀏覽器效果的一致,這個估計誰都會寫,但是涉及到filter的具體語法含義和各版本寫法的不同區別,很多人都搞不準確,我曾經問

原创 Web自適應

淺談Web自適應 前言 隨着移動設備的普及,移動web在前端工程師們的工作中佔有越來越重要的位置。移動設備更新速度頻繁,手機廠商繁多,導致的問題是每一臺機器的屏幕寬度和分辨率不一樣。這給我們在編寫前端界面時增加了困難,適配問

原创 元數據標籤的含義和用法

最齊全的網站元數據meta標籤的含義和用法 隨着HTML5的流行和Web技術的不斷演變,Meta標籤隊伍也越來越壯大,從Windows XP的IE6到如今Windows 7、Windows 8的IE9、IE10、IE11,對Html5

原创 程序員必知道的英文單詞

程序員必知的英文單詞  這是本人總結的前端必會必知的英文單詞,有興趣的前端程序猿和攻城師可以看看咯!

原创 常用的html、CSS、JavaScript前端規範

常用的HTML、CSS、JavaScript前端開發規範   無意發現自己文件夾裏面有這麼一個文件,具體從哪裏來的不記得了,仔細看下,發現總結的挺好的,貼出來分享一下。  無論是從技術角度還是開發視角,對於web前端開發規範

原创 如何判斷終端打開的設備

判斷終端打開的是什麼設備代碼 var browser = {    versions: function () {        var u = navigator.userAgent, app = navigator.appVe

原创 js數組常用的操作方法

JS:對數組常用的操作方法 操作數組常用的方法: 1.slice() --------arrayObject.slice(start,end) slice() 方法可從已有的數組中返回選定的元素。返回一個新的數組

原创 對W3C的理解

深刻理解W3C中的Web標準 Web標準簡而言之就是將頁面的結構,表現以及行爲各自單獨的實現,更通俗的講就是如今招聘流行的“Div+CSS”佈局。 web標準簡單來說可以分爲結構、表現和行爲。其中結構主要是有HTML標籤組成。或許

原创 網頁切圖div+css命名

網頁切圖過程中div+css命名規則 (一)命名規則 內容:content/container 導航:nav 側欄:sidebar     欄目:column 標誌:logo 頁面主體:main    廣告:banner 熱點:hot

原创 JavaScript保留字和關鍵字

ECMA-262中描述了一組具有特定用途的關鍵字,關鍵字屬於語言保留,不可以用於標示符,學習js的朋友可以看看 ECMA-262中描述了一組具有特定用途的關鍵字,可用於表示控制語句的開始或結束,或者用於執行特定操作等。規定:關

原创 Webstrom快捷鍵大全

Webstrom快捷鍵大全 WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽爲“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaSscript IDE”

原创 常用的計算寬高的方法

js和jQuery中常用的計算寬高的方法 jquery: 獲取瀏覽器顯示區域的高度 : $(window).height(); 獲取瀏覽器顯示區域的寬度 :$(window).width(); 獲取頁面的文檔高度

原创 CSS開發規範

前端之CSS開發規範 1. tab鍵用四個空格代替  因爲在不同系統的編輯工具對tab解析不一樣,windows下的tab鍵是佔四個空格的位置,而在linux下會變成佔八個空格的位置(除非你自己設定了tab鍵所佔的位置長度)。  一些

原创 12 個 CSS 高級技巧彙總

下面這些CSS高級技巧,一般人我可不告訴他哦。 使用 :not() 在菜單上應用/取消應用邊框 給body添加行高 所有一切都垂直居中 逗號分隔的列表 使用負的 nth-child 選擇項目 對圖標使用SVG

原创 前端技能樹

作爲一個前端開發者,我認爲我們應當具備如下技能樹: HTML(整潔代碼,語義化標籤) CSS(模塊化,可伸縮) CSS方法(BEM、SMACSS、OOCSS) CSS預處理器(less、scss、postcss) 現代CSS(flex