自学前端,学多久可以入职前端工程师,最终入职阿里

90 阅读5分钟

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

开源分享:docs.qq.com/doc/DSmRnRG…

4)JavaScript进阶

  • JavaScript DOM基础
  • this
  • 事件
  • 事件流
  • JavaScript BOM 基础
  • call&apply&bind
  • 自定义属性
  • 面向对象编程

5)ES6/7/8/9

  • ECMAScript6简介
  • let和const
  • ES6+的作用域
  • 对象的扩展
  • 函数的扩展
  • 字符串的扩展
  • Symbol
  • Set&Map
  • Promise对象
  • async&awiat
  • 箭头函数
  • 模板字符串
  • rest参数
  • Class
  • Module模块

6)JavaScript高阶

  • 闭包
  • 立即执行函数
  • 惰性函数
  • 插件开发
  • 多人协作
  • 深复制与浅复制
  • 数组扁平化
  • 递归
  • 正则表达式全解
  • 函数防抖
  • 函数节流

7)HTML5

  • HTML5简介
  • HTML5新语法
  • HTML5新语义化标签
  • HTML5新表单元素属性
  • HTML5手机端新事件处理
  • HTML5新增多媒体实战
  • Canvas
  • HTML5地理组件GeoLocation

8)CSS3

  • CSS3新增属性
  • 圆角制作企业级方案
  • CSS3背景属性
  • 过渡动画 transition
  • 变化属性 transform
  • 特效轮播图实战
  • 企业级flex布局实战
  • grid布局实战

03、第三个阶段,前端核心技术

1)bootstrap

  • 响应式
  • 媒体查询
  • 栅格系统
  • 栅格参数
  • 组合模式
  • 列偏移/列排序/自动列
  • 列对齐/列嵌套
  • 文本与颜色
  • 按钮
  • 导航
  • 图文混排
  • 模态框
  • 轮播图
  • 企业级案例讲解

2)移动端

  • 移动端简介
  • 移动端视口约束
  • 移动端flex移动端实践
  • rem
  • vw

3)Ajax

  • AJAX简介
  • AJAX作用
  • 封装AJAX
  • 创建XMLhttpRquest对象
  • 同步和异步
  • AJAX分页

4)jQuery

  • jQuery介绍
  • jQuery链式语法
  • jQuery选择器
  • jQuery核心
  • jQuery工具
  • jQuery事件
  • jQuery事件对象
  • jQuery特效
  • jQuery回调函数
  • jQuery文档处理
  • jQuery筛选
  • jQuery属性
  • jQueryCSS

5)Echarts

  • Echarts概述
  • Echarts使用
  • 坐标系
  • 雷达图/饼状图/折线图

04、第四个阶段,前端进阶升级

1)Webpack

  • Webpack的安装和使用
  • 项目模块打包
  • 静态打包模块器
  • Webpack入口
  • Webpack输出
  • Webpack插件
  • webpack模块

2)vue

  • Vue使用
  • Vue响应式
  • Vue双向数据绑定
  • Vue相关指令
  • vue-resource
  • axios
  • template选项
  • Vue生命周期
  • Vue组件
  • 自定义指令
  • 过滤器
  • computed属性
  • Vue-cli 2.x和3.x 脚手架配置
  • Vue-router
  • Vuex
  • Element UI

3)微信小程序

  • uni-app
  • mpvue
  • 微信小程序注册
  • APPID申请
  • 生命周期
  • 小程序调试
  • 微信小程序框架组件
  • 微信小程序布局框架
  • 微信小程序条件渲染和列表渲染
  • 媒体组件audio
  • 视图容器
  • 网络api
  • 相机api
  • 地图api

4)数据结构和算法

  • uniapp基础
  • uniapp初始化配置
  • uniapp视图模板使用
  • uniapp生命周期
  • uniapp路由跳转
  • uniapp常用组件
  • uniappScrollView的使用
  • uniapp-ui使用
  • uniapp-Vuex使用

我目前是在职前端开发,如果你现在也想学习前端开发技术,在入门学习前端的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题,你都可以申请加入我所在的前端学习交流裙:前面:42137 后面:4697。里面聚集了一些正在自学前端的初学者,转行者,初阶者,里面也有我整理的一些前端书籍PDF、前端面试题、前端开发源码教程等PDF文档书籍教程,需要的话都可以找裙猪获取。

05、第五个阶段,活着最重要

技术是没有终点的,也是学不完的,最重要的是活着、不秃。

零基础入门的时候看书还是看视频,我觉得成年人,何必做选择题呢,两个都要。喜欢看书就看书,喜欢看视频就看视频。

最重要的是在自学的过程中,一定不要眼高手低,要实战,把学到的技术投入到项目当中,解决问题,之后进一步锤炼自己的技术。

自学最怕的就是缺乏自驱力,一定要自律,杜绝“三天打鱼两天晒网”,到最后白忙活一场。

高度自律的同时,要保持耐心,不抛弃不放弃,切勿自怨自艾,每天给自己一点点鼓励,学习的劲头就会很足,不容易犯困。

框架相关

原生JS虽能实现绝大部分功能,但要么就是过于繁琐,要么就是存在缺陷,故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架,两者工作原理上存在共通点,也存在一些不同点,对于校招来说,不需要两个框架都学得特别熟,一般面试官会针对你简历中写的框架进行提问。

在框架方面,生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的,在学习的过程可以结合框架的官方文档

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Vue框架

知识要点: 1. vue-cli工程 2. vue核心知识点 3. vue-router 4. vuex 5. http请求 6. UI样式 7. 常用功能 8. MVVM设计模式

React框架

知识要点: 1. 基本知识 2. React 组件 3. React Redux 4. React 路由