HTM5:
1.语义化标签,使页面结构更加简洁,易于维护,利于搜索引擎的识别。一般用于网页的首页相关
2.绘画 canvas;canvas使echart的基础
3.用于媒介回放的 video 和 audio 元素;
4.本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失,需要手动清除
,sessionStorage 的数据在浏览器关闭后自动删除;
5.表单控件,calendar、date、time、email、url、search;
websocket: 全双公,用于实时通信,业务可以用在实时聊天,直播类等
WebSocket 是为了能够实现在 web 应用上与服务器进行双向通信的需求 而产生出来的协议,
相比于轮询 HTTP 请求的方式,WebSocket 节省了服务器资源,有效的提高了效率。
css3:
文字阴影:text-shadow: 5px 5px 5px #FF0000;(水平阴影,垂直阴影,模糊距离,阴影颜色)
font-face属性:定义自己的字体
圆角(边框半径):border-radius 属性用于创建圆角
边框图片:border-image: url(border.png) 30 30 round
盒阴影:box-shadow: 10px 10px 5px #888888;
flex的用法,flex基本操作,aligin-aitems;juestify-content;flex-diretion;flex:1;flex-warp;
浏览器兼容和性能优化
浏览器兼容:常见的方法基本都是对css兼容进行一系列的格式化,基本我们做的每个项目的css文件都有
优化一般分三个阶段:需求阶段,设计阶段,实现阶段
我们一般关注的使实现阶段的优化。平时我们写代码可以分为这之类的优化:1.从DOM结构和标签上来优化;2.从CSS样式上来优化;3.从js上来优化:4.写法上的优化,比如编写优雅的数据遍历。注重代码整洁
es6:1.let,const;2.箭头函数3.promise;4.模板字符串4.扩展运算符5.结构赋值
Promise 是异步编程的一种解决方案,主要解决回调地狱。
Promise的实例有三个状态:
- Pending(进行中)
- Resolved(已完成)
- Rejected(已拒绝) 还有all,race的用法
.ts:
泛型代表的是泛指某一类型,更像是一个类型变量。由尖括号包裹。主要作用是创建逻辑可复用的组件。
- 说说接口和类型别名type的区别?type类型别名不仅可以用来表示基本类型,还可以用来表示对象类型、联合类型、元组和交集;
interface
仅限于描述对象类型;总之,官方推荐定义接口类型时使用interface,如果定义类型设计联合类型和元组等复杂数据时,就用type。 - 类型断言:可以覆盖之前定义的数据类型
常问git的一些问题:
git reset --hard HEAD~1 //代码回滚
代码冲突的方法:
git stash ----- 先将本地修改存储起来
git stash pop // 还原暂存的内容
模块化和组件化的区别:模块化时从业务逻辑上的,组件化时考虑代码复用的
react hooks:
node.js的模块化和js的模块化有什么区别?