未来html、css、js 模块化(不预编译)
- html:调研html modules
- css:styled-component
- js:
<script type="module">+ http2
CSS自定义属性(变量)
在root下自定义属性,可通过
var()函数访问到属性值,在页面中复用
用户体验之模态框(弹框)
目的:
1. 抓住用户吸引力
2. 需要用户输入
3. 在上下文显示额外信息
4. 不在上下文显示额外信息
最佳实践
1. 增加通过键盘退出的方式
2. 增加焦点
3. 位置在整个屏幕中间偏上
4. 弹框中不要有横向滚动条,对不是触摸屏的用户很不友好
5. 避免出现一个以上的模态框
6. 模态框的应用场景可以是既看即走,方便快速阅读的效果
前后端渲染
前端渲染好处
1. 局部刷新
2. 懒加载
3. 节约服务器成本
后端渲染好处
1. seo
2. 首屏性能
3. 同构渲染?next.js
Async/await
Promise的语法糖?
缺点
– 并发请求还需借助Promise.all
– 异常捕获
– 无法中断abort
JS错误堆栈处理
– sentry
– 异步错误处理用reject,Error对象不会捕捉到任何信息