个人百宝箱

编码

站点

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=

长远储备

• 《精益创业》