# 前端笔记

**Repository Path**: 125586657/front-end-notes

## Basic Information

- **Project Name**: 前端笔记
- **Description**: 愿所有的相遇都不会被辜负
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2024-09-18
- **Last Updated**: 2024-09-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Hello! 我是云牧

## 前言

前端从入门到进阶超详细的图文教程，作为前前端讲师，深刻认识到启蒙入门的重要性

此教程不含任何套路，全是干货，**永不收费**。

如果有错误的信息，欢迎在 GitHub 提交 issues 或者 pull requests 或者到我

**B 站 https://space.bilibili.com/145679856**

**掘金** https://juejin.cn/user/1530130204207822

私信我 进行指正。

目前在做开发后期我会根据情况录制视频来对应理解

**希望所有的努力和相遇都不会被辜负**。

ps：先从**移动端开始**往框架方面更新，往后再重写 html css js

## 项目介绍

- 个人维护的前端笔记，从零开始，语言尽量详细和精简
- 初衷是帮助别人同时也给自己进行知识整理和复习，世界的美好就在于互相帮助
- 下面是介绍在学习前端之前需要做好的准备工作和基础知识，让我们一起出发吧！

## markdown 文件

> 下载并安装 Typora 进行编写查看 .md 文件





## 2022年Web前端入门的自学路线、学习方法、资料推荐

> 新手入门需要学习的基础知识还蛮多，有如下

1. HTML5、CSS3（flex布局、less\sass、rem\vw\流式布局\响应式布局以及移动端事件和兼容适配）、学完可以仿写个电商网站（例如京东、小米）
2. JS语法基础，JS基础库，JS标准库（DOM、BOM、数组、函数、时间、正则），JS第三方库（lodash、dayjs、JQ），JavaScript语法进阶，包括：作用域和闭包、this和原型链、异步单线程
3. Ajax（前后端请求通信、跨域通信）
4. ES6语法。这部分属于JS新增的语法，面试必问。其中，关于 promise、async 等内容要尤其关注
5. canvas。面试时，不一定问，看运气，属于是加分项
6. 前端框架：Vue.js和React。这两个框架至少要会一个。入门时，建议先学Vue.js，上手相对容易。但无论如何，同时掌握 Vue 和 React 才是合格的前端开发
7. UI框架：[Ant Design](https://ant.design/index-cn)、[Element UI](https://element.eleme.cn/#/)。在做管理后台的时候，这两个UI框架使用的比较多的。Element UI 是基于 Vue.js技术栈的。Ant Design 既有基于 React技术栈的，也有基于 Vue.js技术栈的 [Ant Design Vue](https://antdv.com/)
8. Node.js。属于加分项，如果时间不够，可以先不学，但至少要知道 Node 环境的配置，以及 Node 的一些基础知识
9. 前端工程化：模块化打包工具 Webpack、自动化构建工具 gulp、CSS 预处理器 Sass Less、自动化测试、持续集成 等。注意，Sass 比 Less 用得多，gulp 比 grunt 用得多
10. 前端综合：HTTP协议、安全问题（CSRF、XSS）、Git、浏览器渲染机制、页面性能优化、前端错误监控、虚拟DOM等
11. TypeScript（简称TS）。ES 是 JS 的标准，TS 是 JS 的超集。TS属于进阶内容，建议把上面的基础掌握之后，再学TS
12. 小程序开发。学会基本的JS语法，再了解小程序独有的API（参考小程序的官方文档），就已经掌握了小程序开发，很简单，但是不建议过于深入的学习，小程序在商业上无疑是成功的，但是个人觉得对web领域来说可能倒退
14. 总结——框架有时候很虚；熟练掌握 JavaScript 基础、核心源码，才是行走江湖、驰骋千里的关键

注意：不要做小程序开发工程师，uniapp开发工程师，目前最好用Vue或React做Web前端工程师

编辑器相关：Visual Studio Code 是每个学前端的人可能都会用到的编辑器。越来越多人使用VSCode 

相当优秀的技术博客和书籍

- [阮一峰](http://www.ruanyifeng.com/blog/)
- [张鑫旭](http://www.zhangxinxu.com/wordpress/)
- [网道JavaScript 教程](https://wangdoc.com/javascript/)
- [现代 JavaScript 教程](https://zh.javascript.info/)
- 《[ES6 入门教程](https://es6.ruanyifeng.com/)》
- 《[你不知道的JavaScript](https://book.douban.com/subject/26351021/)》
- 《[JavaScript高级程序设计](https://book.douban.com/subject/35175321/)》(如果是大学生有时间建议看)
- [《Vue.js设计与实现》 ](https://book.douban.com/subject/35768338/)

其他的技术类的话更多建议看相关的官网、如果想查询某些前端API，强烈推荐 MDN 官方文档（不要去什么 W3school 、菜鸟教程上看，上面有一堆错误）

此外英文是终身需要学习的，要了解更新更精确的的前端技术趋势、前端资讯，还得看国外的网站，国内的话懂得都懂，很多都是比较粗浅的二手知识，所以要善用谷歌，技术差距都是从这些一点点累积出来的



说到学习方法大家肯定要牢记一个原则，学习无捷径、必须是多看多写多思考啦

具体提高效率的实操的话，建议可以知乎看看费曼学习法和刻意练习，相信会对你有所启动和帮助