JavaScript

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

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中常見的事件驅動的編程大有裨益。橋接模式最常見和實際的應用場合之一是事件監聽器回呼函數。

深入剖析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:

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" />

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 border，cssCSS border用於設定HTML元素（如div）的邊框，包括邊框的寬度、顏色和樣式。本文章向碼農介紹CSS border邊框屬性詳細內容，感興趣的碼農可以參考一下。CSS 邊框即CSS border-border邊框樣式顏色、邊框樣式、邊框寬度的文法結構與應用案例教程篇 一、CSS邊框基礎知識CSS

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來解決的，原諒也是才知道它可以用這個。

實現bootstrap布局的input輸入框中的表徵圖點擊功能，bootstrapinput　　使用bootstrap布局可以在input的輸入框中添加譬如登入名稱輸入框中的一鍵清除表徵圖和密碼輸入框中顯示密碼的小眼睛表徵圖。如：　　 　　但是在將表徵圖放入input輸入框中，這些小表徵圖是無法獲得點擊事件的；　　那麼問題來了，怎樣讓這些小表徵圖能夠獲得點擊事件呢？　　我也不知道，但是可以用一種迂迴的方式，來間接的實現該功能。　　重點來了：　　在小表徵圖的位置上，添加一個看不見的元素，

css 元素選取器執行個體，css選取器執行個體一個完整的HTML頁面是有很多不同的標籤組成，而標籤選取器，則是決定哪些標籤採用相應的CSS樣式。本文章向碼農介紹css

z-index學習知識小結，z-index知識小結z-index知識總結一、z-index七階層疊順序表　1.層疊順序的大小比較：　　 background/border < 負z-index < block塊狀水平盒子 < float浮動盒子 < inline/inline-block水平盒子 < z-index:auto或者看成z-index:0 /不依賴z-index的層疊上下文<

值得分享和收藏的Bootstrap學習教程，bootstrap教程首先先感謝朋友們對小編的支援，關注小編的文章，和小編一起學習進步，一直的陪伴，小編也一定會再接再厲，為大家分享更多精彩的文章。在分享的過程中遇到了一些問題，這也給了我很大的啟發，大家在搜尋相關文章時都沒有針對此類問題進行的系統整理文章，這也是小編需要在今後進行改進的。所以本文就吸取這個經驗，針對Bootstrap教程進行系統整理，希望對大家的學習有所協助，便於大家學習。小編的水平能力都很有限，還望大牛多給一些建議和看法，協助小編進