其他

提升網頁載入速度的方法有很多種，用 jquery.lazyload.js

本文執行個體講述了HTML5遊戲引擎LTweenLite實現的超帥動畫效果。分享給大家供大家參考，具體如下：lufylegend.js是一個開源的HTML5遊戲引擎，在遊戲中往往會有各種的動畫，這些動畫有些是flash檔案，有些是視頻檔案，本次就來利用lufylegend製作一個帥氣的遊戲動畫，如下圖。測試連接如下：http://lufylegend.com/demo/effects01/一、準備工作準備工作當然就是引擎的下載了。lufylegend.js引擎官網http://lufylegen

最近有個任務，做一個非常小的h5的應用，只有2屏，需要做橫向的全屏滑動切換和一些簡單的動畫效果，之前做這種東西用的是fullpage.js和jquery，效能不是很好，於是就想自己動手弄一個簡單的東西來實現。最後我用zepto + hammer.js 和輪播的方式解決了這個問題，效果還不錯，整個頁面不開啟Gzip時所有資源請求的資料大小為200KB左右。這篇文章總結下這個方法的實現思路。效果示範：1.

最近看了一些關於物件導向的知識，最近工作中在做統計查詢的時候需要用到本月、近三個月、今年的日期範圍，所以下面用用物件導向的思想寫了一個擷取日期的外掛程式，大家可以借鑒使用。直接通過new DateHelp就可以調用了var myDate = new DateHelp({date:'2015-02-01',//從此日期開始計算format:'yyyy/MM/dd'});myDate.getThisMonth();myDate.getThreeMonth();myDate.getThisYear()

返回頂部組件是一種極其常見的網頁功能，需求簡單：頁面滾動一定距離後，顯示返回頂部的按鈕，點擊該按鈕可以將捲軸滾回至頁面開始的位置。實現思路也很容易，只要改變document.documentElement.scrollTop或document.body.scrollTop的值即可。本文拋棄所有加速減速的酷炫效果，迴歸軟體的本質，提供一個最簡潔的實現，只追求實用性，不追求所謂的使用者體驗，效果如下由于思路跟代碼都很簡單，所以就直接貼出實現細節了：var BackTop = function

先為大家介紹一些關於隨機數的相關函數：var Rand = Math.random(); 1.Math.random(); 結果為0-1間的一個隨機數(包括0,不包括1) 2.Math.floor(num); 參數num為一個數值，函數結果為num的整數部分。 3.Math.round(num); 參數num為一個數值，函數結果為num四捨五入後的整數。Math：數學對象，提供對資料的數學計算。Math.random();

視窗固定位置顯示元素，當頁面高度大於某高度，並且頁面向下滾動時，顯示該元素；當頁面位置小於某高度，或者頁面向上滾動時，隱藏該元素。先給大家展示下效果圖：1.html<p id="selected-case-count"><span class='form-control'>已選: <span class="casecount">0</span></span></p>

本文執行個體為大家展示了圖片旋轉、滑鼠滾輪縮放、鏡像、切換圖片多重效果，提供了詳細的代碼，分享給大家供大家參考，具體內容如下具體代碼：<!DOCTYPE html><html lang="zh-cn"> <head> <title>圖片旋轉,滑鼠滾輪縮放,鏡像,切換圖片</title> <meta charset="utf-8" /> <!--<script type="text/javascript"

廢話不多說了，直接給大家貼代碼了。js：var s;//經度var w;//緯度map.addEventListener("rightclick",function(e){if(e.overlay){//判斷按右鍵的是否是marker}else{s = e.point.lng;//經度w = e.point.lat;//維度RightClick();//按右鍵map出現右鍵菜單事件}});//按右鍵map出現右鍵菜單事件function

今天在技術群裡看到一道這樣的提：求1000以內被3或5整除的數字之和。其中看到很有趣的解法二，最開始還是挺迷惑的，後來想了下，再經人指點，就覺得茅塞頓開。第一種解法很普遍，就是將1000以內的數都遍曆一遍，只要有整除3或者整除5的數，就將其加起來，最終得到一個總的和。讓我感興趣的是第二種解法，這裡巧妙運用了數學上的等差數列一個公差為的等差數列前項的級數為：第二種方法第一步就用了(a1+an)/3*3,所以就變成了3*（1+333）*333/2，這一步就是把整除3的所有項都加起來。同理，sum(M

之前無意中看到Ovilia 用threejs做了個LOW POLY，也就是圖片平面三角化的效果，覺得很驚豔，然後就自己花了點時間嘗試了一下。 　　我是沒怎麼用過threejs，所以就直接用canvas的2d繪圖API來做，因為感覺似乎這效果也用不上threejs。　　直接上demo先：http://whxaxes.github.io/canvas-test/src/Funny-demo/lowpoly/index.html

本文執行個體講述了js實現簡單的省市縣三級聯動效果。分享給大家供大家參考，具體如下：js代碼部分//省市縣資料格式var province_city_county_data=[ { province:"四川", city:[ { cityName:"成都", county:["成都市","崇州市","金堂縣"] }, { cityName:"南充",

項目需求微信端添加拍品的頁面有照片上傳功能，上傳時開啟一個iframe，該頁面用canvas載入用微信jssdk的選擇圖片介面選擇的圖片（這裡微信會返回一個形如weixin://xxxx的localid，可直接放在img的src裡進行預覽），可進行放大縮小移動旋轉等操作，點擊確定按鈕將編輯好的圖片發送到伺服器存成圖片遇到的問題當子頁面功能開發完成後，在首頁面通過iframe開啟子頁面，無法調用微信jssdk介面中的選擇圖片介面，其他jssdk中的介面也無法正常工作。但是單獨開啟子頁面可以正常工作

本文執行個體講述了js+html5實現的自由落體運動效果。分享給大家供大家參考，具體如下：運行效果截圖如下：具體代碼如下：<!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"><head> &

在很多場合下，我們可能有這樣的需求：提供個螢幕截圖上傳到系統，作為一個憑證。傳統的操作方式是：螢幕截圖，儲存檔案到本地，在web頁面上選擇本地檔案並上傳，這裡至少需要三步。有沒有可能直接將截圖粘帖到web頁面上，然後上傳？答案是：可以的。這就是本文要介紹的內容了。由於我的項目有上傳螢幕截圖這樣的需求，為了使用者體驗更佳，減少操作步驟，我在網上搜了一遍之後，找到了一些眉目。為了便於複用和共用，我又對該功能做了一些封裝，於是便有了這個外掛程式

登陸頁如下所示： 下面給大家展示下具體實現代碼：<!DOCTYPE html><html><head><meta charset="UTF-8"><script type="text/javascript" src="js/jquery-1.11.1.min.js"></script><title>網路醫院登陸</title><style type="text/css">*

本文為大家分享了js數組冒泡排序、快速排序的實現原理，供大家參考，具體內容如下1、冒泡排序：　　隨便從數組中拿一位元和後一位比較，如果是想從小到大排序，那麼就把小的那一位放到前面，大的放在後面，簡單來說就是交換它們的位置，如此反覆的交換位置就可以得到排序的效果。var arr = [3,1,4,2,5,21,6,15,63];function sortA(arr){ for(var i=0;i<arr.length-1;i++){ for(var

本文執行個體為大家分享了javascript時間操作的使用常見情境，供大家參考，具體內容如下var myDate = new Date(); myDate.getYear(); //擷取當前年份(2位) myDate.getFullYear(); //擷取完整的年份(4位,1970-????) myDate.getMonth(); //擷取當前月份(0-11,0代表1月) myDate.getDate(); //擷取當前日(1-31) myDate.getDay(

本文執行個體講述了JS操作COOKIE實現備忘記錄的方法。分享給大家供大家參考，具體如下：具體涉及JS針對cookie的寫入與擷取操作，代碼如下：function getCookie(c_name){ if (document.cookie.length > 0) { c_start = document.cookie.indexOf(c_name + "="); if (c_start!=-1) { c_start = c_start + c_name.

最近的工作在做一個多步驟多分步的表單頁面，這個多步驟多分步的意思是說這個頁面的業務是分多個步驟完成的，每個步驟可能又分多個小步驟來處理，大步驟之間，以及小步驟之間都是一種順序發生的業務關係。起初以為這種功能很好做，就跟tab頁的實現原理差不多，真做下來才發現，這裡面的相關邏輯還是挺多的（有可能是我沒想到更好地辦法~），尤其是當這個功能跟表單，還有業務資料的狀態結合起來的時候。我把這個功能相關的一些邏輯抽象成了一個組件StepJump，這個組件能夠實現純靜態分步切換和跳轉，以及跟業務相結合的複雜邏