前端学问归结

妙技考核:

一、关于Html

1、html语义化标签的明白; 组织化的明白; 可否写出简约的html组织; SEO优化

 a、明白:依据内容的组织化(内容语义化),挑选适宜的标签(代码语义化)便于开辟者浏览和写出更文雅的代码的同时
        让浏览器的爬虫和机械很好地剖析。组织化:头部header、侧栏sider、主体内容main、尾部footer.
 b、作用:没有css,也能显现内容组织、代码组织;用户体验;有利于SEO;轻易装备剖析;利于团队开辟和保护;

2、h5中新增的属性; 如自定义属性data, 类名className等, 新增表单元素, 拖拽Drag

 a、在html标签自定义属性"data-xxx",js能够经由过程dataset设置"data-xxx"自定义属性
 b、新增表单元素:datalist、keygen、output

3、h5中新增的API, 修正的API, 烧毁的API 稍作相识 (离线存储, audio, video)

a、localStorage:一向存储在当地,直到手动消灭;
   sessionStorage:页面封闭则缓存清空;
b、audio音频(兼容苹果用touchstart)、video视频

二、关于CSS

1、CSS挑选器( 三大特征 )

a、层叠性:标签的多个反复的款式,一个属性会掩盖别的一个属性,比方设置一个赤色背景,一个黄色背景,只能取其一。
b、继续性:子标签会继续父标签款式
c、优先级:!important>行内款式>id挑选器>类挑选器>标签挑选器>通配符>继续

2、 BFC机制

a、建立了BFC的元素中,在垂直方向上的margin会发作堆叠。根元素<html>就是一个BFC元素(这个能够诠释margin堆叠)
b、BFC元素在页面上是一个自力的容器,表面的元素和内里的元素互不影响。
c、BFC元素不会和浮动的元素堆叠。(这个能够诠释两栏自适应)
d、盘算BFC元素高度时,内里浮动元素

3、 盒模子

a、框模子,包括了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个元素。
b、元素框的总宽度 = 元素(element)的width + padding的左侧距和右侧距的值 + margin的左侧距和右侧距的值 + border的摆布宽度;
   元素框的总高度 = 元素(element)的height + padding的高低边距的值 + margin的高低边距的值 + border的高低宽度。
c、w3c规范盒模子:  width和height不包括padding和border
   ie盒模子:  width和height包括padding和border

4、CSS模块化开辟(封装); SCSS和LESS的运用

a、scss装置运用npm,less运用ruby

5、屏幕适配 以及 页面自适应

a、百分比规划
b、文字大小用rem
c、媒体查询

6、CSS3中新增的挑选器

子元素挑选器,相邻兄弟挑选器,通用兄弟挑选器,群组挑选器

7、CSS3中新增的属性, transform trasition animation等…

a、transform: translate,translateX,translateY在程度方向、垂直方向或许两个方向上平移元素
b、transform: scale、scaleX、scaleY在程度方向、垂直方向或许两个方向上缩放元素
c、transform: rotate 扭转元素
d、transform: skew,skewX,skewY在程度方向、垂直方向或许两个方向上使元素倾斜肯定的角度
e、transform: matrix

三、关于规划

  1. 规范文档流(padding + margin + 负margin) + 浮动float + 定位
  2. 百分比规划(流式规划): px单元 用 %num替换, 占父级元素的百分比
  3. flex弹性规划: 主轴 辅佐轴的几个属性
  4. grid栅格规划: 运用框架中的类名来替换: 本质上照样百分比规划

四、关于JS基础

1. 变量数据类型及检测:  基础 + 援用
2. 运算符: 算术 + 前提 + 逻辑 + 位 + 短路, 隐式转换等        
3. 前提, 轮回, 非常处置惩罚  if  switch(){case xxx:} try catch finally throw  
4. 函数定义, 挪用体式格局(apply, call, 直接挪用), 传参: 实参给形参赋值
5. 字符串, 数组, 对象经常使用API,  
6. 正则表达式

五、关于JS高等

1. 作用域, 作用域链, 闭包
2. 原型, 原型链, 继续
3. 函数高低文, this指向
4. js的运行机制, 事宜行列和轮回
5. Ajax道理, axios库
6. 同步, 异步编程
7. jQuery源码进修

