JavaScript

列表的響應式排版，列表響應式排版效果展示:      一、每行固定個數：保證排版的美觀.list li{width:20%;display:inline-block;*display:inline;*zoom:1;overflow:hidden;}二、隨頁面寬度調整個數和大小：保證圖文的可讀性.list li{width:20%;display:inline-block;*display:inline;*zoom:1;overflow:hidden;}1、

網站前後端效能最佳化(網摘)，效能最佳化網摘1.減少http請求數合并檔案，通過把所有指令碼置於一個指令檔裡或者把所有樣式表放於一個樣式表檔案中，從而減少Http請求的數量。CSS Sprites是減少圖片請求的首選方案。把所有的背景圖片合并到一張圖中，使用CSS的background-image 和background-position 屬性去控制展現恰當的圖片地區。內聯圖片使用data: URL scheme

深入剖析響應式布局的原理，深入剖析響應布局說到響應式布局，相信大家都有一定的瞭解，響應式布局是今年很流行的一個設計理念，隨著移動互連網的盛行，為解決如今各式各樣的瀏覽器解析度以及不同移動 裝置的顯示效果，設計師提出了響應式布局的設計方案。今天就和大家來講講響應式布局這件小事，包含什麼是響應式布局、響應式布局的優點和缺點以及響應式布 局該怎麼設計（通過CSS3 Media

sass的四種css編譯風格，sasscss編譯1.nested:預設#main { color: #fff; background-color: #000; } #main p { width: 10em; }.huge { font-size: 10em; font-weight: bold; text-decoration: underline; } 2.expanded#main { color: #fff; background-color: #000;

移動端web開發總結，web開發總結　　前一個星期實戰完一個PC端的基於HTML+CSS的項目，這幾天則接觸了移動端的開發，同樣也是在HTML+CSS的基礎上完成。雖然第一次接觸移動端的開發，但在開發過程中，我也是按照PC端的開發步驟來進行工作。首先切圖布局，同樣可以先總體規劃，分析哪些是可以作為組件來使用的。在這次移動端項目中，可以作為組件來使用的部分也挺多的。這樣一來就提高了我們的開發效率。移動端的web開發主要對象為手持功能，所以與PC端的開發區別是為不必考慮瀏覽器安全色性問題，而是考慮在

