專案目錄，每乙個資料夾對應乙個頁面，dist資料夾是打包後生成的，
編譯前的單個資料夾結構
執行sass任務後的單頁面資料夾
打包後的dist資料夾結構
對應的都是編譯壓縮好的檔案
gulpfile.js檔案
var gulp = require('gulp');
//編譯sass外掛程式
var sass = require('gulp-sass');
//實時重新整理html頁面
var connect = require('gulp-connect');
//壓縮css檔案
var cleancss = require('gulp-clean-css');
//壓縮html檔案
var htmlmin = require('gulp-htmlmin');
//壓縮js檔案外掛程式
var uglify = require('gulp-uglify');
//es6轉es5
var babel = require('gulp-babel');
//編譯sass的任務
gulp.task('sass', function () ));編譯後在原目錄下輸出
});//重新整理頁面
gulp.task('html',function())
//定義livereload任務,實時重新整理頁面不可缺少
gulp.task('connect', function () );
});//gulp-htmlmin 壓縮html
gulp.task('htmlmin', function() ))
.pipe(gulp.dest('dist/'));
});
// 壓縮 css 檔案
// 在命令列使用 gulp csscompress 啟動此任務
gulp.task('csscompress', function() );
// 壓縮 js 檔案
// 在命令列使用 gulp jscompress 啟動此任務
gulp.task('jscompress', function() ))
.pipe(uglify()) // 2. 壓縮檔案
.pipe(gulp.dest('dist/')); // 3. 另存壓縮後的檔案
});//定義看守任務
gulp.task('watch', function () );
//實時編譯sass 實時重新整理頁面
gulp.task('dev',['watch','html','connect']);
//最後打包
gulp.task('build',['htmlmin','csscompress','jscompress']);
,
"devdependencies": ,
"scripts": ,
"author": "",
"license": "isc"
}
npm run build 執行的是gulp build任務 （壓縮）
壓縮後的但頁面資料夾結構，這樣html檔案不需要再修改路徑
注意：bable8不向下相容，用的時候注意版本
用js寫cookie的方式 來記住返回頁面
用js寫cookie的方式 來記住返回頁面 首先明確以下概念 1.同名的 cookie，不同的 domain 或不同的 path，屬不同的 cookie 同名的 cookie，相同的 domain 且相同的 path，不同的 expires，屬同乙個 cookie。2.不加過期時間的cookie在瀏...
乙個頁面中出現多個tab標籤，js方法
方法一 未寫樣式 但是出來基本的框架，如此寫就可以了。看標紅的地方就是需注意修改的地方，其他地方，結構大致相同就可以了。切記，必不可少的為ul，li在兩個div中都必須出現。這是方法一。還有方法二main1 class content main2 class content main3 class ...
使用JS在多個頁面之間相互通訊與呼叫
github 這幾天做乙個web專案有這樣乙個需求，web專案是乙個後台管理系統，在使用系統時會開啟很多標籤頁，每個標籤頁就是乙個iframe開啟的乙個新的html頁面，現在需要在每個標籤頁之間互相通訊 互相呼叫方法。例如 開啟了a,b,c三個標籤頁，我在c頁面把資料修改了，我要通知a,b兩個頁面的...