Viktor‘s Docs

秘籍收藏§

图书资料§

JavaScript§

《ECMAScript 6 入门》

《how-javascript-works》

《前端工程师手册》

TypeScript§

《TypeScript 入门教程》

《深入理解 TypeScript》

Node§

《深入理解Node.js:核心思想与源码分析》

CSS§

《You-need-to-know-css》

Vue§

《Vue.js Cookbook》

《Vue.js 服务器端渲染指南》

Docker§

《Docker —— 从入门到实践》

Mongodb§

《mongoose中文文档》

思考类阅读§

《未来世界的幸存者》

推荐库§

前端§

30 seconds of code 一个js常用函数的实现库

consola 优雅命令行 console vuepress 也使用了

webpackbar webpack 打包进度可视化

jarvis webpack dashboard

popmotion 一个函数式声明前端动画库

merge-images 图片合成

direction-reveal 一个根据鼠标进入方向展现 hover 描述的库

micron 通过动画属性绑定动画效果的库

sweetalert2 一个自适应优美自定义性强的弹出框

phaser 这是一个为桌面和移动浏览器开发 HTML5 游戏的快速开源框架。 你可以为 iOS、 Android 和不同的本地应用程序创建游戏。

vue-sauce 一个可以展示 vue 源码的指令

tippy.js tooltip/popover library

vue-smooth-dnd Vue wrappers components for smooth-dnd

text-mask 一个可以让 input 按照规则输入(如电话,email,日期等)

codesandbox-client 在线 web 开发容器

astexplorer 一个在线 ast 生成器

dinero.js 一个钱计算的库

crate 一个 react 全栈练习(pc,mobile,rn,api)demo

Jasonette一个用 json 来构建 hybrid 的框架

vuegg 一个 vue 可视化拖拽界面生成器

refined-github 优化 github 默认功能的 chrome 插件

lerna 大项目版本控制工具,项目中可以有多个 package.json 文件

git-labelmaker 命令行快速创建 github

react-in-patterns 一本开源叫你写 react 的书

picojs js 人脸识别库

img-2 一个提高图片加载性能和体验的库,懒加载使用 web worker 模糊预览

fingerprintjs 是一个快速的浏览器指纹库

ajv 一个 json schema 验证的库

dayjs 一个轻量级类 moment.js API 时间库

live-server 一个建议快速 dev 开发自动刷新的 http server

serve快速起本地静态服务

primjs 代码高亮

ReLaXed 一个将 document html 转成 PDF 的工具

fabric.js 基于 canvas 创建交互式的图片编辑界面非常适合用来做图片合成类工作。

matter-js web 物理引擎

rough 基于 Canvas 的手绘风格图形库

wired-elements 基于 rough.js 分装 button input raido 等组件 真正特别之处在于它的底层是 Web components

uppy 一个很好看的也很好用的 前端上传库

tui-calendar 功能全面的日程安排日历控件,还支持拖拽。

tabler 基于 Bootstrap 4 的 Dashboard UI Kit 和美观 高颜值 ui 模板

vee-validate 基于 vue 的验证,能验证的内容比较全

x-chart 我就是觉得颜色挺好看的

vuesax 一个很漂亮的基于 vue 的 ui 框架

vue-virtual-scroller 基于 vue 的虚拟列表无限滚动

particles.js 一个前端画颗粒 粒子的库

pulltorefresh.js 下个下拉刷新插件

lulu 腾讯阅文基于 jQuery,针对 PC 网站 IE8+(peak 主题)的前端 UI 框架

chancejs 生成随机数据的库

spritejs 360 奇舞团出的跨平台绘图对象模型

workbox 让你的网站更方便的变成 pwa

tui.image-editor 一个功能齐全的在线图片编辑,基于 canvas

hocs react 相关 hoc 收集库

nanoid 前端轻量 unique string ID 生成库

rxdb 一款开源的快速、灵活的客户端数据库,支持各种浏览器以及 NodeJS,Electron、React 等等,是 PouthDB 之上的一个封装库

