JavaScript

神通廣大的CSS3選取器，css3選取器作者：大額_skylarhttp://www.cnblogs.com/skylar/p/css3-selector.html每個前端工程師可能每天都會寫一些css，其中選取器是很主要的一部分。但是，大家可能每天寫的大多是#id,.class這樣的選取器，這並不稀奇，但是如果我們瞭解並且熟用css3為我們提供的強大並且優雅的選取器，就可以簡化我們的代碼。我在學習和整理css3的選取器的時候都不會去考慮它的瀏覽器的支援程度，如果有需要，可以在這裡查看它的瀏覽器

容易被忽略CSS特性，忽略CSS特性CSS初學感覺很簡單，但隨著學習的深入才感覺CSS的水由多深，平常總會遇到各種坑，先總結一些經常遇到的坑大小寫不敏感雖然我們平時在寫CSS的時候都是用小寫，但其實CSS並不是大小寫敏感的.test{ background-COLOR:#a00; width:100px; height:

關於漸進增強和優雅降級，漸進增強優雅降級優雅降級（graceful degradation）：一開始就構建網站的完整功能，然後針對瀏覽器測試和修複。漸進增強（progressive

NEC 架構規範 css function，neccss/* function */.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}.f-cb,.f-cbli li{zoom:1;}.f-ib{display:inline-block;*display:inline;*zoom:1;}.f-dn{display:none;}.

css 實現DIV水平垂直置中於螢幕，cssdiv原文地址： http://www.manongjc.com/article/374.html css如何將div實現全屏水平垂直置中，本章節介紹一下如何將一個div元素在整個網頁內實現水平垂直置中效果，代碼是最令人信服的，直接看代碼。代碼如下:<!DOCTYPE html> <html> <head> <title>css 實現DIV水平垂直置中於螢幕</title>

Html5的一些基礎知識，Html5基礎知識<!DOCTYPE html><html><head><meta charset="utf-8" /><title>頁面標題</title><meta name="keywords" content="關鍵字" /><meta name="description" content="頁面描述" /><!--<meta

jQuery實現偽分頁的方法分享，jquery偽分頁分享本文執行個體講述了jQuery實現偽分頁的方法。分享給大家供大家參考，具體如下：可以對錶格資料進行偽分頁，而且只需要執行簡單的代碼就可以實現。實現的很簡單、樣式也不太好看，大家可以自行調整，糾正。下面是一個table,tbody裡載入tr資料，無論你怎麼載入，在資料載入完成後便可以對table資料進行偽分頁、注意div引用的class,我填充的資料是四列的，所以td裡加了colspan，div是分頁顯示地區<table> &

nodejs修複ipa處理過的png圖片，最近做項目遇到一個需求：解析apk和ipa包，然後把裡面的icon上傳到伺服器。問題解析上傳過程比較簡單，我使用JSZip對apk和ipa進行解壓，然後把找到裡面的icon上傳到伺服器。但是，當我在網頁中使用圖片時，問題出現了。對於apk中的icon，沒有任何問題，但是對於ipa中解析出來的圖片，在safari中可以正常顯示，在其他任何瀏覽器去無法顯示。原因Google後發現，是蘋果對png圖片進行了最佳化處理，具體看這篇文章（查看），在文章中我們可以瞭

Bootstrap入門書籍之（三）柵格系統，bootstrap柵格實現原理柵格系統是Bootstrap中的核心，正是因為柵格系統的存在，Bootstrap才能有著如此強大的響應式布局方案。下面是官方文檔中的解說：Bootstrap內建了一套響應式、行動裝置優先的流式柵格系統，隨著螢幕裝置或視口（viewport）尺寸的增加，系統會自動分為最多12列。它包含了便於使用的預定義classe，還有強大的mixin用於產生更具語義的布局。我們來理解一下這一段話，可以發現其中最重要的部分就是

AngularJS

