TOOL

[tanyafuzhou]

参考文献

Summary

TODO

References

• 图床工具

• font icon #29

• A JavaScript framework to create conversational UIs

• emoji

  knowledge

• Spellbook of Modern Web Dev

• understanding-modern-web-development-at-jsconf-china-2017-zhong-wen

  animation

• 简单易用的开源 JavaScript 动画图标库 -- Titanic

  performance

• lighthouse PWA 性能检测工具

  alfred workflow

• http://www.packal.org/

• https://github.com/zenorocha/alfred-workflows

• http://alfredworkflow.com/

• Chrome DevTools 动画演示，提高你的网页开发技能

[tanyafuzhou]

image processor

• 前端图像处理指南
  • 基于HTML5的专业级图像处理开源引擎
• image clipper
  • puzzler
• 图片压缩
  • 图片压缩前端策略
  • localResizeIMG
  • PNG 图片压缩对比分析
• 图片压缩+上传
  • https://www.zhihu.com/question/30692677
• react-imgpro

[tanyafuzhou]

MIME

• https://stackoverflow.com/questions/4212861/what-is-a-correct-mime-type-for-docx-pptx-etc
• Media Types

[tanyafuzhou]

encodeURI

• escape：其中 ASCII字母、数字、@*/+ ，这几个字符不会被编码，其余的都会。
• encodeURI：不会对下列字符编码 ASCII字母、数字、~!@#$&*()=:/,;?+'
• encodeURIComponent: 不会对下列字符编码 ASCII字母、数字、~!*()'

  综上

  1. 如果只是编码字符串，不和URL有半毛钱关系，那么用escape。
  2. 如果你需要编码整个URL，然后需要使用这个URL，那么用encodeURI。

     跟 utf8、gbk 的关系

• 默认均是 utf8编码
• 如果想gbk，可使用库

  reference

• 简单明了区分escape、encodeURI和encodeURIComponent

[tanyafuzhou]

加密算法 RSA 等

• 公钥&私钥

[tanyafuzhou]

文档生成工具

• docsify 不是根据代码生成文档，文档要自己手动写

[tanyafuzhou]

Mac App

• 工具武装的前端开发工程师
• Awesome Mac

[tanyafuzhou]

前端清单

前端清单: 作者根据自身多年的前端开发经验与其他的开源清单，总结出了此份将站点或者网页发布到生产环境之前的自检清单。本文依次介绍了必备的视口、语言等头部标签，HTML 的最佳实践与测试，Webfonts 的使用，CSS 中响应式设计、预处理器、唯一 ID、Reset CSS 等内容，图片的优化，JavaScript 的连接、压缩、测试等，网络安全、性能、可用性的提升，SEO 等内容。更多 Web 实践教程参考这里。

• https://frontendchecklist.io/