原创 ES6基礎語法

1、let 生命一個只在let所在代碼塊內生效的變量 2、conset 聲明一個只讀的常量。一旦聲明,常量的值就不能改變。 3、變量的解構賦值 let [foo, [[bar], baz]] = [1, [[2], 3]]; let [

原创 gulp常用插件

本文持續更新中。。 1、gulp-less // less編譯 2、gulp-clean-css // css壓縮 .pipe(cssmin({ advanced: false,//類型:Boolean 默認:

原创 gulp常用API

1、gulp.src(globs[, options]) options.buffer 類型: Boolean 默認值: true 如果該項被設置爲 false,那麼將會以 stream 方式返回 file.contents 而不是文件

原创 js函數節流(Throttle)

在瀏覽器 DOM 事件裏面,有一些事件會隨着用戶的操作不間斷觸發。比如:重新調整瀏覽器窗口大小(resize),瀏覽器頁面滾動(scroll),鼠標移動(mousemove)。也就是說用戶在觸發這些瀏覽器操作的時候,如果腳本里面綁定了對應

原创 pjax實現頁面局部刷新跳轉

簡介 pjax是一個jQuery插件,使用ajax和pushState技術提供快速的瀏覽體驗與真正的永久鏈接、網頁標題、以及瀏覽器的後退前進按鈕操作。 pjax通過抓取HTML從您的服務器通過Ajax和更換容器頁面上的HTML內容會與A

原创 通過css3的filter濾鏡改變png圖片的顏色

本方法是通過CSS3濾鏡 filter 中的 drop-shadow 將png圖片的非透明部分生成任意顏色的投影,然後將原始圖片隱藏起來,從而達到改變圖片顏色的目的 先看效果圖 接下來是代碼 <p><strong>原始圖標</s

原创 Vue打包後放到服務器出現Loading chunk {n} failed 錯誤的解決辦法

這個報錯的主要原因是因爲vue通過webpack打包生成多個模塊js文件,我們把build後的文件上傳到服務器,這時是第一次上傳,我們訪問時不會出現該報錯。但是正常的項目都會需要更新迭代,當我們再次打包後某些js文件就會改變,再上傳到

原创 node安裝及默認prefix(全局)和cache(緩存)文件夾地址修改(windows)

官網上下載node最新版本 https://nodejs.org/en/ 本示例按照默認的安裝地址來講(可根據實際情況修改安裝地址)C:\Program Files\nodejs 默認安裝npm及添加環境變量 但是npm的默認全局模塊

原创 CSS設置滾動條樣式(兼容IE)

廢話不多說,直接上demo,最下面有詳細註釋。 1、這是在webkit瀏覽器下顯示的樣式。            (個人比較喜歡簡約點的) 2、在IE瀏覽器下顯示的樣式(爲了區分所以樣式寫的不一樣,我沒找到IE下設置滾動條寬高的方法

原创 Facebook第三方登錄(JavaScript SDK)

利用 JavaScript SDK 部署網頁版“Facebook 登錄”  官方文檔 詳細demo下載 本demo示例利用JavaScript SDK實現了Facebook、google、LinkedIn第三方登錄,可以獲取用戶的基本

原创 shake.js監測手機搖一搖

下面是shake.js代碼 (function(global, factory) { if (typeof define === 'function' && define.amd) { define(functio

原创 JS中offsetTop、clientTop、scrollTop、offsetTop各位置屬性詳解(含示例圖)

這裏是javascript中製作滾動代碼的常用屬性 頁可見區域寬: document.body.clientWidth; 網頁可見區域高: document.body.clientHeight; window.innerHeight

原创 IE8版本以下瀏覽器升級提醒

<!--[if lt IE 9]> <div id="iealert" style="padding:5px 10px;background:#F2DEDE;color:#a94442;position:relative;"><dl><

原创 隨頁面滾動定位的側邊欄div懸浮框js插件

由於平常寫網站的時候經常遇到有一個側邊欄懸浮框,需要伴隨網頁的滾動讓其一直處於窗口的可見區域,於是就寫了一個基於jQuery的通用的小插件方便以後開發。如果項目不適用jQuery,可以下載源碼將裏面jQuery方法替換成原生js就好了點擊

原创 基於jQuery的自定義Video視頻播放組件(兼容IE6~8)

demo下載鏈接之前用過video.js插件寫過視頻組件,但是自己一般僅僅是播放個視頻,裏面有好多功能用不到,改着不太方便,於是就自己用jQuery封裝了一個插件,控制器之類的樣式是可以自定義的,支持中英文切換,廢話不多說,下面上圖。高版