vue-analytics 基于 vue 的 谷歌统计封装

percollate 命令行工具 能将网页转换成 pdf

rawact rawact 一个 babel 插件,把 react 组件转为原生 dom

irondb 是一个浏览器 key-value 储存的封装库,把 Cookies、IndexedDB、LocalStorage、SessionStorage 统一成一个接口。它的最大特色就是数据冗余机制,即使某种底层储存机制失效,它可以从其他机制恢复数据。

big.js 解决 js 浮点数问题

bignumber.js 同上

awesome-f2e-libs sorrycc 整理的个人关注使用的前端库

tui.editor markdown 所见即所得编辑器

NES.css 任天堂主题风格 css 库

stickybits CSS 的 position: sticky 是一个很有用的设置,但是老的浏览器不支持。这个 JS 库是该功能的垫片库。

react-jsonschema-form Mozilla service 开源了一个通过 JSON 直接生成表单的 React 组件

cleave.js 用于在输入时格式化输入内容(信用卡格式、日期等)

vue-content-placeholders 页面龙骨

Node§

chokidar node 监听文件变化的库

fs-extra fs-extra 模块是系统 fs 模块的扩展,提供了更多便利的 API,并继承了 fs 模块的 API

globby 用于模式匹配目录文件

node-semver node 版本验证库

npm-run-all 一个 CLI 工具可以并行或者串行执行 script

live-server 一个简单的 http server 带有 reload 功能

node-portfinder 一个端口嗅探工具

update-notifier Update notifications for your CLI app

y18n yargs 基于 i18n 的一个包

signale Hackable console logger 一个 Node 的日志格式库,自带 16 个级别,可以定制颜色和 Emoji

execa A better child_process

listr Terminal task

commander.js 自动的解析命令和参数,合并多选项,处理短参,等等,功能强大,上手简单

Inquirer.js A collection of common interactive command line user interfaces. 命令行询问库

ora Elegant terminal spinner 命令行 loaidng

chalk 命令行着色美化库

hygen 快速方便的创建代码 可以命令行创建预设的 template

ndb node 调试

got http 请求库 如果你觉得 request 太多的话 这是一个不错的选择

dumper.js 能让你的 node console 更加的规整,方便调试

node-in-debugging node.js 调试指南

nodebestpractices node 最佳实践

fastscan node 敏感词库

fx 命令行优化 JSON 输出

enquirer 命令行 prompt 询问库,写 cli 的时候很有用

dataloader解决 Graphql 中的 N+1 查询问题

progress-estimator 命令行 progress bar 进度条模拟库

Node.js 最佳实践

gesture 移动端手势库

React-Native学习指南 React Native指南汇集了各类react-native学习资源、开源App和组件

GraphQL§

prisma 让前端也能快速的写出

Apollo GraphQL 是基于 GraphQL 的全栈解决方案集合。从后端到前端提供了对应的 lib 使得开发使用 GraphQL 更加的方便

有趣§

the-bread-code 使用程序员的思维制作面包 ,比如制作中使用 A/B test, 来比较那种做法更好。

build-your-own-x 教你用各种语言实现 Bot Database Neural Network

javascript-algorithms 教你用前端知识认识各种算法

工具§

high-speed-downloader 百度网盘不限速下载 支持 Windows 和 Mac

hyper 前端命令行

yapi 是一个可本地部署的、打通前后端及 QA 的、可视化的接口管理平台

sway 一个微软自己出的在线 ppt 很强大

bigjpg 放大图片的神器 通过神经网络可以放大图片并能降噪

Ascii Art Generator 在线生成 Ascii 图案

Winds 开源 RSS

JSUI 一个用来控制管理前端项目的客户端

docz 让你能快速写文档的一个库

hiper 性能统计分析工具

verdaccio 私有 npm

git-guide git 入门指南

git-tips git 进阶

bit 实现了项目之间的代码共享 可以自建私有

