個人百寶箱

編碼

站點

FrontendMasters

經過深刻的現代前端工程課程提高您的技能

CODEIF

一個經過AI搜索變量命名的站點:

Composing Software: An Introduction

函數式編程簡介, 國外大師寫的, 值得一看!

SwitchHost

一個用於localhost管理和切換的應用程序。

MathCha

一個不錯的在線公式、圖形編輯生成器，能夠在線轉化爲 SVG、Letex 格式，方便的插入支持 Letex 的 Markdown 編輯器中，在支持的編輯器先後加上 $$ 便可，附上我在 Typora 中畫的一個公式～

JavaScript正則表達式在線生成工具

推介 4 個 JavaScript 正則表達式工具，都是我在開發中經常使用的，包括軌道圖生成工具和正則表達式自動匹配工具.

1. regexper.com/regexper.co…
2. rubular.com/rubular.com
3. refiddle.com/refiddle.co…
4. regex101.com/regex101.co…

在線代碼編輯器

1. Jsfiddle： 老牌在線編輯，功能強大，缺點是須要全局梯🤫，速度也慢，因此國內用的愈來愈少 jsfiddle.net/jsfiddle.ne…
2. CodePen：輕量的在線編輯器，社區使用也比較多，官網常常推介炫酷的 css 實現，element-UI 從 2.6.2 開始使用 codepen 代替 jsfiddle codepen.io/codepen.io
3. Jsrun：國內的在線編輯器，速度比較快，國內社區使用愈來愈多，支持的語言也比較多 go、js、java、php、C#、C++等 jsrun.net/jsrun.net
4. CodeSandBox： 界面跟 VSCode 同樣，甚至有跟 VSCode 同樣的代碼提示，能夠快速生成 Vue、React、Angular 項目，若是但願跑起項目級Demo必定要用這個～ codesandbox.io/codesandbox…

JavaScript庫

vue-cropper:github

一個vue版本的圖片裁剪插件

RxJS

RxJS 是 Reactive Extensions for JavaScript 的縮寫，起源於 Reactive Extensions，是一個基於可觀測數據流在異步編程應用中的庫。RxJS 是 Reactive Extensions 在 JavaScript 上的實現。

Cycle.js

一個函數式和響應式的 JavaScript 框架，編寫可觀測代碼

工具

VS Code 插件

Bracket Pair Colorizer

爲代碼中的各類結對的括號提供了顏色高亮等功能。

watatime

watatime插件能夠記錄天天寫代碼的時間，對評估工時也有必定幫助。

• 插件地址：marketplace.visualstudio.com/items?itemN…
• 官網：wakatime.com/dashboardwa…

Mock-Myself

爲平常開發提供mock數據：

• mock-myself, 編輯mock數據
• mock-run, 直接運行mock服務器
• mock-stop, 中止mock服務器

devServer

developmentServer是一種前端生產力工具，能夠提升產品開發效率。

截圖工具

Snipaste

一個輕巧靈活的截圖工具，和微信等軟件的自帶截圖不一樣的是，Snipaste截完圖後能夠貼在桌面上，這樣就能夠不用像使用微信截圖樣截完放在待發送消息框，並且使用微信打開圖片，會有很大空白區域。而Snipaste不會。

ScreenToGif

一個將錄屏轉爲GIf格式圖片，在須要截取一小段動態的狀況下很是適用，且避免了視頻文件的傳輸。好比我跟產品溝通的時候，須要確認某個功能效果是否像這樣，那我只要將這個gif發到產品的釘釘就行了，不用麻煩產品過來。

摳圖

• 在線摳圖換背景 www.gaoding.com/koutu?hmsr=…

方法論

• 番茄工做法
• 5W2H
• 金字塔學習法

書籍

如何學習

• 《Learning how to learn》
• 《如何有效閱讀一本書》
• 《10倍速影像閱讀法》
• 《習慣的力量》

編程類

• 《JavaScript語言精髓》
• 《你不知道的JS》

心理學

• 《墨菲定律》
• 《九宮型人格》
• 《理解人性》
• 《與最好的本身在一塊兒》
• 《兒童教育心理學》

三觀類

• 《論中國》， 亨利.基辛格做品， 以世界眼光看中國
• 《人類簡史》
• 《時間簡史》

電影

• 《從海底出擊》
• 《帝國的毀滅》
• 《黑皮書》
• 《決戰斯大林格勒》
• 《五月的四天》

推薦一個免費看無廣告騰訊、愛奇藝、優酷vip視頻，好好放鬆下點: liubuliu.tk/so.php 解析支持：優酷、愛奇藝、騰訊、芒果、樂視、搜狐、MP四、M3U八、FLV等等 接口地址： liubuliu.tk/?v=

長遠儲備

• 《精益創業》