原创 AMD 與 CMD

AMD 異步加載模塊 require(['a', 'b'], foo => { // a.js, b.js 作爲依賴文件, 加載好本身就執行 // 然後再處理回調 });   CMD 異步加載模塊, 在模塊中按需加載和執行 //

原创 live2d

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script src="

原创 js - 對象與數組克隆

數組 const a = [1, 2, 3]; const b1 = a; // 引用, b1發生改變, a也改變 const b2 = a.concat(); // b2發生改變, a不變 // 或 const b3 = [...

原创 Charles

查看 本機IP Help -> Local IP Address   添加允許地址 Proxy -> SSL Proxying Settings Add Host: * Post: *   配置代理 // 連接同一局域網的wifi 服

原创 html2canvas

// loading const cloneDom = document.querySelector('figure').cloneNode(true); cloneDom.classList.add('save'); // 自定義截

原创 vue-cli

https://cli.vuejs.org/zh/guide/installation.html https://www.jianshu.com/p/fbcad30031c2 npm install -g @vue/cli 創建項

原创 Photoshop

選中多張圖片, 合併圖片 (Ctrl + E), 右鍵快速導出 保存: Ctrl + Shift + Alt + W 藍湖選中畫板: 圖層中選中最外層的組  

原创 sass

測試結構 d:\phpstudy\www\test\ css images js scss (測試統一用scss格式, 而非sass) 用sublime text3執行輸出與同步css 安裝相關插件sass, Li

原创 js - addClass

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div, p { height

原创 swiper

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href=

原创 NodeJS

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href=

原创 js - call

/* * call與apply * 都是調用方法, 改變對象, 傳入參數 * call, 參數可以是任意類型, 參數數量確定時使用 * apply, 參數只能是數組或arguments, 參數數量不確定時使用 */ functi

原创 js - cookie

/* * https://github.com/js-cookie/js-cookie * https://cdn.bootcss.com/js-cookie/latest/js.cookie.min.js */ Cookies.se

原创 多媒體

<embed wmode="transparent" width="1920" height="520" src="x.swf"> <!-- width="398" height="298", Chrome自動播放的最小寬高

原创 js - repaint

DOM樹和樣式結構體 (瀏覽器所能識別的所有樣式) 構建組成渲染樹 (render tree) 來完成繪製頁面 當渲染樹的一部分發生改變, 若只引起頁面的非佈局外觀 (如背景等) 發生改變時, 那這就是一次頁面重繪(repaint);