这才是自学前端的正确姿势!(本人亲身经历,9个月拿到拼多多、美团、京东校招offer

39 阅读7分钟

axios

二、React

认识React

React元素渲染

JSX

组件

State

Props

事件处理

条件渲染

列表

组件API

组件声明周期

三、Node

1.基础console(控制台)

crypto(加密)

debugger(调试器)

fs(文件系统)

http(网络)

os(操作系统)

path(路径)

2. 高级

NPM介绍及使用

MVC模式简介

Express框架学习

链接Mysql

链接Redis

项目实战

四、webpack

概念

入口

输出

模式

loader

插件

配置

以上内容用时 两个月 左右

阶段四


一、Mysql

1.阶段一认

识mysql

安装mysql

创建数据库、数据表学习

常用的SQL命令,完成增删查改

2.阶段二

学习Mysql关联查询,子查询等

学习Mysql常用函数

学习Mysql分组、分页、排序等

3. 阶段三

学习Mysql高级查询

了解存储过程,自定义函数等

了解Mysql配置文件

二、Redis

认识Redis

学习redis的数据类型

redis常用操作

redis事务

以上内容用时 7 天左右

阶段五


一、项目管理篇

SVN使用

GIT使用

二、扩展部分

小程序

了解小程序开发流程

视图容器

基础内容

表单组件

导航

媒体组件

地图(map)

画布(canvas)

开放能力

apicloud(移动app开发)

认识apicloud

开发工具讲解

端API

云API

小程序模块使用

三、常用框架使用篇

iview (vue框架)

element ui (vue框架)

REACT

echarts (百度图标库)

阿里巴巴开源图标

使用Sass学习

Swiper学习

zoom.js 学习

总结


从前端入门开始学起,刚刚接触时应该会比较难懂,一两天之后学习就会顺利了。前端入门学习是比较简单的,像CSS和HTML学习来比较容易,但建议不要一味的看书,最好结合着视频一起学习,会比较高效。

像后面的js、CSS3+HTML5等等这些,可能会比较难,理解起来也没有那么容易,最好能有前端大神在一旁指点迷津,在遇到不懂得问题时,及时解决,否则可能会成为潜藏的隐患,以后写代码时会出现bug。每天保持4个小时的左右的时间学习,最多三个月,就应该可以自己写页面了。

但自学时有一些问题要注意:

1.不要闭门造车,多和人交流经验,避免走入歧途;

2.学习时一定要给自己制定计划、每天总结学习内容;

3.最好找一个人监督自己学习,避免三天打鱼两天晒网;一定要把学到的内容落实到实践上面(这是最重要的)。

前端开发日新月异,只要我们把最基础的知识掌握好了,尤其是javascript编程语言。无论它出现多少的开发框架,我们都可以快速掌握并使用它。当然使用这些框架或工具来开发项目只是我们必备的岗位技能,我们进一步需要学习的是如何掌握工作技巧,并且每天都有所进步,不管是技术上面还是项目管理上面。只有不断学习不断进步,保持成长性的思维,才不会被岗位和社会所淘汰。

为了帮助自学的朋友们检测自学程度,特别整理了《95页前端学习笔记》电子稿文件。

主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue 等等。

html5/css3

  • HTML5 的优势

  • HTML5 废弃元素

  • HTML5 新增元素

  • HTML5 表单相关元素和属性

  • CSS3 新增选择器

  • CSS3 新增属性

  • 新增变形动画属性

  • 3D变形属性

  • CSS3 的过渡属性

  • CSS3 的动画属性

  • CSS3 新增多列属性

  • CSS3新增单位

  • 弹性盒模型

JavaScript

  • JavaScript基础

  • JavaScript数据类型

  • 算术运算

  • 强制转换

  • 赋值运算

  • 关系运算

  • 逻辑运算

  • 三元运算

  • 分支循环

  • switch

  • while

  • do-while

  • for

  • break和continue

  • 数组

  • 数组方法

  • 二维数组

  • 字符串

正则表达式

  • 创建正则表达式

  • 元字符

  • 模式修饰符

  • 正则方法

  • 支持正则的 String方法

js对象

  • 定义对象

  • 对象的数据访问

  • JSON

  • 内置对象

  • Math 方法

  • Date 方法

面向对象是一种编程思想

  • 定义对象

  • 原型和原型链

  • 原型链

  • 原型

常用的JavaScript设计模式

  • 单体模式

  • 工厂模式

  • 例模式

函数

  • 函数的定义

  • 局部变量和全局变量

  • 返回值

  • 匿名函数

  • 自运行函数

  • 闭包

BOM

  • BOM概述

  • window方法

  • frames [ ] 框架集

  • history 历史记录

  • location 定位

  • navigator 导航

  • screen 屏幕

  • document 文档

DOM

  • DOM对象方法

  • 操作DOM间的关系

  • DOM节点属性

事件

  • 事件分类

  • 事件对象

  • 事件流

  • 事件目标

  • 事件委派(delegate)

  • 事件监听

jQuery

  • jQuery 选择器

  • 属性选择器

  • 位置选择器

  • 后代选择器

  • 子代选择器

  • 选择器对象

  • 子元素

  • DOM操作

  • JQuery 事件

  • 容器适应

  • 标签样式操作

  • 滑动

  • 自定义动画

AJAX

  • 工作原理

  • XMLHttpRequest对象

  • XML和HTML的区别

  • get() 和post()

HTTP

  • HTTP消息结构

  • url请求过程

性能优化

  • JavaScript代码优化

  • 提升文件加载速度

webpack

  • webpack的特点

  • webpack的缺点

  • 安装

  • webpack基本应用

  • 配置文件入门

文末

从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。

个人将这段时间所学的知识,分为三个阶段:

第一阶段:HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

  • 推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;

  • 大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。 开源分享:docs.qq.com/doc/DSmRnRG…