原创 不重複的驗證碼

<script> var str="abcdefghigklmnopqrstuvwxyz"+"0123456789"+"abcdefghigklmnopqrstuvwxyz".toUpperCase(); //我們想獲取四

原创 數組排序(冒泡排序)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>冒泡排序</title> </head> <body> </body> </ht

原创 網站優化技巧

##WEB前端開發常用的優化技巧彙總 @(201712) ###減少HTTP請求次數或者減少請求數據的大小 > 頁面中每發送一次HTTP請求,都需要完成請求+響應這個完整的HTTP事務,會消耗一些時間,也可能會導致HTTP鏈接通道的堵塞

原创 數組原型上的方法實現原理(Array.prototype.pop/push/shift/unshift)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>數組原型上的方法實現原理</title> </head> <body> </bo

原创 音頻視頻方法總結

<audio id="audio" src="img/music.mp3"></audio> <video id="video" src="img/1.mp4" width="300" height="250" controls></vi

原创 AJAX基礎知識和核心原理

##AJAX基礎知識和核心原理(2017) ###AJAX基礎知識 ####1.什麼是AJAX? > Async Javascript And XML 異步的JS和XML > XML? 可擴展的標記語言(自定義的一些標籤包裹數據,服務器傳

原创 git-remote(gitHub)

## 建立遠程倉庫 - github - 碼雲 - coding > 空文件夾是不會被提交的,希望你每一個項目都擁有一個readme文件 ## 提交 ``` git init git add . git commit -m'' git

原创 webpack簡單應用

安裝 ``` npm install webpack --save -dev yarn add webpack --dev ``` ### 編譯ES6 > ES5 安裝 ``` npm install babel --save-

原创 git-local(本地)

## 集中式 分佈式 - svn git - svn集中式,集中存放代碼,SVN的速度慢,每個文件夾下都有一個.svn的文件,沒有暫存區 - git分佈式 分開存放,git的速度比較快,放到了一個叫.git文件夾下 ## git安裝 -

原创 esmodule

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>esmodule</title> </head> <body> <div id=

原创 cookie和session的區別

cookie用於交互時存放在客戶端,即使用你臨時文件夾中不存在cookie,但在你的瀏覽器進程中會臨時保存你的cookie!session是交互時存放在服務端,即使用不保存,也在服務進程中。如果你對網頁有交互,服務器如何在衆多請求中能識別

原创 移動端事件

//如果頁面使用了原生的touch事件一定要組織瀏覽器的默認行爲$(document).on("touchstart touchmove touchend",function (e) { e.preventDefault(); });

原创 webpack

靜態模塊打包器 安裝 npm install webpack --save-dev 開發依賴 webpack.config.jslet path=require("path"); let HtmlWebpackPlugin=req

原创 $.ajax實現原理(封裝ajax)

/*<script> ajax({ url:"data/data.json", method:"get", data:{name:"zf"}, dataType:"j