README

前置说明： 本库记录自己前端所学, 内容在对应的文件夹下，相当于个人博客，可以在gitbook 中预览

目录

• 前端

  • 学习之道

  • 工具

  • 前端学习链接

    • w3c

    • dom

    • css/html

    • js

    • Images

    • ts

    • flex

    • react

    • blog

  • 性能相关

    • 懒加载

    • 网站性能

  • 浏览器相关

  • 前端安全相关

• 后端 ruby

• 推荐书籍

---

前端

学习之道

• 如何成为伟大的前端人员

面试题库

• 30-seconds-of-interviews

前端工具

• 在线制作页面生成页面代码
• 在线制作页面生成 jsx 代码 / 蚂蚁 ant-design 的在线生成 jsx 代码 / react-proto / figma 插件 - 生成代码
• 根据草图生成页面代码
• 在线生成 icon / 在线生成 icon
• 生成 animation 的谷歌插件
• github 排名趋势
• 监控网站
• ES 的支持情况
• 前端工具，你知道或者不知道的
• 执行上下文，堆栈查看
• dev docs -- 程序员的百科大全？
• web skills
• builder.io - Figma 生成 react 代码，
• AnimaApp - vscode 中基于 Figma 生成代码 插件

前端学习链接

w3c

• W3C on GitHub

dom

• 规范 spec dom

css&html

• 规范 spec html
• Learn to Code HTML & CSS
• css-Learn CSS Layout
• css 指南 / sass 指南 / css 属性
• 代码指南 html&css
• Concise courses for badass web developers
• 30-seconds-of-css
• HTML Tutorials. And Stuff.
• 居中的法子 -- 这个网站你应该去找到其他的资源

js

• Series - How JavaScript works: an overview of the engine, the runtime, and the call stack
• js 宏任务 微任务是怎么执行的 - Jake

  • Jake 的视频演讲
• variables-lifecycle-and-why-let-is-not-hoisted -- 此人博客值得一读
• javascript设计模式
• ECMAscript规范
• Learn Plain JavaScript from Top Articles for the Past Year (v.2018)
• The Modern JavaScript Tutorial
• 4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them
• v8 dev
• front-end masters

images

• Image optimization, An eBook by Addy Osmani

ts

• free typescript course, 对应的，你应该在这个网站找到一些其他的学习资源

flex

• A Complete Guide to Flexbox
• DIVE INTO FLEXBOX

react

• 个人学习 react 记录
• 30 天学习 react
• https://pomb.us/build-your-own-react/

blog

• Nicholas C. Zakas
• Jake google developer
• David Shariff blog
• Benedikt Meurer blog
• tylermcginnis blog
• javascript is sexy
• Dr. Axel Rauschmayer
• Mrale's blog
• Dmitry Soshnikov - how to read ecma
• scotch -- 这个网站还有其他不错的资源
• self-growth
• Krasimir -- krasimirtsonev
• chromium blog
• google surma
• telerik blogs -- 这个域名下的文章看看也很不错
• Mark's Dev Blog
• 前端这些有趣的库

性能相关

懒加载

• Lazy Loading Images and Video - 从这里你应该找到更多地性能优化

网站性能

• Google PageSpeed Insights
• YaHoo Best Practices for Speeding Up Your Web Site
• Steve Souders - 14 Rules for Faster-Loading Web Sites
• 性能检查列表 -- 这网站下的内容也很丰富哦

浏览器

• 浏览器原理

前端安全

• 前端安全系列 - 谷歌

前端新手学习库

• The Ultimate Guide to Learning Full Stack Web Development in 6 months, for $30

---

后端

ruby

• rails service 模式
• rails queries 模式

推荐书籍

• understanding es6
• javascript 高级程序设计 3
• exploring es6 / 本站下其他书籍
• you don't known js
• Eloquent JavaScript - 3rd edition
• Learning JavaScript Design Patterns
• High Performance Browser Networking