jQuery外掛程式實現適用於移動端的地址選取器，jquery選取器最近在工作中需要用到地址選取器，像下面這樣的，本想在網上找一個，可是沒找到，於是自己寫了個jquery外掛程式。直接上代碼吧：var provinces = { "A": { "安徽":["合肥市","蕪湖市","蚌埠市","淮南市","馬鞍山市","淮北市","銅陵市","安慶市","黃山市","滁州市","阜陽市","宿州市","巢湖市","六安市","亳州市","池州市","宣城市"] }, "B": { "北京": ["

Bootstrap入門書籍之（四）菜單、按鈕及導航，bootstrap入門我們接下來要學習的東西呢，是Bootstrap為我們提供的一些組件，這些組件的使用非常簡單，可以方便快捷協助我們搭建網站，並且能達到一個不錯的顯示效果。我們最需要注意的就是： HTML的結構 和bootstrap提供 添加到結構上的類以及屬性

JavaScript+canvas實現七色板效果執行個體，canvas七色板本文執行個體講述了JavaScript+canvas實現七色板效果。分享給大家供大家參考，具體如下：如下：html：<canvas id="canvas" class="canvas" width="600" height="600"></canvas>css：html,body{margin: 0;padding: 0}.canvas{display: block;

初識angular架構後的所思所想，angular所思因為工作中實際開發需要，才開始接觸angular架構。從當初的比葫蘆畫瓢，被各種問題、概念折磨摧殘，到現在有一定的瞭解認識，覺得有必要將自己的認識進行簡單的總結。不到位的地方還望多多包涵。 1.雙向資料繫結     

學習javascript檔案載入最佳化，javascript檔案載入在js引擎部分，我們可以瞭解到，當渲染引擎解析到script標籤時，會將控制權給JS引擎，如果script載入的是外部資源，則需要等待下載完後才能執行。 所以，在這裡，我們可以對其進行很多最佳化工作。放置在BODY底部為了讓渲染引擎能夠及早的將DOM樹給渲染出來，我們需要將script放在body的底部，讓頁面儘早脫離白屏的現象，即會提早觸發DOMContentLoaded事件. 但是由於在IOS Safari,

jQuery實現簡單的DIV拖動效果，jquerydiv拖動本文執行個體講述了jQuery實現簡單的DIV拖動效果。分享給大家供大家參考，具體如下：建立一個HTML檔案，複製以下代碼進去，修改jquery檔案（沒有的到網上去下一個，我使用的是jquery-1.8.2），即可以運行了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

使用jQuery的easydrag外掛程式實現可拖動的DIV彈出框，jqueryeasydragEasyDrag 是一個用來實現頁面元素拖拉的 jQuery 外掛程式。在沒遇到easydrag外掛程式之前，想實現一個彈出框並不是一件輕而易舉事情！人們常說沒有不勞而獲的事情，但在編碼的世界中卻不是這樣。更多的開源架構方面了我們，也毒害了我們！廢話少說，先看效果：全部代碼：<!DOCTYPE HTML> <html> <head>

解析Node.js基於模組和包的代碼部署方式，node.js部署模組路徑解析規則有經驗的 C 程式員在編寫一個新程式時首先從 make 檔案寫起。同樣的，使用 NodeJS

使用Node.js處理前端代碼檔案的編碼問題，node.js前端使用 NodeJS 編寫前端工具時，操作得最多的是文字檔，因此也就涉及到了檔案編碼的處理問題。我們常用的文本編碼有 UTF8 和 GBK 兩種，並且 UTF8 檔案還可能帶有 BOM。在讀取不同編碼的文字檔時，需要將檔案內容轉換為 JS 使用的 UTF8 編碼字串後才能正常處理。BOM 的移除BOM 用於標記一個文字檔使用 Unicode 編碼，其本身是一個 Unicode 字元（"\uFEFF"），位於文字檔頭部。在不同的

Javascript實現圖片輪播效果(一)讓圖片跳動起來，javascript跳動圖片輪播效果，在各大網站的首頁都能看到，比較常見。下面小編給大家分享這一效果的簡單實現。1.圖片跳動起來2.圖片序列控制的實現3.前後按鈕控制的實現這篇文章來看圖片按照間隔時間進行切換.我們先把結構程式碼完成,這個我就不做詳細的講解了.先給大家展示下：代碼如下:<!DOCTYPE html><html><head><meta