原创 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;