search

PaulChess / MyBlog

1 stars 0 forks source link

questions #10

Open PaulChess opened 3 years ago

PaulChess commented 3 years ago

idea:
统计组件库中组件的使用率: 问卷，项目中用过的组件的使用统计(多选)，希望开发的组件(textarea)。

extra work:

main work:

组件的属性api对比，组件本身的问题，在demo页上展示的问题，样式的问题, 属性命名，考虑以后的重构...

PaulChess commented 3 years ago

portal方法研究

PaulChess commented 3 years ago

vue中的registerServiceWorker有什么用?

https://www.cnblogs.com/smart-girl/p/12606011.html 目前的Vue脚手架默认会携带一个 registerServiceWorker的东西，这个东西是做什么的呢？ 首先说明，registerServiceWorker可以运用于主流框架，它只是为了简化缓存机制产生的js包，以下的例子是在Vue中使用,

这个文件可以视情况用或者不用，它是用来做离线缓存等任务的，实际上就是为Vue项目注册了一个service worker。这样的话，如果在线上，只要访问过一次该网站，以后即使没有网络也可以访问（此时使用的是之前缓存的资源）。只在生产环境中有效（process.env.NODE_ENV === ‘production’）

使用service worker的现象是什么呢？ 他会在第一次访问该站点的时候，一次性请求加载所有资源，当然 除了当前页面的资源是通过浏览器去获取的，其他缓存资源都是通过service worker，如下图所示:

PaulChess commented 3 years ago

vue中的属性如果不传的话默认是undefined

PaulChess commented 3 years ago

重构:

新增;

PaulChess commented 3 years ago

vue3 teleport可以将组件挂载到指定的节点下:

<Teleport to={props.teleport}>
    {renderOverlay()}
    {renderTransition()}
</Teleport>
PaulChess commented 3 years ago

在transition组件里的v-on:afterEnter和v-on:afterLeave钩子里可以知道内部的元素是出现还是消失 image

在popup组件里,opened: 打开弹出层且动画结束后触发， closed: 关闭弹出层且动画结束后触发

PaulChess commented 3 years ago

props:

events：

PaulChess commented 3 years ago

埋点:

// 引入埋点库，先取出挂载window上的_xxxclog方法
const logFn = window._xxxclog;
// 全局作用域定义埋点发送方法
let sendStat = function (name?: string) {};
if (logFn) {
  logFn.prototype.onceStat = [];
  // 在这里给埋点发送方法赋值
  sendStat = function (name?: string) {
    const pkgData = pkg; // package.json
    const statInfo = {
      name: 'xxx-m-ui, // 组件库前缀名称
      ver: `v${pkgData.version}`, // 版本
    };
    if (name) {
      // 判断组件名称如果不在logFn原型的onceStat数组中，则推进去
      if (logFn.prototype.onceStat.indexOf(name) > -1) {
        return;
      }
      logFn.prototype.onceStat.push(name);
      statInfo.name = `thsc-m-hxmui_${name}`;
    }
    logFn(statInfo);
  };
} else {
  console.error('未检测到埋点库，请引入stat.js');
}
PaulChess commented 3 years ago

Popup组件重构情况:

PaulChess commented 3 years ago
PaulChess commented 3 years ago

组件库文档: 已修改上线:

已修改未上线 -> 准备整合上线:

未修改/准备干掉

下线5个组件，21 / 27 覆盖率77%

重新做归类: