JavaScript

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

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

再談JavaScript非同步編程，javascript非同步編程隨著前端的發展，非同步這個詞真是越來越常見了。假設我們現在有這麼一個非同步任務：向伺服器發起數次請求，每次請求的結果作為下次請求的參數。來看看我們都有哪些處理方法：Callbacks最先想到也是最常用的便是回呼函數了，我們來進行簡單的封裝：let makeAjaxCall = (url, cb) => { // do some ajax // callback with

基於JavaScript實現瀑布流效果(迴圈漸近)，javascript漸近1.建立Html模版想法是先用一個div container承載所有內容,然後div box用來放置圖片,最後div box_border來當圖片框,代碼如下<!DOCTYPE html><html><head><meta

JavaScript下的時間格式處理函數Date.prototype.format，phpdateformat函數執行個體一：一個全的js時間處理函數，雖然我沒有仔細去研究裡面的正則，但是我經過了測試，是非常好用的，你可以根據你自己的需求設定想要的時間格式的字串輸出，我應用到的格式為：MM/dd/yyyy hh:mm TT和yyyy-MM-dd HH:mm:ss。<span style="font-size:18px;">Date.prototype.format =

分步解析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);

AngularJS中的Directive實現消極式載入，angularjsdirective所謂的消極式載入通常是：直到使用者互動時才載入。如何?消極式載入呢？需要搞清楚三個方面：1、html元素的哪個屬性需要消極式載入？2、需要對資料來源的哪個欄位進行消極式載入？3、通過什麼事件來觸發消極式載入？自訂的Directive的頁面表現大致是這樣：<ul><li ng-repeat="cust in

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

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

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）