simpread 简悦 ( SimpRead ) - 让你瞬间进入沉浸式阅读的扩展

mkcert 一键命令 让本地也支持 https

termtosvg 录制 命令操作转成 svg 基于 python

gh-polls 可以在 github issue 中添加投票

eruda 移动端调试工具

vConsole 也是一个移动端调试工具 腾讯出品

terminalizer 命令行录制工具 基于 node

badgen 快速构建和 shields 一样的 svg badge 但速度更快

readability 移除页面非正文部分 基于 jsdom

WeChatPlugin-MacOS 一款功能强大的 macOS 版微信小助手

puppeteer-recorder 一个 chrome 插件 能够根据你的操作 自动生成 puppeteer 相关代码

mdx-deck 用 markdown 编写演示文稿

code-surfer 基于 mdx-deck 的一个插件 让你更好的在文稿中展示 code

Progressive Tooling 前端性能优化工具集合

https://github.com/artf/grapesjs 可视化建站工具 不需要写代码就能写一个页面,前端再次再次要下岗了

image-charts 该服务通过 URL 接受参数,然后生成图表,以图片形式返回

eagle.js 一个用 vue 来制作 PPT 的库

Optimizely A/B Test

appadhoc 一个国内的 A/B Test 服务

glorious-demo 通过编写代码的方式构建一个命令行的演示例子

nginxconfig 可视化配置 nginx,提供了多个基础模板

bundlephobia 一个可以查看某个库的大小,并且分析它的依赖

jsperf 一个提供在线 tast case 的网站,可以比较如: forEach vs for 的性能

algorithm-visualizer 算法代码可视化

An-English-Guide-for-Programmers 专为程序员编写的英语学习指南

Mac§

get-plain-text 能清除剪贴板里的格式 很实用

IINA mac 平台感觉免费最好的播放器 强推

magnet 分屏管理

Xnip 方便好用的截图工具-支持截长图

Spectacle 窗口管理工具

vanilla 顶栏图标管理工具

Dozer 一个开源的顶栏管理

腾讯电脑管家 反正我用下来好觉得蛮好用的

mos 鼠标平滑滚动软件,很好用。免费开源

sequel pro mysql 客户端 好用

websocket§

fiora 网页聊天IM

文章收集§

::: tip 说明 主要是用来收集汇总平时看过得一些不错的文章,方便日后查找 :::

前端§

Press Enter to Submit 背后的那些事

Webnovel 国际化实践

Things I Don’t Know as of 2018

用webpack搭建多页面项目

Vue 折腾记 - (14) Nuxt.js 2 正式版升级采坑以及部署姿势改动

开源库架构实战——从0到1搭建属于你自己的开源库

前端常用插件、工具类库汇总,不要重复造轮子啦!!!

2万5千字大厂面经 | 掘金技术征文

八段代码彻底掌握 Promise

让老板虎躯一震的前端技术,KPI杀手

一次弄懂Event Loop(彻底解决此类面试问题)

GraphQL§

GraphQL 核心概念

RPC vs REST vs GraphQL

Why use GraphQL, good and bad reasons

GraphQL-前端进阶的利剑与桥梁

职业发展§

一个程序员的成长之路 张云龙大佬的文章,强推!!值得反复阅读。

开发者如何在「技术+管理」的路上越走越宽?

蔡志忠:努力是没有用的

视频§

计算机科学速成课 计算机科学基础的系列视频,很不错,浅显易懂,看完这四十节课能多计算机世界有一个大概的整体认知。

其它§

前端人工智能?TensorFlow.js 学会游戏通关

谈谈 WebSocket

https://zhuanlan.zhihu.com/p/37171897

小程序§

只需两步获取任何微信小程序源码 挺有意思的一篇文章

node§

基于 node.js 的脚手架工具开发经历

网络§

什么是 RPC 框架?

前端技术清单

关于 JavaScript 单线程的一些事

从零开始开发一款属于你的 Visual Studio Code 插件

AST§

平庸前端码农之蜕变 — AST