六、关于浏览器

 1. 浏览器的组成和运行机制, 
 2. 浏览器内核
 3. 浏览器交互: BOM和DOM相干webApi, 监听事宜
 4. 浏览器缓存机制
 5. 浏览器的衬着道理
 6. 浏览器的安全性: 跨域 和 进击

七、关于收集协定

   1. HTTP协定
   2. cookie, session, token

八、关于ES6语法

   1. 字符串, 数组, 对象 扩大的api
   2. 变量扩大: let const 解构赋值 块级作用域
   3. 函数扩大: 箭头函数 默许参数, rest参数
   4. 睁开运算符, 模板字符串
   5. set 和 map数据组织
   6. 迭代器和生成器函数 next 和 yield的明白
   7. proxy对象  属性代办器: 属性的读取(get)和设置(set)相干操纵
   8. promise对象, 异步编程的解决计划
   9. async + await: 异步编程的最终计划 promise + generator的语法糖
   10. class语法  组织函数的语法糖
   11. 模块化编程  export + import 的 导出和导入

九、VUE基础

   1. 基础指令
   2. 实例的 属性 和 要领
   3. 实例的生命周期
   4. 组件基础: 建立,注册,增加属性要领,套用等...
   5. 组件通讯传值  父子, 兄弟, 跨级
   6. 插槽slot 等...

十、VUE高等

   1. vue-router: 搭建SPA
       路由,组件的设置
       路由间的传值
       路由跳转
       路由的导航守御

       记住在router.js 和 组件页面中的运用体式格局        

   2. vuex: 状况治理: 数据堆栈store    
       实例化堆栈的5大属性的运用
       state, getters, mutations, actions, modules
       辅佐函数mapState等..., 堆栈中盘算属性的映照, 轻易操纵

       记住在 store.js 和 组件中 运用体式格局

十一、VUE深切, 源码浏览

   1. 数据相应式道理
   2. virtual dom
   3. diff 算法
   4. nextTick等等...   


    

工程才能考核:

一、项目才能

   1. vue-cli脚手架搭建 和 功用设置 vue.config.js    
   2. webpack的经常使用设置 
   3. 项目构建 打包
   4. 熟习各种框架的文档...
   5. UI框架: Bootstrap, MUI, Element-ui等
   6. 经常使用的插件整顿, 整顿一个本身插件库, 封装本身的要领库,组件库
   7. 经常使用的东西熟练度
   8. PC端 和 挪动端开辟注意事项
   9. 经验总结: 疾速肯定项目的手艺选型
   10. 坑点总结: 项目碰到坑坑坑!!!
   11. 项目中的机能优化纪录 ( 都是细节点...多纪录 )
   12. 需求文档的明白, 能够连系 项目流程图, UML图
   13. 问题解决才能: (bug定位调试, 查找文档, 追求别人...)
   14. 纪录习气养成

二、模块化, 组件化开辟才能

   1. 项目分类; 各种文件整顿,分类
   2. 各种功用封装
   3. 组件和功用模块的抽离, 解耦, 复用

内功考核:

一、面向对象的编程头脑

   1. 类的笼统
   2. 对象的封装, 继续
       为了更好的去治理数据, 分类数据     完成高内聚, 低耦合

二、设想形式

  设想形式觉得也是 将面向对象头脑 再度笼统成实际中 某些特定形式

三、数据组织和算法

   进修经常使用的排序搜索算法, 递次表,链表,栈,行列,树,堆 组织等等...
   磨练你的 笼统思维 和 数学功底了
   将实际需求 笼统成 盘算机代码 的思维才能

附加妙技考核:

一. 进修才能

  1. 延续进修的立场–博客, 笔记纪录
  2. 手艺论坛活跃度高, 问答多
  3. GitHub开源项目介入

二. 相识一门后端言语

  1. python, node.js, php等…
  2. 数据库mysql,redis,mongodb. sql的操纵语句, mongo的操纵语句, redis操纵语句
  3. node + express 搭建当地效劳等
  4. python + django + request + scrapy

三. 体系编程

  1. Linux命令行操纵, 体系文件治理
  2. 多任务, 多线程, 多历程, 协程, 并发, 并行, 串行, 同步, 异步等观点的明白
    原文作者:KEN卓越
    原文地址: https://segmentfault.com/a/1190000018849368
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