JavaScript

bootstrap知識小點，bootstrap小點年底沒什麼項目做了，整理下最近做的網站使用到的bootstrap知識一、匯入bootstrap樣式和指令碼 <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <script src="js/bootstrap.min.js"

重溫CSS：Border屬性，重溫cssborder邊界是眾所周知的，有什麼新的東西嗎？好吧，我敢打賭，在這篇文章中，有很多你不看永遠不知道的東西！不僅可以用CSS3來建立圓角，使用原有CSS一樣可以顯示自訂圖形。這是正確的（有待考究）；在過去，沒發現這種技術之前，我們可能使用背景映像定位來顯示一個園或箭頭。幸運的是，我們能放下PS圖象處理軟體了。基礎你可能很熟悉邊的最基本用法。border: 1px solid black;上面的代碼將給元素應用1px的邊。即簡潔又簡單；但我們也可以稍作修改。

line-height屬性值為百分比和數字乘積因子的區別，line-height屬性值line-height屬性值為百分比和數字乘積因子的區別:本章節不對line-height屬性的具體用法做介紹，只介紹參數為百分比和數字乘積因子時候的區別。關於line-height的基本用法可以參閱line-height屬性深入介紹一章節。當設定line-height屬性值為百分比和數字乘積因子的時候有點類似，比如200%和2都可以將line-height屬性值設定為當前元素內字型大小的兩倍，是不是感覺使用兩

瀏覽器中的源碼分析功能，瀏覽器源碼分析前言：我們一直在用瀏覽器，你是否真正玩過他？NO！在IE瀏覽器中，開啟一個網頁，右擊功能表列中有一個查看原始碼功能，不過這個原始碼太長了，不易分析。之後的瀏覽器增加了一項功能，叫做審查元素功能。在Google瀏覽器中，開啟一個網頁，右擊功能表列中有一項是檢查；在搜狗瀏覽器中，開啟一個網頁，右擊功能表列有一項是審查元素；其他瀏覽器筆者未嘗試過。 一、審查元素簡介以最常用的百度搜尋介面為例，開啟審查元素，如所示：右側出現審查元素介面，也就是網頁的Htm

