xbb-utils开发规范

为什么选择开发utils包?

  • 方便代码的快速维护

  • 方便一套代码部署多个项目以及新项目的快速启动

  • 为后期需求踩坑

阅读全文

内存泄漏排查

前言

目前web端在浏览器中操作时,会存在明显的卡顿,而且会越用越卡,初步怀疑是内存泄漏导致。

阅读全文

input超过10^20科学记数法的解决方案

项目中用到input type=”number” 输入框如果数值超过了10的20次方会显示成10exxx或者10e+xxx
解决方案:
1.说服产品,一般情况下不会存在大于10的20次方或者小于是的负10次方的值
2.转换成字符串形式展示

网上找的不是这个不匹配就是那个结果不对,那干脆自己写个好了

阅读全文

回调与异步编程

一、回调函数的使用场景

  1. 异步编程。

  2. 事件监听、处理。

  3. setTimeout、setInterval方法。

  4. 通用功能,简化逻辑。

阅读全文

Typescript+verdaccio+pm2构建私有工具包

前言

  1. 项目中经常会用到某些方法,比如格式化时间戳,比如判断环境等等。
    笔者最初是把这些方法抽离出来写成公共方法,但由于后期项目扩展每次都要复制这个工具文件很是麻烦且效率低下,发布npm包正好解决了这个痛点,正好借此机会重构成ts文件并发布npm包。

  2. 本工具内置vue2.x + ts,方便开发中调试代码。
    本工具包内部集成了lodash的一些方法,详见文档或者src/core/lodash-tool

  3. 本工具使用typedoc根据注释自动生成文档,可搜索方法

  4. 本项目npm包单元测试通过率100%,同时经过公司多个项目沉淀,且稳定运行,大家如有需要可直接下载拓展使用

博客传送门

本文只简要介绍下整个流程,具体项目GitHub,欢迎Start、Fork。thx~ XD

阅读全文

npm私有平台发布流程

一、源管理工具nrm

  1. 全局安装npm i -g nrm
  2. 添加逍邦源nrm add xbb http://npm.xbongbong.com.cn/
  3. 选择源nrm use xbb
  4. 添加用户到我们的源npm adduser,按照提示输入username,password,email参数
阅读全文

通过shell脚本自动生成vue文件

最近在写nuxt项目时候每次新建页面都要去新建然后引入各种需要的依赖很是麻烦,所以想写一个脚本自动生成文件 省去手动新建
现写下实现方法 给大家参考

阅读全文