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