css3選取器（上），css3選取器(1、給導航加分割線，左右 .nav li::before,.nav li::after{            content:"";            position:absolute

meta標籤，meta1、viewport<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />（1）width  控制viewport的大小，可以指定一個值，如640或者特殊的值；device-width為裝置的寬度（單位為縮放為100%的CSS的像素）；（2）initial-scale

全面解析標籤頁的切換方式，全面解析標籤切換標籤頁的切換方式如下所示：1、控制tab的顯示與隱藏2、tab不切換，資料載入控制tab的顯示與隱藏前端指令碼:1、jquery實現：$(function(){$(".sdkj-tabs li").click(function() {$(this).addClass("on").siblings().removeClass("on");var index=$(".sdkj-tabs

JSONP和大量操作功能的實現方法，jsonp功能實現推薦一個好用的線上 Markdown 編輯器，比我自己用 Python 編譯成 markdown 要方便多了。[http://mahua.jser.me]markdown簡明文法教程[http://www.appinn.com/markdown/]好東西會讓人免費為其推廣，希望我自己也能做出幾個有用的小工具。一、JSONP的使用jsonp，是一種資料格式，用來解決跨域問題。比如，在 admin.chugang.net 需要一個二維碼，而在

angularjs 源碼解析之scope，angularjsscope簡介在ng的生態中scope處於一個核心的地位，ng對外宣稱的雙向繫結的底層其實就是scope實現的，本章主要對scope的watch機制、繼承性以及事件的實現作下分析。監聽1. $watch1.1 使用// $watch: function(watchExp, listener, objectEquality)var unwatch = $scope.$watch('aa', function () {}, isEqual)

利用原生JS自動產生文章標題樹的執行個體，js文章標題實現原理很簡單，就是迴圈文章模組，並抽取其中的h2、h3標籤，將其中的內容賦予給建立的title樹。代碼如下：HTML代碼：<div class="contextBox"> <div id="article"> <h2>二級標題</h2> <h3>三級標題</h3> <p>hello hello hello hello hello hello

如何利用JSHint減少JavaScript的錯誤，jshintjavascript前言JSHint用於分析和驗證JavaScript代碼是否符合您的編碼規則。這個強大的工具可以協助發現您代碼中錯誤和問題T，它強制你的團隊保持一定的編碼慣例和風格，使得代碼可靠和更容易閱讀.在這篇文章中,我將向您展示如何安裝、配置和使用JSHint。 還包括一個例子，列出了一些我最喜歡的能使用JSHint的編輯器。安裝 JSHint安裝JSHint非常容易，你可以使用 Node 包管理器

詳解AngularJS如何?跨域請求，詳解angularjs跨域跨域，前端開發中經常遇到的問題，AngularJS實現跨域方式類似於Ajax，使用CORS機制。下面闡述一下AngularJS中使用$http實現跨域請求資料。AngularJS XMLHttpRequest：$http用於讀取遠程伺服器的資料$http.post(url, data, [config]).success(function(){ ... });$http.get(url,

js簡單擷取表單中選項按鈕值的方法，js表單本文執行個體講述了js簡單擷取表單中選項按鈕值的方法。分享給大家供大家參考，具體如下：HTML部分如下：<form><tr bgcolor="#FFFFFF"> <td width="84" height="23" rowspan="3" align="center" valign="middle" bordercolor="#999999"><span

jquery實現網頁定位導航，jquery實現導航不知道大家有沒有注意到有的網頁由於頁面資訊量太大所以使用了頁面定位導航來實現跳轉，點擊旁邊的菜單的某一項頁面就跳到那一項對應的內容，而且我們滾動捲軸，當滾動到某一項內容，旁邊菜單對應的那一項也會高亮顯示。今天我就來講講這樣的效果是如何?的。 先貼上顯示效果： 實現： 這個的頁面配置很簡單，大家下去多試試就OK了，值得注意的是需要在菜單布局裡的每一個li裡面添加a標籤並且給a標籤的 href

JS實現顯示帶倒影的圖片橫排置中放大展示特效執行個體【測試可用】，js橫排本文執行個體講述了JS實現顯示帶倒影的圖片橫排置中放大展示功能。分享給大家供大家參考，具體如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/

jquery實現ajax提交表單資訊的簡單方法(推薦)，jqueryajax最近在思考最佳化項目，想自己擴充一個jquery自動擷取表單中的資料進行ajax提交。本人沒有完整性學習jquery，基本上是現學現找，有點困難。主要是擴充和拼接json轉對象很簡單，附上代碼：; (function ($) { $.fn.ajaxForm = function (options) { var defaults = { modelname: 'model',//後台對象接收名稱

BootStrap+Angularjs+NgDialog實現強制回應對話方塊，angularjsngdialog本篇文章主要介紹了"angularjs+bootstrap+ngDialog實現強制回應對話方塊"，對於Javascript教程感興趣的同學可以參考一下：

JS基於HTML5的canvas標籤實現炫目的色相球動畫效果執行個體，本文執行個體講述了JS基於HTML5的canvas標籤實現色相球效果。分享給大家供大家參考，具體如下：運行效果如下：具體代碼如下：<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>JS

css3製作炫酷導覽列效果，css3炫酷導覽列今天主要利用hover選取器。滑鼠滑過查看效果。一。普通導覽列HomeContentServiceTeamContact  對於這種普通的導覽列，只是滑鼠滑過的時候顏色會變，所以思路變得很簡單。（1）使用ul標籤布局（2）滑鼠經過事件<div id="demo1"> <ul> <li>Home</li>