Bigerfe / TechnologyAndThinking

前端张大胖 - 日常记录和整理

这里是-前端张大胖

• 整理和记录对技术的理解和感悟
• 总结一些工作中的思路和方法论
• 记录一些较好的工具和开源项目、三方库
• 梦想 随遇而安，仗剑天涯
• 现实 脚踏实地，仰望星空

目录

张大胖个人博文

0基础学前端的一点思考和建议

计算机基础科学(先学计算机后学编程)

教程网站

提供比较基础和快速的入门教程

提供比较基础的技术教程，干货教程. 比如 docker 配置、php 学习、linux 命令学习等，还有很多其他的

�生产力和工具

开发效率提升：Mac生产力工具链推荐

markdown 学习和编辑器

博文收藏

记录一些牛人博客，系列知识的分享，以及一些对技术点的深入研究

简历

模板参考和经验学习

Web前端程序员简历模板

技术

babel相关

AST

AST 工具 https://astexplorer.net/

编写插件

插件手册 babel-handbook

博客文章 https://www.cnblogs.com/chyingp/p/how-to-write-a-babel-plugin.html

react

router 4 官方文档

https://reacttraining.com/react-router/web/example/no-match

route3和 route4 的区别

https://blog.csdn.net/qq_35484341/article/details/80500237

SSR实现

和我的技术栈相似的服务端渲染 参考

渲染闪屏问题

写的不错，可参考

参考，讲解了难点

粉丝高，爱写作的牛人

使用 stream 输出,效率高

[译]利用React Router4实现的服务端直出渲染(SSR)

利用react-router4的react-router-config做路由鉴权

react-router4基于react-router-config的路由拆分与按需加载

context

React系列——React Context

英文 api 文档

https://reacttraining.com/react-router/web/guides/philosophy

koa

webpack 热更新实现

https://blog.csdn.net/weixin_33976072/article/details/93817360

node

监控

内存查看和分析工具

node-headdump node-memwatch

安全

反爬虫

https://www.jianshu.com/p/f79d8e674768

自定义字体库

字体转换工具

linux 相关

学习网站

内容不错，很专业的样子 https://www.myfreax.com/tag/linux/

webpack 相关

文档 官方文档和 demo

resolve 详解

https://www.cnblogs.com/joyco773/p/9049760.html

https://www.cnblogs.com/ysk123/p/9990082.html css压缩和提取到一个文件
https://www.jianshu.com/p/46bdacb4c7fd?utm_source=oschina-app 直观显示webpack构建日志

开源项目

Bilibili直播弹幕库(bilibili-live-helper)

Bilibili直播弹幕库 for Mac / Windows / Linux

规范参考 https://www.cnblogs.com/libin-1/p/6412098.html

静态博客工具

vuepress 也可以用作开源项目的帮助文档 https://segmentfault.com/a/1190000015237352#articleHeader9

前端

webfont 反爬虫

认识 Iconfont 以及什么是 .eot、.woff、.ttf、.svg

制作自己的字体库

利用自定义web-font实现数据防采集

1 将字体库转换成各个浏览器兼容的格式

2 在线制作自己的字体库 github 这个说的很详细

[字体相互转换 ttf2svg svg2ttf https://www.cnblogs.com/nlsoft/p/5501382.html] (https://www.cnblogs.com/nlsoft/p/5501382.html)

操作字库的工具 https://github.com/ecomfe/fontmin#api