CSS設定行內元素和區塊層級元素的水平置中、垂直置中，css置中CSS設定行內元素的水平置中div{text-align:center} /*DIV內的行內元素均會水平置中*/  CSS設定行內元素的垂直置中div{height:30px; line-height:30px} /*DIV內的行內元素均會垂直置中*/  PS:當然，如果既要水平置中又要垂直置中，那麼綜合一下div{text-align:center; 

css如何?讓文字沉到元素的底部，css元素css如何?讓文字沉到元素的底部:在實際應用中可能有這樣的需求，那就是將指定的文本沉降到元素的底部。下面就通過代碼執行個體介紹以下如何?此效果。代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/"

提高CSS檔案可維護性的五種方法，css五種     當完成一項前端的工作之後，許多人都會忘記該項目的結構與細節。然而代碼並不是馬上就能完全定型，在餘下的時間裡還有不斷的維護工作，而這些工作也許不會是你自己完成。所以，結構優良的代碼能很大程度上最佳化它的可維護性。下面列出五種提高CSS檔案可維護性的方法，也就是一種較好的CSS樣式指南。1.分解你的樣式對於小項目，在寫代碼之前，按頁面結構或頁面內容將代碼分為幾塊並給予注釋。例如，可以分別將 全域樣式、布局、

jquery ajax分頁外掛程式的簡單實現，jqueryajax分頁外掛程式說到基於jQuery的ajax分頁外掛程式，那我們就先看看主要的代碼結構：1、首先定義一個pager對象：var sjPager = window.sjPager = { opts: { //預設屬性 pageSize: 10, preText: "pre", nextText: "next", firstText: "First", lastText: "Last",

jquery+css3實現會動的小圓圈效果，jquerycss3本文執行個體講述了jquery+css3實現會動的小圓圈效果。分享給大家供大家參考，具體如下：運行效果如下：具體代碼如下：<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8" /> <title>那些變換顏色的小豆豆</title> <script

分步解析JavaScript實現tab選項卡自動切換功能，javascripttab本文分享一個能夠實現自動切換的選項卡功能，並給出它的具體實現過程。關於選項卡大家一定不會陌生，應用非常的頻繁，通常選項卡都是需要點擊或者划過才能夠實現切換。代碼執行個體如下:<html><head><meta charset=" utf-8"><title>tab切換</title><style type="text/css">body,h2

JavaScript資料類型學習筆記，javascript學習筆記ECMAscript 中有5種簡單的資料類型，也被稱為基礎資料型別 (Elementary Data Type)：Undefined、Null、Boolean、Number和String。還有一種複雜的資料類型——Object。Undefined 類型在使用var 聲明變數但未對其進行初始化時，這個變數的值就是undefined。如：var number;document.write(number);

jQuery中inArray方法注意事項分析，jqueryinarray本文分析講述了jQuery中inArray方法注意事項。分享給大家供大家參考，具體如下：jquery為web開發人員提供了很大的便捷，本文寫作的目地是提醒大家謹慎jquery中的inArray方法。大家都知道javascript是一種弱類型語言，對於數字類型和字元類型，可以隨意切換(例如:1+""="1")，下面開始說主題：jquery的一個方法inArray(ele,

jquery擷取文檔高度和視窗高度匯總，jquery擷取文件視窗jquery擷取視窗高度和視窗高度，$(document).height()、$(window).height() $(document).height()：整個網頁的文檔高度 $(window).height()：瀏覽器可視視窗的高度 $(window).scrollTop()：瀏覽器可視視窗頂端距離網頁頂端的高度（垂直位移） $(document.body).height();//瀏覽器當前視窗文檔body的高度 $(

javascript實現2016新年版日曆，javascript2016新年先看看，效果比較簡單：具體代碼：<html> <head> <title>javaScript日曆</title> <meta charset="utf-8"/> <style type="text/css"> *{ margin:0; padding:0; }

學習JavaScript事件流和事件處理常式，javascript事件本文全篇介紹了JavaScript事件流和事件處理常式，分享給大家供大家參考，具體內容如下一、事件流事件流描述的是從頁面中接收事件的順序。IE的事件流是事件冒泡流，而Netscape Communicator的事件流是事件捕獲流。二、事件冒泡即事件開始時由最具體的元素接收，然後逐級向上傳播到較為不具體的節點。如：<!DOCTYPE html><html lang="en"><head>

如何使用預先載入技術來提升網頁載入速度？，載入網頁　預先載入器（Pre-loader）可以說是提高瀏覽器效能最重要的舉措。Mozilla 官方發布資料，通過預先載入器技術網頁的載入效能提升了19%，Chrome測試了 Alexa 排名前2000名網站，效能有20%的提升。　　它並不是一門新技術，有人認為只有 Chrome

AngularJS控制器controller正確的通訊的方法，angularjs控制器通訊AngularJS是一款非常強大的前端MVC架構,AngularJS中的controller是個函數，用來向視圖的範圍（$scope）添加額外的功能，我們用它來給範圍對象設定初始狀態，並添加自訂行為。當我們在建立新的控制器時，angularJS會幫我們產生並傳遞一個新的$scope對象給這個controller,在angularJS應用的中的任何一個部分，都有父級範圍的存在，頂級就是ng-app所在的層級，

dragsort html拖拽排序，dragsort拖拽排序一、Jquery List DragSort　　對於有些頁面，如首頁的定製，需要進行動態拖拽排序。由於自己實現比較困難，我們一般會使用一些js外掛程式來實現。dragsort 就是協助我們完成這一需求。通過dragsort我們可以很方便地對html頁面上的素動態地推拽，進行排序。dragsort是一個jquery外掛程式，我們使用起來非常方便。dragsort網站為：dragsort為：http://dragsort.codeplex.

基於javascript實現圖片左右轉場效果，javascript切換本文執行個體介紹了javascript實現圖片左右轉場效果的詳細代碼，分享給大家供大家參考，具體內容如下：具體代碼：<html> <head> <title>JS圖片左右轉場效果</title> <meta charset="utf-8"/> <style type="text/css"> *{ margin:0

css 筆記，csscss 筆記第一種：常用的全域CSS屬性設定 //參考大型網站，如鳳凰網（1）清除所有的標記的內外邊距body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}（2）項目符號ul,ol,li{list-style:none;}（3）全域字型顏色設定body{font-size:12px;color:#444;}（4）