优化
文章平均质量分 69
流转往复
一个普普通通的码农
展开
-
如何使装饰器在vue2中被合理的利用,提高工作效率
什么是装饰器https://github.com/tc39/proposal-decorators装饰器是ES2016提出来的一个提案,当前处于Stage 2阶段,关于装饰器的体验,可以点击 https://github.com/tc39/proposal-decorators查看详情。装饰器是一种与类相关的语法糖,用来包装或者修改类或者类的方法的行为,其实装饰器就是设计模式中装饰者模式的一种实现方式。第一次看到装饰器的时候,立马就跟spring的注解关联起来了。两者都是可以在某一项任务前后嵌入额原创 2021-12-15 15:52:23 · 907 阅读 · 0 评论 -
vue项目中自动导入svg并愉快的使用
引入图标的几种方式远古时代一个个小图标png图片引入,代码中在一个个引用iconfont时代将整个工程用到的图标,全部打包生成字体文件,在代码中全局引入,只要通过标签和class就能够使用缺点:当新增图标的时候,需要重新生成字体文件,当团队开发的时候,新增图标就显得格外麻烦svg时代优势:svg可以单独引入,不需要像iconfont一起打包封装一个全局组件,就能像iconfont一样,传入class名称就能显示对应svg图标注意点:svg有兼容性问题,使用的时候先跟原创 2021-12-15 15:23:20 · 1839 阅读 · 1 评论 -
前端工程打包并自动上传服务器
前因每次打包要经历的步骤执行npm run build命令打开fileZilla打开指定标签(直接进入对应dist目录和服务器目录)拖拉文件到服务器太麻烦了,想着说能不能通过一行命令直接解决这个问题。然后去网上查找资料,终于解决了问题改造后的打包上传命令{ "scripts": { "build-upload": "vue-tsc --noEmit && vite build && cross-env NODE_ENV=dev node ./c原创 2021-07-14 16:02:23 · 1479 阅读 · 2 评论 -
阅读《重构改善既有代码的设计》实践---重构+新增功能
契机上个博客写了何时重构,在公司项目新增功能的时候,遇到了一个接口api,完美符合以上几点。export function getDirections(data) { let coordinates = ''; let coordsArray = []; let paramObject = null; let dataParams = null; // ?geometries=geojson&access_token=&alternatives=true&step原创 2020-05-15 17:42:49 · 401 阅读 · 0 评论 -
阅读《重构改善既有代码的设计》笔记---何时重构
何时重构预备性重构: 让添加新功能更容易也许已经有个函数提供了我需要对大部分功能,但有几个字面量但值与我但需要略有冲突。如果不做重构,我可能会把整个函数复制过来,修改这几个值,但这就会导致重复代码。重构方法:函数参数化(310)优点:减少重复代码功能变更变得容易问题修复变得容易帮助理解的重构:使代码更易懂我可能看见了一段结构糟糕的条件逻辑,也可能希望复用一个函数,但花费了几分钟才弄懂它到底在做什么,因为它但函数命名实在是太糟糕了。这些都是重构但机会重构方法:语义原创 2020-05-12 16:49:18 · 191 阅读 · 0 评论 -
微信小程序首页图片本地缓存
来源最近写小程序的时候,因为首页有轮播图、广告图等等,导致我的首屏加载太慢了,想着将一部分图片做下本地缓存。解决办法查询apiFileSystemManager.saveFileFileSystemManager.saveFile(Object object)保存临时文件到本地。此接口会移动临时文件,因此调用成功后,tempFilePath 将不可用。wx.getSaved...原创 2019-10-09 16:25:52 · 3379 阅读 · 1 评论