前端总结

前端年终总结发言，思维导图的形式

前端页面

• 移动端（手机、pad）
  • WebView内嵌页面
    • 1.JSBridge与原生代码通信（调用SDK、原生API：实现支付等）
    • 2.移动端屏幕适配（系统、尺寸、设备像素比：rem、vw vh）
    • 3.移动端手势操作（滑动、下拉刷新等等：better-scroll封装）
    • 4.其他优化（键盘弹起、点击区域扩大、字号缩小等）
  • 独立打包的WebApp
    • 1.打包工具Hbuilder（在线云打包）
    • 2.媒体查询（页面不同分辨率的自适应：CSS媒体查询）
  • ReactNative跨平台开发
    • 参与开发（百微温控器、音乐盒子）
• PC端（大屏、投影）
  • 综合后台管理系统
    • 1.视频流的播放（RTMP、HLS、m3u8：Flash、Video.js）
    • 2.高德地图、百度地图展示和交互（jsAPI、webAPI调用：定位、选点、地址搜索）
    • 3.复杂表单（动态表单、动态校验规则、数据回显：Element-ui Formzujan）
    • 4.前端鉴权、权限管理（页面权限、按钮权限控制：Vuex、Vue-Router）
  • 数据可视化大屏
    • 1.基于Echart组件化封装复用
    • 2.大屏控制端（可视化新增、编辑、切换）
    • 3.报警实时推送弹窗（websocket、接口轮询）