关于公共常量和方法的思考

关于公共常量和方法的思考

背景:Vue的多页面应用。
应用:大型运营活动仓库

  1. 所有页面都需要用到的变量: token/subSource/channelTool/source/pageCode/brandName
    思考:
    变量分为两种,一种是所有页面都需要用到的,可以在外层store里面存放的,通过this去取到;另一种,放在组件里,进页面就能取到,不用this,任何生命周期都可以拿到;还有一种是存放在当前活动的私有store里面的;还有一种放在local storage的。 应该如何分类??

  2. 所有页面公用的方法:
    思考:
    例如disabledMoved 禁止页面双击上移,方法可以放在公共方法中,可供随时调用,应写入单独的公共组件中;
    例如数组分割,获取query,等这样的方法,应写入公共的js中,然后暴露除了,通过this.global.funciton 调用

关于私服前端组件库的搭建的思考

背景:整个公司的前端组件库
应用: 业务类型组件库的成分更大一点

为什么需要组件库?

不管是业务中还是运营活动中,有很多细节,在很多个地方都会有所用到。

组件库设计思路

组件是对一些具有相同业务场景和交互模式、交互流程代码的抽象,组件库首先应该保证各个组件的视觉风格和交互规范保持一致。组件库的 props 定义需要具备足够的可扩展性,对外提供组件内部的控制权,使组件内部完全受控。支持通过 children 自定义内部结构,预定义组件交互状态。保持组件具有统一的输入和输出,完整的API.

组件库的开发需要考虑:

  1. 组件设计思路、需要解决的场景
  2. 组件代码规范
  3. 组件测试
  4. 组件维护,包括迭代、issue、文档、发布机制
使用的基础技术
  1. vue-cli3.0
  2. webpack
  3. npm
webpack3 & webpack4 本质区别

对项目的优化有啥帮助

为啥用vw 抛弃rem? rem根源是什么?
  1. 设备像素比
  2. 视口

物理像素 css像素
二倍屏 三倍屏
1个物理像素=2个css像素

vue 源码
为啥要 :key
虚拟dom如何转化为真是dom
vue2.0 -> vue3.0 转化 TS   数据监听不到位?
proxy 监听数组

生命周期 activated des
TS

观察者模式 双向绑定的深层原理

生命周期中每个钩子里做了什么嘛

组件设计的基本原理
通用性 易用性 可通性

本文链接:

https://www.calm7.com/article.html?id=3