JavaScript

JavaScript如何?組合列表框中元素移動效果，javascript列表框中 首先給大家說下組合框和列表框的區別：組合框包括列表框和文字框的功能 文字框：只能輸入資料 列表框：只能選擇資料 組合框：既能輸入資料，又能選擇``應用背景：在頁面中有兩個列表框，需要把其中一個列表框的元素移動到另一個列表框 。　　

jQuery增加與刪除table列的方法，jquery增加table列本文執行個體講述了jQuery增加與刪除table列的方法。分享給大家供大家參考，具體如下：先來看看運行：完整代碼如下：<!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

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

jQuery計算文字框字數及限制文字框字數的方法，jquery文字框一個中文算兩個，一個符號或數字，英文，算一個。（如果是規定140個字，乘以2，那麼就是280個）。需要用到Math.ceil方法，因為最後還是要除以2來還原顯示給使用者的字數;$(function(){ var $tex = $(".tex"); var $but = $(".but"); var ie = jQuery.support.htmlSerialize; var str = 0; var abcnum = 0;

JS實現圖片平面旋轉的方法，js圖片平面旋轉本文執行個體講述了JS實現圖片平面旋轉的方法。分享給大家供大家參考，具體如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

用NODE.JS中的流編寫工具是要注意的事項，node.js編寫Node.js中的流十分強大，它對處理潛在的大檔案提供了支援，也抽象了一些情境下的資料處理和傳遞。正因為它如此好用，所以在實戰中我們常常基於它來編寫一些工具 函數/庫 ，但往往又由於自己對流的某些特性的疏忽，導致寫出的 函數/庫

jQuery使用強制回應視窗實現在首頁面和子頁面中互相傳值的方法，jquery視窗本文執行個體講述了jQuery使用強制回應視窗實現在首頁面和子頁面中互相傳值的方法。分享給大家供大家參考，具體如下：主面面：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:

JavaScript常用函數工具集：lao-utils，工具集lao-utils在工作中經常會頻繁使用一些方法、或做類型判斷、資料轉換等，為了方便，將一些功能封裝成函數整理成工具集lao-utils使用Node.jsnpm install lao-utils --saveAMD/CMD、瀏覽器環境引入dist目錄下源碼檔案函數uuid()  產生一個uuid串（偽guid）is(x,y)  比較字元x和字元y是否相等eg: 特殊例子：laoUtils.is(-0,+0); /

HTML系列（四）：編輯映像，html系列編輯映像一、映像的基本概念1、向量圖：檔案佔用空間小，放大後映像不會失真，和解析度無關。適用於圖形設計、文字設計、標誌設計、版式設計等。2、位元影像：由像素點組成，檔案較大，放大和縮小映像會失真。3、有損壓縮映像：允許壓縮過程損失一定的不敏感資訊。JPEG和JPG是最常見的採用有損壓縮排行處理的圖片格式。4、無損壓縮映像:記錄映像上每個像素點的資料資訊，採用特殊的演算法來壓縮檔大小。PNG是最常見的採用無損壓縮的圖片格式。5、常見格式的映像：JPEG/J

製作font-icon有感，font-icon有感連日來有些空閑，趁著這閑餘時間，我嘗試親自製作一些Font-Icon，讓以後可以運用到工作中。但是基於本人水平有限，PS操作只能以非常基礎來形容，而AI呢，根本就只會放大操作。在這過程真的非常感謝設計同事的協助。現在想完成以標轉換成Font-Icon，表徵圖以下所示。　　第一個Icon是一個小電視，命名為ico_tv，在設計師給的設計稿中，它已經是路徑了，但是細看一下，這個ico_tv有三條路徑，但是在網上的一些把svg轉成Font-Icon的網

Bootstrap每天必學之導航條(二)，bootstrap導航條一、基礎導航條　　在製作一個基礎導航條時，主要分以下幾步：　　第一步：首先在製作導航的列表(<ul class=”nav”>)基礎上添加類名“navbar-nav”　　第二步：在列表外部添加一個容器（div），並且使用類名“navbar”和“navbar-default”<div class="navbar navbar-default"> <!-- 導航條標題--> 　<div

技術宅文之還電腦螢幕原來的百富美姿態，螢幕姿態 　　相信很多朋友的電腦，不管是買的年代久遠，還是才買一兩年，都會面臨一個同樣的問題，髒！　　

javascript使用Promise對象實現非同步編程，javascriptpromisePromise對象是CommonJS工作群組為非同步編程提供的統一介面，是ECMAScript6中提供了對Promise的原生支援，Promise就是在未來發生的事情，使用Promise可以避免回呼函數的層層嵌套，還提供了規範更加容易的對非同步作業進行控制。提供了reject,resolve,then和catch等方法。使用PROMISEPromise是ES6之後原生的對象，我們只需要執行個體化Promi

JavaScript “跑馬燈”抽獎活動代碼解析與最佳化（一）最近的項目中做了一個“跑馬燈”的抽獎特效外掛程式。上篇文章已經分享過html和css 的相關知識。這篇文章主要分享一些 JavaScript

sass入門，sass入門教程SASS是一種CSS的開發工具，提供了許多便利的寫法，大大節省了設計者的時間，使得CSS的開發，變得簡單和可維護。SASS 官網介紹：sass is the most mature（成熟的）,stable（穩定的）,and powerful professional grade CSS extension language in the

利用CSS3的transform 3D製作的立方體旋轉效果，css3transform 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>3D立方體旋轉動畫</title> 6 <style type="text/css"> 7 @keyframes rotate{ 8 0%{transform:rotateX(0deg)

css中常用的幾種置中方法，css幾種置中在前端面試中，大都會問你div置中的方法：文筆不好，就隨便寥寥幾句話概括了，不過以後文筆肯定會變得更好一些的。今天我們就細數一下幾種方法：1，使用position:absolute,設定left、top、margin-left、margin-top的屬性 1 .one{ 2 position:absolute; 3 width:200px; 4 height:200px; 5

jQuery擷取checkbox選中的值jQuery擷取checkbox選中的值1、問題背景有幾個多選框，選擇其中的幾個，擷取選中的值2、設計源碼<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><title></title><script type="text/javascript"

JavaScript “跑馬燈”抽獎活動代碼解析與最佳化（二）既然是要編寫外掛程式。那麼叫做“外掛程式”的東西肯定是具有的某些特徵能夠滿足我們平時開發的需求或者是提高我們的開發效率。那麼叫做外掛程式的東西應該具有哪些基本特徵呢？讓我們來總結一下：1.JavaScript 外掛程式一些基本特徵：配置一定要簡單 外掛程式中定義的變數不汙染全域變數； 同一段代碼可以在不同的地方複用； 使用者可以自訂自己功能參數；

jquery trigger實現聯動的方法，jquerytrigger本文執行個體講述了jquery trigger實現聯動的方法。分享給大家供大家參考，具體如下：<html><head><title>testing</title><script src="jquery-1.3.2.min.js" type="text/javascript"></script><script