JavaScript

Google字型（Google Font）初探 [翻譯自Google官方文檔]，Googlefont這個指南解釋了如何使用Google Font的API,把網路字型添加到自己的頁面上。你不需要任何的編碼,你所要做的只是添加一個特定的CSS到HTML頁面上，然後把字型關聯到這個CSS樣式。一個快速的例子： 這是一個例子，複製下面的HTML代碼到一個檔案中：Html代碼  <html>    <head>&

Bootstrap 3之美06-Page Header、Breadcrumbs、Dropdowns、Button Dropdowns、用Button和Dropdowns類比Select、Input Groups、Thumbnails、Panels、Wells，vbadropdowns本篇主要包括： ■  Page Header■  Breadcrumbs■  Button Groups■  Dropdowns■  Button

Bootstrap 3之美04-自訂CSS、Theme、Package，bootstrap04-本篇主要包括： ■  自訂CSS■  自訂Theme■  自訂Package     自訂CSS 有時候，需要自訂或重寫Bootstrap預設的CSS。→在css檔案夾下建立一個site.css→假設要對container類重寫，在site.css中.container { background-color:

AngularJs 雙向繫結機制解析AngularJs 的元素與模型雙向繫結依賴於迴圈檢測它們之間的值，這種做法叫做髒檢測，這幾天研究了一下其源碼，將 Angular 的實現分享一下。 首先看看如何將 Model 的變更更新到 UI Angular 的 Model 是一個 Scope 的類型，每個 Scope 都歸屬於一個 Directive 對象，比如 $rootScope 就歸屬於 ng-app。 從 ng-app 往下，每個 Directive 建立的

jQuery添加/改變/移除CSS類 改變頁面元素樣式使用Javascript也可實現，但有沒有更簡潔的辦法，答案是肯定的，現在有了jQuery，似乎讓Js代碼瘦身了不少，應驗了那句話：“jQuery讓JavaScript代碼變得簡潔！”，言歸正傳，來看jquery如何添加、移除CSS類：1. removeClass() - 移除CSS類.代碼 $("#target").removeClass("oldClass"); //#target 指的是需要移除CSS類的元素的ID

Ext JS學習第五天 Ext_window組件（一）第一個組件：Ext.window.Window。對於組件，也就是Ext最吸引開發人員的地方，那麼我們要真正的使用Ext的組件，首先必須學會閱讀API文檔。–xtype：組件的別名–Hierarchy 階層–Inherited mixins 混入的類–Requires

使用jQuery設定disabled屬性與移除disabled屬性，jquerydisabled表單中readOnly和disabled的區別：Readonly只針對input(text/ password)和textarea有效，而disabled對於所有的表單元素都有效，包括select,radio, checkbox,

欄位太多jquey快速清空表單內容方法，欄位jquey清空表單做了個複雜查詢的頁面，欄位太多了，填了一次，想清空挺麻煩的$('#myform')[0].reset();雖然reset方法可以做到一部分，但是如果你有個元素是這樣的<input name="percent" value="50"/>那麼點擊reset只會還原成50於是乎，有了以下方法，網上瀏覽過來，$(':input','#myform') .not(':button, :submit, :reset, :hidden'

【乾貨分享】Google 的設計準則，素材和資源，乾貨google　　在Google，他們說， “專註於使用者，所有其它的就會水到渠成 ”。他們遵循設計原則，尋求建立讓使用者驚喜的使用者體驗。Google一直挑戰自己，為他們的使用者創造一種視覺語言，綜合優秀設計的經典原則和創新。Google設計規範是一份活的檔案，因為它們繼續更新最新的設計原則和細節。這是一份值得每位設計師收藏和學習的準則。您可能感興趣的相關文章Web

js中運算子&& 和 || 的使用記錄，js運算子這2個運算子經常用到，總是弄混，記錄下。。。a() && b() :如果執行a()後返回true，則執行b()並返回b的值；如果執行a()後返回false，則整個運算式返回a()的值，b()不執行；a() || b() :如果執行a()後返回true，則整個運算式返回a()的值，b()不執行；如果執行a()後返回false，則執行b()並返回b()的值；&& 優先順序高於 ||代碼如下alert((1 && 3 || 0) && 4);

Bootstrap 3之美03-獨立行,文字環繞,圖片自適應,隱藏元素，本篇主要包括： ■  添加獨立的一行■  文字環繞■  圖片自適應■  隱藏元素     添加獨立的一行 在id為body的section和id為main的section之間，添加2張圖片。 我們發現，新加的2張圖片把主體內容擠到了右側。  

jquery實現在頁面載入的時自動為日期外掛程式添加當前日期，jquery當前在頁面載入的時候自動為日期外掛程式添加當前日期。<script

JavaScript，一個超級簡單的方法判斷瀏覽器的核心首碼先說明，此處的方法是說超級簡單的方法，不是指代碼超級少，而是用非常簡單的知識點，只要懂得怎麼寫JavaScript的行內樣式就可以判斷。 　　大家應該還記得JavaScript行內樣式怎麼寫吧？（看來我是廢話了！） 　　在前端開發過程中，有時我們需要判斷瀏覽器的核心首碼，對不同的瀏覽器做出不同的處理，因此我們可以這麼做。 　　alert(element.style.webkitTransition);

淺談JavaScript中定義變數時有無var聲明的區別，javascriptvar前段時間回答了一個關於定義變數時使用關鍵字var與否的區別，總結回顧一下。1.在函數範圍內 加var定義的變數是局部變數，不加var定義的就成了全域變數。使用var定義：var a = 'hello World';function bb(){ var a = 'hello Bill'; console.log(a); }bb() //'hello Bill'console.log(a);

js中格式化日期Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小時 "m+": this.getMinutes(), //分 "s+":

基於GruntJS的前端效能最佳化本文主要如何使用GruntJS來作簡單的前端效能最佳化的自動化處理，我寫了一個完整的例子放在Github上，可以參考一下。關於Yahoo的前端最佳化規則請參考：Best Practices for Speeding Up Your Web

使用javascript從一個字串提取自字串問題：有一個字串是由ijige句子組成，其中的一個句子擁有一個項目列表，該列表以一個冒號開始(:),以一個句點結束(.)，我們如何去提取這個列表解決思路：使用indexof+String方法來找到冒號，然後再次使用它找到冒號後面的第一個據點，有了這兩個位置，使用String subString方法提取字串提取子字串<script type="text/javascript">var sentence="this is one

javascript實現擷取cookie到期時間的變通方法 javascript和動態網頁無法擷取cookie到期的時間，到期時間由瀏覽器管理，javascript和動態網頁只能設定到期時間，無法通過document.cookie（javascript）或者Cookie.Expires（asp.net）屬性擷取到。 代碼如下:<%@page language="C#" Debug="true"%><script

js 判斷圖片是否載入完以及實現圖片的預下載 建立一個Image對象，實現圖片的預下載，如果圖片已經存在於瀏覽器緩衝，直接調用回呼函數，使用onload事件可以判斷圖片是否載入完成 01 function loadImage(url, callback) {  02 var img = new Image(); //

js 判斷圖片是否載入完以及實現圖片的預下載，js載入建立一個Image對象，實現圖片的預下載，如果圖片已經存在於瀏覽器緩衝，直接調用回呼函數，使用onload事件可以判斷圖片是否載入完成function loadImage(url, callback) { var img = new Image(); //建立一個Image對象，實現圖片的預下載 img.src = url; if(img.complete) { // 如果圖片已經存在於瀏覽器緩衝，直接調用回呼函數