Time of Update: 2015-03-03
使用gulp壓縮併合並AngularJS代碼 我們的移動web項目使用gulp作為自動化部署工具,由於行動裝置4G流量費比較貴,一般我們做移動Web App項目正式發布時都需要把js代碼進行壓縮以便節省流量。包括使用的第三方js架構,正式發布時也應該使用壓縮後的版本。對於自己寫的js代碼,因為現在是模組化開發,js檔案比較多,需要先合并成一個檔案後,去除log,進行壓縮,基於gulp的管道式命令,實現這些還是很容易的。部分代碼如下:var gulp = require('gulp
Time of Update: 2015-03-03
jQuery對稱三角箭頭具體原理可以參考我的這篇文章:jQuery彈出層+CSS箭頭製作使用方法如下:無標題文檔<script type="text/javascript" src="jquery-1.9.1.js"></script><script type="text/javascript" src="jquery.arrow.js"></script><script
Time of Update: 2015-03-03
javascript 中 window 的對象1:html部分 Document <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript" src="Window.js"></script> 2:css部分*{ margin: 0px; padding: 0px;
Time of Update: 2015-03-02
jquery中EasyUI實現同步樹 本文主要是給大家分享了一則使用EasyUI實現同步樹的代碼,主要是使用遞迴實現,非常實用的方法,推薦給小夥伴們。 在JS中,將顯示樹的url地址寫成control的地址即可.control: 代碼如下:@RequestMapping(value = "/tree")public void tree(HttpServletRequest request, HttpServletResponse
Time of Update: 2015-03-03
jQuery選取器代碼詳解—addCombinator函數function addCombinator(matcher, combinator, base)1、源碼function addCombinator(matcher, combinator, base) {var dir = combinator.dir, checkNonElements = base&& dir === parentNode, doneName = done++;return
Time of Update: 2015-03-02
深入分析Cookie的安全性問題 本文主要是結合自己的經驗,給大家分析了一下Cookie的安全性問題,以及Cookie截獲的手段,推薦給小夥伴們參考下。 Cookie的目的是為使用者帶來方便,為網站帶來增值,一般情況下不會造成嚴重的安全威脅。Cookie檔案不能作為代碼執行,也不會傳送病毒,它為使用者所專有並只能由建立它的伺服器來讀取。另外,瀏覽器一般只允許存放300個Cookie,每個網站最多存放20個Cookie,每個Cookie的大小限制為4KB,因此,Co
Time of Update: 2015-03-03
jQuery選取器代碼詳解—elementMatcher函數要讀懂Sizzle的Compile執行過程,首先需要弄清楚涉及的各個子程式的功能和關鍵變數和作用,我將逐一對jQuery-1.10.2版本的Compile代碼進行說明,望能給予大家協助。elementMatcher(matchers)1、源碼 function elementMatcher(matchers) {return matchers.length > 1 ? function(elem, context,
Time of Update: 2015-03-02
js實現同一頁面可多次調用的圖片幻燈轉場效果 這篇文章主要介紹了js實現同一頁面可多次調用的圖片幻燈轉場效果,可實現在同一頁面中多次調用幻燈轉場效果,非常具有實用價值,需要的朋友可以參考下 本文執行個體講述了js實現同一頁面可多次調用的圖片幻燈轉場效果。分享給大家供大家參考。具體實現方法如下: 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2015-03-02
jquery中EasyUI實現非同步樹 前面我們分享了使用jquery中EasyUI實現同步樹的代碼,本文我們就來看下使用EasyUI實現非同步樹的方法和樣本,希望小夥伴們能夠喜歡。 前台使用EasyUI實現 . EasyUI向後台傳遞一個id參數 .第一次載入 , 向後台傳遞的id為null .之後每次將樹節點展開 , 會向後台傳遞一個當前節點的 id .Control層 : 代碼如下:/*** tree*/@RequestMapping(value
Time of Update: 2015-03-02
js擷取當前日期前七天的方法 這篇文章主要介紹了js擷取當前日期前七天的方法,涉及javascript中for語句及日期操作的技巧,需要的朋友可以參考下 本文執行個體講述了js擷取當前日期前七天的方法。分享給大家供大家參考。具體如下: //設定日期,當前日期的前七天 var myDate = new Date(); //擷取今天日期 myDate.setDate(myDate.getDate() - 7); var dateArray = []; var
Time of Update: 2015-03-02
JQuery的ON()方法支援的所有事件羅列 這篇文章主要介紹了JQuery的ON()方法支援的所有事件羅列,本文列出了所有ON()方法支援的事件,摘自jQuery1.8.3的源碼,比較權威,需要的朋友可以參考下 自從jQuery添加了on()和off()方法之後,基本跟事件有關的操作我不會再使用其他諸如$(‘xxx').click(function(){});之類的了。 不過jQuery的api裡面沒有說on裡面到底可以綁定多少個事件,今天看jQuery1.8.3的源碼無意間
Time of Update: 2015-03-02
firefox瀏覽器用jquery.uploadify外掛程式上傳時報HTTP 302錯誤 這篇文章主要介紹了firefox瀏覽器用jquery.uploadify外掛程式上傳時報HTTP 302錯誤,分析了下,原來是利用flash進行post上傳時沒有包含原來的session資訊,而是重新建立了一個session,知道原因了,我們來看看如何解決吧。 解決了uploadify外掛程式在chrom頻繁崩潰的問題,又遇到了新問題,ff瀏覽器下報HTTP 302錯誤,
Time of Update: 2015-03-02
JS網頁線上擷取滑鼠座標值的方法 這篇文章主要介紹了JS網頁線上擷取滑鼠座標值的方法,涉及javascript操作頁面視窗位置元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下 本文執行個體講述了JS網頁線上擷取滑鼠座標值的方法。分享給大家供大家參考。具體實現方法如下: 代碼如下:<html><head><meta http-equiv="Content-Type"
Time of Update: 2015-03-02
jquery.uploadify外掛程式在chrome瀏覽器頻繁崩潰解決方案 這篇文章主要介紹了jquery.uploadify外掛程式在chrome瀏覽器頻繁崩潰解決方案,十分的實用,遇到相同問題,需要解決的朋友可以參考下 jquery.uploadify外掛程式在chrome瀏覽器頻繁崩潰問題,一直困擾了好久,網上很多人說是由於chrome緩衝的原因,外掛程式初始化時,需要引用js,而chrome的緩衝導致沒有沒有請求到jquery.uploadify-3.1
Time of Update: 2015-03-02
JavaScript操作Cookie詳解 這篇文章主要介紹了JavaScript操作Cookie詳解,本文講解了什麼是Cookie、Cookie基礎知識、Cookie常見問題、cookie 有兩種清除方式、Cookie基礎用法、Cookie進階用法等內容,需要的朋友可以參考下 什麼是 Cookie“cookie 是儲存於訪問者的電腦中的變數。每當同一台電腦通過瀏覽器請求某個頁面時,就會發送這個 cookie。你可以使用 JavaScript
Time of Update: 2015-03-02
jQuery實現菜單感應滑鼠滑動動畫效果的方法 這篇文章主要介紹了jQuery實現菜單感應滑鼠滑動動畫效果的方法,執行個體分析了jQuery中滑鼠事件及animate的提示,非常具有實用價值,需要的朋友可以參考下 本文執行個體講述了jQuery實現菜單感應滑鼠滑動動畫效果的方法。分享給大家供大家參考。具體分析如下:此代碼測試環境為IE9
Time of Update: 2015-03-02
js實現背景圖片感應滑鼠變化的方法 這篇文章主要介紹了js實現背景圖片感應滑鼠變化的方法,執行個體分析了javascript針對滑鼠事件與css樣式圖片的操作技巧,需要的朋友可以參考下 本文執行個體講述了js實現背景圖片感應滑鼠變化的方法。分享給大家供大家參考。具體分析如下:滑鼠點擊後背景圖片變化,點擊另外一個功能表項目前面的會自動回復背景,其實這個如果單純使用CSS是沒辦法做的,我們還要使用JS來判斷滑鼠狀態,代碼如下:?
Time of Update: 2015-03-02
使用命令對象代替switch語句的寫法樣本 這篇文章主要介紹了使用命令對象代替switch語句的寫法樣本,JS規範裡面是禁止使用switch語句的,使用命令對象可以完美的解決這個問題,需要的朋友可以參考下 曾經有人說過,真正好的程式是沒有if..else的,當然switch還不如if..else。JS規範裡面是禁止使用switch的。 命令對象(command object)就完美的解決了這個問題。 引用一篇國外的部落格提到的: JavaScript
Time of Update: 2015-03-02
JS實現線上統計一個頁面內滑鼠點擊次數的方法 這篇文章主要介紹了JS實現線上統計一個頁面內滑鼠點擊次數的方法,執行個體分析了javascript操作Cookie實現計數的技巧,需要的朋友可以參考下 本文執行個體講述了JS實現線上統計一個頁面內滑鼠點擊次數的方法。分享給大家供大家參考。具體實現方法如下: 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Time of Update: 2015-03-02
常用的JavaScript模板引擎介紹這篇文章主要介紹了常用的JavaScript模板引擎介紹,本文介紹了8款常用JavaScript 模板引擎,著重講解了artTemplate模板引擎,需要的朋友可以參考下 最近工作內容慢慢接近我的理想化(web前端),所以關注比較多的是前端效能!後台同事介紹使用ajax模板引擎,提高渲染速度!下面介紹幾款 JavaScript 模板引擎1. Mustache基於javascript 實現的模板引擎,類似於 Microsoft's