阮一峰前辈的部分前端内容

怼烎@ 2023-01-03 06:35 191阅读 0赞

### 一峰大佬的内容实在太多，我整理了一些前端实用的内容，方便查看。 ###

1. [只要一行代码，实现五种 CSS 经典布局][CSS]

--------------------

2. [Flex 布局教程：语法篇][Flex]  
3. [Flex 布局教程：实例篇][Flex 1]  
4. [CSS Grid 网格布局教程][CSS Grid]  
5. [Flexbox 布局的最简单表单][Flexbox]

--------------------

6. [微信小程序入门教程之一：初次上手][Link 1]  
7. [微信小程序入门教程之二：页面样式][Link 2]  
8. [微信小程序入门教程之三：脚本编程][Link 3]  
9. [微信小程序入门教程之四：API 使用][API]

--------------------

10. [Git 工作流程][Git]  
11. [Git 使用规范流程][Git 1]  
12. [常用 Git 命令清单][Git 2]  
13. [如何撤销 Git 操作？][Git 3]  
14. [Git远程操作详解][Git 4]  
15. [Github 的清点对象算法][Github]  
16. [GitHub Actions 教程：定时发送天气邮件][GitHub Actions]  
17. [git bisect 命令教程][git bisect]  
18. [命令行通配符教程][Link 4]

--------------------

19. [H5 手机 App 开发入门：概念篇][H5 _ App]  
20. [H5 手机 App 开发入门：技术篇][H5 _ App 1]  
21. [HTML Email 编写指南][HTML Email]  
22. [HTML代码简写法：Emmet和Haml][HTML_Emmet_Haml]

--------------------

23. [异步 API 的设计][API 1]  
24. [Page Lifecycle API 教程][Page Lifecycle API]  
25. [Page Visibility API 教程][Page Visibility API]  
26. [RESTful API 设计指南][RESTful API]  
27. [RESTful API 最佳实践][RESTful API 1]

--------------------

28. [CSS 定位详解][CSS 1]  
29. [CSS 的空格处理][CSS 2]  
30. [CSS动画简介][CSS 3]  
31. [CSS 框架 Bulma 教程][CSS _ Bulma]  
32. [CSS 变量教程][CSS 4]  
33. [SVG 图像入门教程][SVG]  
34. [Emoji 简介][Emoji]  
35. [CSS in JS 简介][CSS in JS]  
36. [CSS Modules 用法教程][CSS Modules]

--------------------

37. [为什么开源数据库改变许可证？][Link 5]  
38. [响应式图像教程][Link 6]  
39. [普通人的网页配色方案][Link 7]  
40. [JSON Web Token 入门教程][JSON Web Token]

--------------------

41. [SSL/TLS协议运行机制的概述][SSL_TLS]  
42. [图解SSL/TLS协议][SSL_TLS 1]  
43. [SSL延迟有多大？][SSL]  
44. [HTTP 协议入门][HTTP]  
45. [HTTPS的七个误解（译文）][HTTPS]  
46. [HTTPS 升级指南][HTTPS 1]  
47. [HTTP Referer 教程][HTTP Referer]  
48. [HTTP/2 服务器推送（Server Push）教程][HTTP_2 _Server Push]

--------------------

49. [函数式编程入门教程][Link 8]  
50. [为什么文件名要小写？][Link 9]  
51. [中文技术文档的写作规范][Link 10]  
52. [网页性能管理详解][Link 11]  
53. [也许，DOM 不是答案][DOM]

内容来源：http://www.ruanyifeng.com/blog/developer/

