Time of Update: 2017-01-19
項目裡要用到archive和unarchive整個已存在的folder,在找解決方案的時候嘗試了一些當前比較流行的library,主要有adm-zip, JSZip, archiver等。一.Use adm-zipadm-zip支援archive和unarchive一個或多個檔案或者整個檔案夾的功能,使用非常的簡單方便。 var adm_zip = require('adm-zip'); //creating archives var zip = new adm_zip(); zip.
Time of Update: 2017-01-19
Underscore.js庫你一天(一周)內寫了多少個迴圈了?var i;for(i = 0; i < someArray.length; i++) { var someThing = someArray[i]; doSomeWorkOn(someThing);}這當然無害,但這種寫法非常醜而且奇怪,這也不是真正需要抱怨的。但這種寫法太平庸了。var i, j;for(i = 0; i < someArray.length; i++) { var someThing =
Time of Update: 2017-01-19
一、原理:1.使用HTML5的FileReader API讀取圖片FileReader檔案讀物器,用於讀取用戶端檔案到,注意,檔案讀取完畢後並不會載入緩衝eg:var upfile = document.querySelector('#upfile');var fileReader = new FileReader();fileReader.onload = function(evt){ if(FileReader.DONE==fileReader.readyState) {
Time of Update: 2017-01-19
本文執行個體分享了html5 canvas可拖動省份的中國地圖實現方法,供大家參考,具體內容如下1.資料擷取畫地圖需要省份邊界座標,理論上可以每次都用百度API擷取資料並繪圖,但為了增加效率,首先將所有座標都擷取下來並存入資料庫中。建立省份資料數組複製代碼 代碼如下:var allZoneData = [{'name':'遼寧省','been':'yes','id':'01'},<span style="font-family: Arial, Helvetica, sans-serif;"
Time of Update: 2017-01-19
第6章,物件導向的程式設計對象:1、資料屬性configurable,表示能否通過delete刪除屬性從而重新定義屬性,能否修改屬性的特性,或能否把屬性修改為訪問器屬性,預設為trueenumerbale,表示能否通過for-in訪問屬性,預設truewritable,表示能否修改屬性值,預設truevalue,資料存放區位置,預設undefined修改預設屬性特性:Object.defineProperty(),接收三個參數:屬性所在對象,屬性名稱,描述符對
Time of Update: 2017-01-19
第2章,在html中使用JavaScriptHtml引入外部js指令碼<script type="text/javascript"
Time of Update: 2017-01-19
本文執行個體為大家分享了<!DOCTYPE html><html> <head> <meta charset="gb2312"> <title></title> </head> <body> <script> document.write("<table>"); document.write("<th
Time of Update: 2017-01-19
資源預先載入組件——preload 隊列,可以支援隊列載入和回調,也可以載入視頻或者音頻 進度條,可以動態擷取進度條資訊 支援img標籤的預先載入,添加pSrc屬性即可 原生ES5 demoInstall:git clone https://github.com/jayZOU/preload.gitnpm installnpm run es6訪問http://localhost:8080/es6-demoExamples <audio
Time of Update: 2017-01-19
先科普下瀑布流吧瀑布流,又稱瀑布流式布局。是比較流行的一種網站頁面配置,視覺表現為參差不齊的多欄布局,隨著頁面捲軸向下滾動,這種布局還會不斷載入資料區塊並附加至當前尾部。最早採用此布局的網站是Pinterest,逐漸在國內流行開來。國內大多數清新站基本為這類風格,像美麗說、淘寶網都有使用。這是我實現的一個效果,就是怎麼滾動都載入不玩。就跟瀑布一樣流啊流!這裡的實現方式我們只說Js實現方法實現原理:對容器中已有資料區塊元素進行第一次計算1 容器總寬度 2 列寬度 3 最小列數
Time of Update: 2017-01-19
本文執行個體分享了javascript製作微信聊天面板的相關代碼,具體內容如下先上圖吧點擊頭像更換說話對象,簡單說下實現原理,html中建立一個ul用於存放所有說話的內容,對話內容是有javascript 動態產生,主要痛點:先布局好css,當時奧巴馬發送時候,讓這個li有浮動,當是小胖時候,讓這個li左浮動。代碼:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
Time of Update: 2017-01-19
擷取類:1)動態方法:charAt : 擷取字串指定位置上的字元。(參數:一個,指定要擷取的字元位置)1,不接受負數,如果為負數,會返回一個Null 字元串。2,如果不給參數,預設是擷取第0位置上的字元。3,只接收一個參數。charCodeAt : 擷取字串中指定位置上字元的Unicode編碼(參數: 一個,指定要擷取字元編碼的字元位置)1,任何字元都有一個唯一的字元編碼。2,只接收一個參數。 常用: 數字 : 48 ~ 57 底線 : 95 空格 : 32
Time of Update: 2017-01-19
本文為大家分享了五個javascript演算法,供大家參考,具體內容如下 1. 線性尋找<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>線性尋找</title></head><body> <p>數組為:[2,4,6,23,53,545,65,3,24,5,3,6]</p> <
Time of Update: 2017-01-19
製做一個活動頁面 秒殺列表頁 需要一個時間的演算法排序 自己琢磨了半天想了各種演算法也沒搞出來,後來問了下一個背景php同學 他寫了個演算法給我看了下 ,剛開始看的時候覺得這就是個純演算法,不能轉化成頁面的dom效果,可是再看了兩遍發現可以, 於是我就改了改,實現了,先分享給大家。頁面需求是:從11點到20點 每隔一個小時一場秒殺 如果是目前時間就顯示正在秒殺 之前的商品就往最後排 以此類推類似最開始的11點順序是
Time of Update: 2017-01-19
ECMAScript只支援實現繼承,而且其實現繼承主要是依靠原型鏈來實現的。原型鏈原型鏈的基本思想是利用原型讓一個參考型別繼承另一個參考型別的屬性和方法。每一個建構函式都有一個原型對象,原型對象都包含一個指向建構函式的指標,而執行個體都包含一個指向原型對象的指標。如果:我們讓原型對象A等於另一個類型B的執行個體,那麼原型對象A就會有一個指標指向B的原型對象,相應的B的原型對象中儲存著指向其建構函式的指標。假如B的原型對象又是另一個類型的執行個體,那麼上述的關係依舊成立,如此層層遞進,就構成了執行
Time of Update: 2017-01-19
H5單頁面手勢滑屏切換是採用HTML5 觸摸事件(Touch) 和 CSS3動畫(Transform,Transition)來實現的,效果圖如下所示,本文簡單說一下其實現原理和主要思路。1、實現原理假設有5個頁面,每個頁面占螢幕100%寬,則建立一個DIV容器viewport,將其寬度(width) 設定為500%,然後將5個頁面裝入容器中,並讓這5個頁面平分整個容器,最後將容器的預設位置設定為0,overflow設定為hidden,這樣螢幕就預設顯示第一個頁面。<div
Time of Update: 2017-01-19
引子先來看一道小問題:有人在群裡出了到一道題目:var s = sum(1)(2)(3) ....... 最後 alert(s) 出來是6 var s = sum(1)(2)(3)(4) ....... 最後 alert(s) 出來是10 問sum怎麼實現?剛看到題目,我第一反應是sum返回的是一個function,但是沒有最終實現,印象中看到過類似的原理,但是記不清了。 後來同事說,這個是叫柯裡化,實現方法比較巧妙: function sum(x){
Time of Update: 2017-01-19
本文實為大家分享了javascript實現頁面載入loading效果,供大家參考,具體內容如下效果圖:<html><head><title>正在載入</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body bgcolor="#FFFFFF" leftmargin="0"
Time of Update: 2017-01-19
事件對象是用來記錄一些事件發生時的相關資訊的對象。事件對象只有事件發生時才會產生,並且只能是事件處理函數內部訪問,在所有事件處理函數運行結束後,事件對象就被銷毀! W3C DOM把事件對象作為事件處理函數的第一個參數傳入進去
Time of Update: 2017-01-19
流程比較簡單,主要有以下步驟: 註冊外掛程式(按鈕、Lang、htmlTags、外掛程式指令碼) 基於media外掛程式代碼修改註冊外掛程式首先,全域配置kindeditor參數:KindEditor.lang({ audio : 'MP3'}); KindEditor.options.htmlTags['audio'] = ['src','controls','autoplay','type']; KindEditor.options.htmlTags['source'] = ['src'
Time of Update: 2017-01-19
自我練習,順便分享給大家的一段js原生代碼。Date 對象用於處理日期和時間。Date() 返回當日的日期和時間。getDate() 從 Date 對象返回一個月中的某一天 (1 ~ 31)。getDay() 從 Date 對象返回一周中的某一天 (0 ~ 6)。getMonth() 從 Date 對象返回月份 (0 ~ 11)。getFullYear() 從 Date 對象以四位元字返回年份。getYear() 請使用