web开发权威,一个合格的初级前端工程师需要掌握的模块笔记
学习路线
第一阶段:网页制作
HTML:常用标签,锚点,列表标签,表单标签,表格标签,标签分类,标签语义化,注释,字符实体
CSS:CSS介绍,全局样式,行内样式,内联样式,选择器,字体样式值,文本样式值,颜色样式值,盒模型,控制台使用,清除默认样式,盒模型居中,外部距塌陷,标准文档流,块元素,行内元素,行内块元素,多种伪类元素,浮动,定位
第二阶段:JavaScript动态交互
JavaScript初阶:变量与运算符,逻辑控制,Math类,函数,Object类,定时器,Array类,String类,Date类
JavaScript进阶:JavaScript DOM基础,this,事件,事件流,JavaScriptBOM基础,call&apply&bind,自定义属性,面向对象编程
ES6/7/8/9:ECMAScript6简介,let和const,ES6+的作用域,对象的扩展,函数的扩展,字符串的扩展,Symbol,Set&Map,Promise对象,async&awiat,箭头函数,模板字符串,rest参数,Class,Module模块
JavaScript高阶:闭包,立即执行函数,惰性函数,插件开发,多人协作,深复制与浅复制,数组扁平化,递归,正则表达式全解,函数防抖,函数节流
第三阶段:移动端开发技术实战
HTML5:HTML5简介,HTML5新语法,HTML5新语义化标签,HTML5新表单元素属性,HTML5新手机端新事件处理,HTML5新增多媒体实战,本地存储,Canvas,HTML5地理组件GeoLocation
CSS3:CSS3新增属性,圆角制作企业级方案,CSS3背景属性,过渡动画 transition,变化属性 transform,特效轮播图实战,企业级flex布局实战,grid布局实战
Bootstrap:响应式,媒体查询,栅格系统,栅格参数,组合模式,列偏移/列排序/自动列,列对齐/列嵌套,文本与颜色,按钮,导航,图文混排,模态框,轮播图
移动端开发:移动端简介,移动端视口约束,移动端flex移动端实践,rem,vw,flexible企业级实战
第四阶段:前后端分离技术及常用库类
Ajax:AJAX简介,AJAX作用,封装AJAX,创建XMLhttpRquest对象,同步和异步,AJAX分页
jQuery:jQuery介绍,jQuery链式语法,jQuery选择器,jQuery核心,jQuery工具,jQuery事件,jQuery事件对象,jQuery特效,jQuery回调函数,jQuery文档处理,jQuery筛选,jQuery属性,jQueryCSS
Echarts:Echarts概述,Echarts使用,坐标系,雷达图/饼状图/折线图
第五阶段:企业级高级WEB架构开发
Webpack:Webpack的安装和使用,项目模块打包,静态打包模块器,Webpack入口,Webpack输出,Webpack插件,webpack模块
Vue:Vue使用,Vue响应式,Vue双向数据绑定,Vue相关指令,vue-resource,axios,template选项,Vue生命周期,Vue组件,自定义指令,过滤器,computed属性,Vue-cli 2.x和3.x 脚手架配置,Vue-router,Vuex,Element UI
微信小程序:uni-app,mpvue,微信小程序注册,APPID申请,生命周期,小程序调试,微信小程序框架组件,微信小程序布局框架,微信小程序条件渲染和列表渲染,媒体组件audio,视图容器,网络api,相机api,地图api
【95页】初级前端模块笔记
主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue 等等。需要可以看文末领取完整版【95页】初级前端模块笔记和前端学习路线图。
html/css
- html基本结构
- 标签属性
- 事件属性
- 文本标签
- 多媒体标签
- 列表 / 表格 / 表单标签
- 其他语义化标签
- 网页结构
- 模块划分
- CSS代码语法
- CSS 放置位置
- CSS的继承
- 选择器的种类/优先级
- 背景样式
- 字体样式
- 文本属性
- 基本样式
- 样式重置
- 盒模型样式
- 浮动float
- 定位position
- 浏览器默认样式
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基本应用
- 配置文件入门
vue
- MVC模式
- MVVM模式
- 基础语法
- 实例属性/方法
- 生命周期
- 计算属性
- 数组的更新检查
- 事件对象
- Vue组件
- 路由使用
- 路由导航
- 嵌套路由
- 命名视图
最后
资料过多,篇幅有限,需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版!
自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
[外链图片转存中…(img-5EB38iJq-1626865955209)]
最后
[外链图片转存中…(img-kosjqgBp-1626865955210)]
[外链图片转存中…(img-y4Fxpi8t-1626865955211)]
资料过多,篇幅有限,需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版!
自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
web开发权威,一个合格的初级前端工程师需要掌握的模块笔记相关推荐
- 一个合格的初级前端工程师需要掌握的模块笔记
一个合格的初级前端工程师需要掌握的模块笔记 文章目录 一个合格的初级前端工程师需要掌握的模块笔记 前言 Web模块 html基本结构 标签属性 事件属性 文本标签 多媒体标签 列表 表格 表单标签 其 ...
- web开发学习过程,一个合格的初级前端工程师需要掌握的模块笔记
为什么要写这篇文章 从一开始手指冒汗被怼的说不出话,到最后和面试官侃侃而谈游刃有余,我发现:同样的能力水平,在不同的面试表现下,反馈到面试官眼中的结果可以有着天壤之别. 因此,如果你希望把自己的真实水 ...
- 前端开发查询,一个合格的初级前端工程师需要掌握的模块笔记
面试知识点 主要内容包括html,css,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,设计模式,项目等等. html 1.浏览器页面有哪三层构成,分别是什么,作用是什么? 2 ...
- 一个合格的中级前端工程师需要掌握的技能笔记(中)
Github来源:一个合格的中级前端工程师需要掌握的技能 | 求星星 ✨ | 给个❤️关注,❤️点赞,❤️鼓励一下作者 大家好,我是魔王哪吒,很高兴认识你~~ 哪吒人生信条:如果你所学的东西 处于喜欢 ...
- 一个合格的中级前端工程师需要掌握的技能笔记(下)
Github来源:一个合格的中级前端工程师需要掌握的技能 | 求星星 ✨ | 给个❤️关注,❤️点赞,❤️鼓励一下作者 大家好,我是魔王哪吒,很高兴认识你~~ 哪吒人生信条:如果你所学的东西 处于喜欢 ...
- 一个合格的中级前端工程师需要掌握的技能笔记(上)
Github来源:一个合格的中级前端工程师需要掌握的技能 | 求星星 ✨ | 给个❤️关注,❤️点赞,❤️鼓励一下作者 大家好,我是魔王哪吒,很高兴认识你~~ 哪吒人生信条:如果你所学的东西 处于喜欢 ...
- 初级前端工程师笔试技巧总结,祝你顺利拿高分
某大型外包公司安排新人去某大型保险公司驻场开发,简单粗暴的衡量一个工程师的水平就是笔试,这个环节是必不可少的,必须要过了笔试题才能算正式的驻场开发,不然只能是支持,消耗公司资源的废柴,一般笔试会有两次 ...
- 前端10个灵魂拷问 吃透这些你就能摆脱初级前端工程师!
网上参差不弃的面试题,本文由浅入深,让你在做面试官的时候,能够辨别出面试者是不是真的有点东西,也能让你去面试中级前端工程师更有底气.但是切记把背诵面试题当成了你的唯一求职方向 越是开放性的题目,更能体 ...
- vue中waiting for update signal from wds_10个vue快捷开发技巧助你成为中级前端工程师!(二)...
前言 先赞再看,养成习惯~ 优雅更新props 更新 prop 在业务中是很常见的需求,但在子组件中不允许直接修改 prop,因为这种做法不符合单向数据流的原则,在开发模式下还会报出警告.因此大多数人 ...
最新文章
- Android Studio的技巧
- [ 渗透工具篇 ] sqlmap 详解(一) sqlmap 安装详解
- Java多线程编程实战指南(核心篇)读书笔记(二)
- 【实用】Word如何转换成PDF格式,文件转换三步免费搞定
- WEB学生网页作业【HTML+CSS】静态网页期末大作业课程设计
- SPSS实现线性回归
- 递归函数的例子python卖鸭子_递归算法实现卖鸭子
- 2021年化工自动化控制仪表考试题库及化工自动化控制仪表报名考试
- linux c语言lzma,LZMA 算法简介
- U盘重装Win10系统教程
- (Python)视频生成器
- 【ArcGIS Pro二次开发】(17):打开GDB、SHP、CAD等各种数据
- Oracle中的触发器
- 百田游戏策划面试经验
- linux snmptrap的发送与接收。
- 微信小程序登录code been used或者invalid code错误解决方案
- 远程桌面端口不是3389,怎么连接
- Flutter练习:gridview分页
- 软件开发项目成本控制的4大策略
- 使用计算机生成遐想景物图像,分解反应 (1)概念:由一种反应物生成 或 以上其他物质的反应。 (2)表达式:AB-→A+B (3)特点:一变多——青夏教育精英家教网——...
热门文章
- 学人工智能好就业吗?可以做什么?AI就业方向及前景
- 医学图像中解剖学坐标系(病人坐标系)和图像坐标系
- OpenCV Java入门五 结合摄像头识脸和拍照
- @JsonBackReference
- OC底层 - runtime 一个char变量按位保存多个BOOL变量值
- 学习笔记:在Ubuntu16.04系统内安装Petalinux软件(包括如何安装Ubuntu16.04和相关支持库 详解)
- 虚拟机服务器 资料安全,绝密:三步教你轻松窃取VMware虚拟机及其数据漏洞预警 -电脑资料...
- Html 所有触发事件
- spring技术详解
- 计算机专业要学视频剪辑吗,想要成为入门剪辑师?必须做到这五点,才能坚持下去...