JavaScript

JavaScript開發Chrome瀏覽器延伸程式UI的教程，chromeui基本知識1、外掛程式檔案結構1.1、manifest.json每一個擴充、可安裝的WebApp、皮膚，都有一個JSON格式的manifest檔案，裡面存放重要的外掛程式相關資訊。一個最基本的配置例子：{ "name": "browser action demo", "version": "1.0", "permissions": [ "tabs", "http://*/*", "https://*/*"

Svg.js執行個體教程及使用手冊詳解（一），svg.js執行個體教程什麼是SVG？SVG 指可伸縮向量圖形 (Scalable Vector Graphics)SVG 用來定義用於網路的基於向量的圖形SVG 使用 XML 格式定義圖形SVG 映像在放大或改變尺寸的情況下其圖形品質不會有所損失SVG 是全球資訊網同盟標準SVG 與諸如 DOM 和 XSL 之類的 W3C

Angularjs中的事件廣播

Web前端新人筆記之jquery入門心得(新手必看)，jquery新手必看本章將為大家介紹以下幾點內容；1、jquery的主要特點；2、建立jquery的編碼環境；3、簡單jquery指令碼樣本；4、選擇jquery而不是純javaScript的理由；5、常用的jquery開發工具；jquery能做什嗎？① 取得文檔中的元素$('div.content').find('p');② 修改頁面的外觀$('ul > li:first').addClass('active');③ 改變文檔內容$(

Bootstrap組件學習之導航、標籤、麵包屑導航(精品)，bootstrap組件導航Bootstrap中可用的導航有相似的標記，用基類.nav開頭，這是相似的部分。改變修飾類可以改變樣式。<!DOCTYPE html><html><head><meta charset="utf-8"><!-- <link rel="stylesheet" >--><link rel="stylesheet"

詳解JavaScript設計模式開發中的橋接模式使用，javascript設計模式橋接模式將抽象部分與實現部分分離開來，使兩者都可以獨立的變化，並且可以一起和諧地工作。抽象部分和實現部分都可以獨立的變化而不會互相影響，降低了代碼的耦合性，提高了代碼的擴充性。按照GoF的定義，橋接模式的作用在於“將抽象與其實現隔離開來，以便二者獨立變化”。這種模式對於Javascript中常見的事件驅動的編程大有裨益。橋接模式最常見和實際的應用場合之一是事件監聽器回呼函數。

Jquery跨域獲得Json的簡單一實例，jquery跨域json這兩天用 Jquery 跨域取資料的時候，經常碰到 invalid label 這個錯誤，十分的鬱悶，老是取不到伺服器端發送回來的 json 值，一般跨域用到的兩個方法為：$.ajax 和$.getJSON最後，仔細安靜下來，細讀 json 官方文檔後發現這麼一段：JSON資料是一種能很方便通過JavaScript解析的結構化資料。如果擷取的資料檔案存放在遠程伺服器上（網域名稱不同，也就是跨域擷取資料），則需要使用jsonp類型。

深入剖析javascript中的exec與match方法，execmatchexec是Regex的方法，而不是字串的方法，它的參數才是字串，如下所示：var re=new RegExp(/\d/);re.exec( "abc4def" );//或者使用perl風格：/\d/.exec( "abc4def"

noty – jQuery通知外掛程式全面解析，notyjquerynoty是一個jQuery的通知(資訊提示)外掛程式，靈活輕便，是一個非常棒的用於替代傳統提示對話方塊的外掛程式。當前最新版本為2.1.0: 從 https://github.com/needim/noty 可以擷取最新原始碼。配置樣式支援的提示樣式，每種樣式都有預定義好的css樣式：•alert: 預設的提示樣式•success: 成功•error: 錯誤•warning:

jQuery實現圖片向左向右轉場效果的簡單一實例，jquery向左向右jQuery實現圖片向左向右轉場效果的簡單一實例<div class="imageRotation container">　　<div class="imageBox">　　　　<img src="images/chugui.jpg">　　　　<img src="images/ad_auto.jpg">　　　　<img

JS+Canvas 實現下雨下雪效果，jscanvas最近做了一個項目，其中有需求要實現下雨小雪的動畫特效，所以在此做了個drop組件，來展現這種canvas常見的下落物體效果。在沒給大家介紹本文之前，先給大家展示下：展示：下雨 下雪 看起來效果還是不錯的，相對於使用建立dom元素來製作多物體位移動畫， 使用canvas會更加容易快捷，以及效能會更好調用代碼<!DOCTYPE html><html lang="en"><head><meta

js擷取隱藏元素寬高的實現方法，js擷取隱藏元素網上有一些js擷取隱藏元素寬高的方法，但是可能會存在某些情況擷取不了。例如：<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

javascript物件導向程式設計進階特性經典教程(值得收藏)，javascript物件導向本文執行個體講述了javascript物件導向程式設計的進階特性。分享給大家供大家參考，具體如下：1.建立對象的三種方式：第一種構造法：new  Objectvar a = new Object();a.x = 1, a.y = 2;第二種構造法：對象直接量var b = { x : 1, y : 2 };第三種構造法：定義類型function Point(x, y){ this.x = x;

iis最大串連數和隊列長度，iis數和隊列長度首先讓我們來看看IIS裡面的這2個數字：最大並發串連數，隊列長度。先說這2個數字在哪裡看。 最大並發串連數：在IIS中選中一個網站，右鍵網站名稱，在右鍵菜單中找到並點擊【管理網站】->【進階設定】。開啟對話方塊如： 隊列長度：在IIS中選中【應用程式集區】，在應用程式集區列表中，右鍵你想查看的，在右鍵菜單中選擇【進階設定】。開啟如下對話方塊： 這兩個數字表面上看是影響我們網站的並發處理能力的，但是具體是如何影響一個

Tomcat設定檔server.xml，tomcatserver.xmlTomcat目錄中的server.xml設定檔 server.xml稱為主設定檔或全域設定檔它完成以下兩個目標：1，提供Tomcat組件的初始化配置2，說明Tomcat的結構和含義，使得Tomcat通過執行個體化組件完成啟動及構建自身 代碼解析如下： <Server port="8005" shutdown="SHUTDOWN"> <Listener

CSS凹型導覽按鈕，css導航一般需求，圓角看起來更加舒服，但是下面直角略顯生硬於是設計師有了下面的需求，下面加上小凹型：凹型？凹型？凹型？有點變態，這怎麼實現...........圖片肯定是最先考慮到的，CSS實現有貌似有一定難度.......別怕，咋們遇難而上，go go...先上html結構，這個很簡單,沒什麼可以說明的：<!DOCTYPE html><html><head> <meta charset="utf-8"> <

網頁設計代碼總結-----布局（1），網頁設計-----　　長時間未曾動筆至今已忘了如何組織語言，故註冊此部落格園帳號。一來，總結自己平時編程中遇到的“坑”；二來，記錄下自己的編程生涯，以待來日回顧。本篇總結的來源是近期自己所負責的一個雲平台項目。這是第一篇，關於布局。　　傳統的布局方式一般都是盒模型，並依賴於display、position或者float。然而position具有不能自適應內部高度的缺點，需要固定的容器高度；float存在父元素塌陷，需要用清除浮動解決；

CSS 字型，css字型1.font-family不限長度的字型列表，字型包含空格須用引號包含如："Times Now Roman"通用字型族（所有作業系統都可用，作為備用字型放在列表末尾）通用字型包含的相關字型serifTimes, Times New Romansans-serif(sans指無額外裝飾，比serif更易閱讀)Arial, HelveticamonospaceCourier, Courier

【前端效能】高效能滾動 scroll 及頁面渲染最佳化，前端scroll最近在研究頁面渲染及web動畫的效能問題，以及拜讀《CSS SECRET》（CSS揭秘）這本大作。本文主要想談談頁面最佳化之滾動最佳化。主要內容包括了為何需要最佳化滾動事件，滾動與頁面渲染的關係，節流與防抖，pointer-events:none 最佳化滾動。因為本文涉及了很多很多基礎，可以對照上面的知識點，選擇性跳到相應地方閱讀。  

select中無法使用click的處理，selectclick今天工作用到了select，想要給option添加click點擊事件，可是卻沒有任何效果，百度了才發現，原來竟然是不支援呀！眾所周知(其實我才知道哎),在IE裡, select的option是不支援onclick事件的, 而在FF 和 OPERA 裡, option 是支援onclick事件的. (safari似乎也不支援,不過暫時我還不知道如何解決safari的問題.)我今天是用onchange來解決的，原諒也是才知道它可以用這個。