原创 eslint rules 規則
'rules': { "comma-dangle": ["error", "never"], //是否允許對象中出現結尾逗號 "no-cond-assign": 2, //條件語句的條件中不允許出現賦值運算符 "no-co
原创 web前端性能優化
1、減少http請求,合理設置 HTTP緩存 http協議是無狀態的應用層協議,意味着每次http請求都需要建立通信鏈路、進行數據傳輸,而在服務器端,每個http都需要啓動獨立的線程去處理。這些通信和服務的開銷都很昂貴,減少
原创 nodejs 時間格式插件
Moment.js 網址 http://momentjs.cn/
原创 瀏覽器跨域問題
右點擊 chrome 屬性 目標 後面添加 --disable-web-security --user-data-dir=C:\appconfig\chromeconfig
原创 webpack 工作原理
暫無內容
原创 關於KOA做一個簡單的靜態服務器
https://chenshenhai.github.io/koa2-note/note/static/server.html
原创 利用HTML5分片上傳超大文件
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>HTML5大文件分片上傳示例</title> <script src=
原创 web 前端面試題
1 . 漸進增強 VS 優雅降級 漸進增強:針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。 優雅降級:一開始就構建完整的功能,然後再針對低版本瀏覽器進行兼容。
原创 線上圖片壓縮
https://tinypng.com/
原创 window.performance
在chrome控制檯執行window.performance,會出現下面結果: [javascript] view plain copy 簡單介紹performance中的屬性: memory:{ jsHeapSi
原创 copy-webpack-plugin
cnpm install --save-dev copy-webpack-plugin new CopyWebpackPlugin([{ from: __dirname + '/src/public' }]); from 定義要拷貝的源
原创 vue 數據又向綁定原理
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>myVue</title> </head> <body> <div i
原创 微信獲取 接收信息
var PORT=8080; //監聽8080端口號 var http=require('http'); var qs=require('qs'); var TOKEN='yezhenxu'; //必須與測試號所填寫的Token相同 fun
原创 console 方法
(function(window) { var LOG_LEVELS = ["DEBUG", "LOG", "INFO", "WARN", "ERROR"], //日誌級別 //TODO 是否可以做成隊列閾值和倒計時
原创 h5 設置初始值
function getWinSize() { var winSize=0; if(document.documentElement.clientWidth>750){ winSize = 750;