原创 CSS選擇器與僞類使用技巧
內容來自《CSS選擇器世界》 css選擇符辨析 (空格) 後代 選擇器優先級相同，後來居上 document.querySelector('#myId').querySelectorAll(':scope div div') >
2019-10-04 15:55:29
原创 Ops.shell-Linux shell 筆記：命令
摘自《Linux shell 編程從入門到精通》未完待續!!! 【註釋】 #!/bin/python print "hello world" 種類 內建命令（cd） shell函數 外部命令(find grep echo.sh) 調用過
2019-09-23 10:55:26
1
原创 Ops.shell-Linux shell學習筆記之《Linux shell 腳本攻略》
未完待續!!! 轉義，格式化 printf "%-5s %-10s %-4.2f\n" 1 Sarath 80.3456 彩色 重置=0，黑色=40，紅色=41，綠色=42，黃色=32，藍色=44，洋紅=45，青色=46，白色=47 ech
2019-09-23 10:45:25
2
原创 React實戰與原理筆記
React實戰與原理筆記 概念與工具集 jsx語法糖;cli;state管理;jest單元測試; webpack-bundle-analyzer Storybook 查看更多... 生命週期 constructor() 用於初始化內
2019-08-20 00:15:43
10
原创 FE.CSS-容易疏忽的CSS細節
flex-grow 與 flex-shrink 分配空間的計算規則 flex-grow 屬性決定了父元素在空間分配方向上還有剩餘空間時，如何分配這些剩餘空間。 比如剩餘空間爲 x，三個元素的 flex-grow 分別爲 a，b，c。設 s
2019-07-07 15:55:07
原创 FE.BASE-WEB組件包容性設計手冊
前言 包容性設計這個術語並不是一個新概念。這是自2005年以來一直存在的一個短語。它被定義爲“儘可能多的人可以訪問和使用的主流產品/服務的設計，而不需要特殊的適應或專門的設計“。 當我們重新思考我們的開發方法時，我們不僅僅是訪問信息的基礎級
2019-06-10 08:05:07
4
原创 WEB組件包容性設計手冊
前言 包容性設計這個術語並不是一個新概念。這是自2005年以來一直存在的一個短語。它被定義爲“儘可能多的人可以訪問和使用的主流產品/服務的設計，而不需要特殊的適應或專門的設計“。 當我們重新思考我們的開發方法時，我們不僅僅是訪問信息的基礎級
2019-06-08 18:45:12
原创 FE.SRC-Vue實戰與原理筆記
實戰 - 插件 form-validate <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <div id="app"> <fo
2019-05-24 09:05:02
7
原创 FE.BASE-vscode使用、原理、插件開發筆記
使用 命令行使用 幫助：code --help 使用已經打開的窗口來打開文件：code -r 打開文件並滾動到特定行：code -r -g package.json:128 比較兩個文件：code -r -d a.txt b.txt
2019-05-15 10:14:58
原创 FE.BASE-前端設計模式筆記
高質量Javascript Javascript特性：面向對象，無類，原型 可維護的代碼(可讀;一致;可預測;看起來像是同一個人寫的;文檔) 減少全局對象，傳參訪問全局對象 單 var 模式，忘記 var 時的副作用(顯式聲明的全局變量無
2019-05-10 12:25:07
原创 webpack原理梳理
webpack設計模式 一切資源皆Module Module(模塊)是webpack的中的關鍵實體。Webpack 會從配置的 Entry 開始遞歸找出所有依賴的模塊. 通過Loaders(模塊轉換器)，用於把模塊原內容按照需求轉換成新模塊
2019-04-26 01:25:06
4
原创 FE.B-瀏覽器支付接口概覽-PaymentRequest
概要 PaymentRequest API 允許商家（即銷售物理或數字商品的網站）以最小的集成使用一種或多種支付方法。用戶代理（例如，瀏覽器）促進商家和用戶之間的支付流程。github鏈接 https://github.com/w3c/pa
2019-03-25 14:25:03
原创 FE-ES 刷leedcode一週速記
本人基於《算法面試通關40講》所練習，通篇代碼示例皆爲 javascript語言。 無關知識點 1.精通一個領域： 切碎知識點 刻意練習 反饋 2.切題四件套 審題 所有解法 比較(時間/空間複雜度) 加強 編碼 測試用例
2019-03-21 23:25:11
5
原创 FE.ES-(for...of) 可迭代對象Range(n) in JS
可迭代對象 Array [10, 20, 30] String "boo" TypedArrayc new Uint8Array([0x00, 0xff]) Map new Map([["a", 1], ["b", 2], ["c
2019-03-18 12:05:10
3
原创 FE.CSS-快速梳理
前言 本文是對《CSS世界》閱讀中所做筆記和感悟，若有錯誤請指正。 概述 CSS設計初衷是爲了更好地展示圖文。HTML元素根據”外在盒子“是內聯還是塊級，分成塊級元素和內聯元素。HTML元素也可根據是否具有可替換內容，分成替換元素和非替換元
2019-03-06 00:32:48