[CSS]: http://www.ruanyifeng.com/blog/2020/08/five-css-layouts-in-one-line.html
[Flex]: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
[Flex 1]: http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
[CSS Grid]: http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
[Flexbox]: http://www.ruanyifeng.com/blog/2018/10/flexbox-form.html
[Link 1]: http://www.ruanyifeng.com/blog/2020/10/wechat-miniprogram-tutorial-part-one.html
[Link 2]: http://www.ruanyifeng.com/blog/2020/10/wechat-miniprogram-tutorial-part-two.html
[Link 3]: http://www.ruanyifeng.com/blog/2020/10/wechat-miniprogram-tutorial-part-three.html
[API]: http://www.ruanyifeng.com/blog/2020/11/wechat-miniprogram-tutorial-part-four.html
[Git]: http://www.ruanyifeng.com/blog/2015/12/git-workflow.html
[Git 1]: http://www.ruanyifeng.com/blog/2015/08/git-use-process.html
[Git 2]: http://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.html
[Git 3]: http://www.ruanyifeng.com/blog/2019/12/git-undo.html
[Git 4]: http://www.ruanyifeng.com/blog/2014/06/git_remote.html
[Github]: http://www.ruanyifeng.com/blog/2015/09/git-bitmap.html
[GitHub Actions]: http://www.ruanyifeng.com/blog/2019/12/github_actions.html
[git bisect]: http://www.ruanyifeng.com/blog/2018/12/git-bisect.html
[Link 4]: http://www.ruanyifeng.com/blog/2018/09/bash-wildcards.html
[H5 _ App]: http://www.ruanyifeng.com/blog/2019/12/hybrid-app-concepts.html
[H5 _ App 1]: http://www.ruanyifeng.com/blog/2019/12/mobile-app-technology-stack.html
[HTML Email]: http://www.ruanyifeng.com/blog/2013/06/html_email.html
[HTML_Emmet_Haml]: http://www.ruanyifeng.com/blog/2013/06/emmet_and_haml.html
[API 1]: http://www.ruanyifeng.com/blog/2018/12/async-api-design.html
[Page Lifecycle API]: http://www.ruanyifeng.com/blog/2018/11/page_lifecycle_api.html
[Page Visibility API]: http://www.ruanyifeng.com/blog/2018/10/page_visibility_api.html
[RESTful API]: http://www.ruanyifeng.com/blog/2014/05/restful_api.html
[RESTful API 1]: http://www.ruanyifeng.com/blog/2018/10/restful-api-best-practices.html
[CSS 1]: http://www.ruanyifeng.com/blog/2019/11/css-position.html
[CSS 2]: http://www.ruanyifeng.com/blog/2018/07/white-space.html
[CSS 3]: http://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html
[CSS _ Bulma]: http://www.ruanyifeng.com/blog/2017/10/bulma.html
[CSS 4]: http://www.ruanyifeng.com/blog/2017/05/css-variables.html
[SVG]: http://www.ruanyifeng.com/blog/2018/08/svg.html
[Emoji]: http://www.ruanyifeng.com/blog/2017/04/emoji.html
[CSS in JS]: http://www.ruanyifeng.com/blog/2017/04/css_in_js.html
[CSS Modules]: http://www.ruanyifeng.com/blog/2016/06/css_modules.html
[Link 5]: http://www.ruanyifeng.com/blog/2019/06/open-database-relicensing.html
[Link 6]: http://www.ruanyifeng.com/blog/2019/06/responsive-images.html
[Link 7]: http://www.ruanyifeng.com/blog/2019/03/coloring-scheme.html
[JSON Web Token]: http://www.ruanyifeng.com/blog/2018/07/json_web_token-tutorial.html
[SSL_TLS]: http://www.ruanyifeng.com/blog/2014/02/ssl_tls.html
[SSL_TLS 1]: http://www.ruanyifeng.com/blog/2014/09/illustration-ssl.html
[SSL]: http://www.ruanyifeng.com/blog/2014/09/ssl-latency.html
[HTTP]: http://www.ruanyifeng.com/blog/2016/08/http.html
[HTTPS]: http://www.ruanyifeng.com/blog/2011/02/seven_myths_about_https.html
[HTTPS 1]: http://www.ruanyifeng.com/blog/2016/08/migrate-from-http-to-https.html
[HTTP Referer]: http://www.ruanyifeng.com/blog/developer/
[HTTP_2 _Server Push]: http://www.ruanyifeng.com/blog/2018/03/http2_server_push.html
[Link 8]: http://www.ruanyifeng.com/blog/2017/02/fp-tutorial.html
[Link 9]: http://www.ruanyifeng.com/blog/2017/02/filename-should-be-lowercase.html
[Link 10]: http://www.ruanyifeng.com/blog/2016/10/document_style_guide.html
[Link 11]: http://www.ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html
[DOM]: http://www.ruanyifeng.com/blog/2015/02/future-of-dom.html