- 博客(7)
- 收藏
- 关注
RSS订阅原创 大屏适配总结
有良好的封装习惯也可以更好更快速完成，比如一些通用功能，常用的悬浮框跳转动画，建议自己写一个类通过requestAnimationFrame来实现，因为定时器不正确的使用容易导致页面卡顿。实际项目中问好需要适配多少种分辨率也是一个比较关键的因素，因为可能会出现超宽或者超高的屏幕，这样再根据实际的来适配。从图表字体适配来讲， 会经常看看一些大屏的分享作品，根据网上分享的作品，可以更快实现图表。这边建议对于小于12px的字体。font-size先放大一倍。例子显示 10px大小的字体。通过scale在缩小。
2023-07-28 09:48:52
59
1
原创 webpack vue/cli-service3 打包优化总结
如果打包慢可采用多线程打包（thread-loader）本来项目是约200s的多线程打包最快能到30s!配置如下// 设置 thread-loader 的选项 options = {打包体积减少可通过压缩图片，提取公用代码方式，和删除项目用已经不用的插件来webpack-bundle-analyzer 可帮助你分析包的大小及chunk的分布情况压缩图片配置.*)?bypassOnDebug : true , disable : true // 开发环境下禁用图片压缩 })提取公用代码方式。
2023-07-28 09:20:39
333
1
原创 菜鸟程序员遇坑记1 - FormData 之传送文件数组和对象
菜鸟程序员遇坑记1 - FormData 之传送文件数组和对象今天遇到一个需求，后端要求前端返回id ，文件数组，一个文件信息对象的形式发给他。而这个需求是之前一个提桶跑路的同事写的，然后我来接手，然后我就发现之前是用formData给后端一个字段对应一个文件，但是现在需求变更了，然后我模仿写了一下很尴尬的是后端除了id 之外收到其他两个字段里面都没有东西。然后通过面向百度编程发现如果是想要以文件数组的形式发给后端动的话，这样是不行的。// 字段名，文件数组formData.append(‘arra
2021-10-11 00:12:15
1483
原创 GC（垃圾回收机制）笔记2021-08-17
GC（垃圾回收机制）笔记垃圾：不在需要使用不能在访问到常见算法：引用计数标记清楚标记整理分代回收引用计算算法核心：设置引用计数器是否为0来查看是否回收通过引用关系改变的时候修改引用数字，当数字为0的时候立马回收优点：发现垃圾立即回收最大限度减少程序暂停缺点：时间开销大无法回收循环引用对象可达对象：从根上出发可以能够找到标记清除算法核心：分为两个阶段完成： 标记，清除遍历所有对象找标志活动的对象遍历所有对象清除没有标记对象回收相应的空间（整
2021-08-17 15:25:48
97
原创 vue scrollTop踩坑记
之前有一个需求是这样的点击一个按钮，需要点击一个按钮会显示东西并移到相应的位置。但是发现 window.scrollTop会在vue中永远都是0，不可以直接改变页面的高度。然后在网上发现的解决方法 this.$nextTick(() => { var scrollTop = this.$el.querySelector('.a') scrollTop.scrollTop = scrollTop.scrollHeight })注：这个是改变组件...
2021-04-29 17:09:22
500
原创 关于Vue element-UI 的table 显示字段乱序的踩坑记
关于element-UI 的table 显示字段的踩坑记之前有一个功能就是用户根据不同的选择查询，显示的列表字段不一样，但是再实现的时候发现element-UI table 显示只能通过 v-if来控制（v-show失效）这个再写的时候发现如果这样子弄的话会导致一个问题，就是显示的字段会乱序以上乱序的例图然后再上网搜资料的时候就发现因为vue diff算法的缘故，需要给 el-table-column 加key 标识以下总结了一下：key值的作用主要用在 Vue 的虚拟 DOM 算法，在新
2021-04-29 16:42:38
828
原创 BootstrapVue Form Input二次踩坑记
对BootstrapVue 中的Form Input 二次封装之后trim属性失效之后发现了这里v-model是绑定update事件的。而vue的v-model默认是绑定@input的。在网上搜了一些资料v-model的资料。在这里谨记错误怎么发现错误在这里观察update的事件里面value和input不一样...
2021-04-26 10:03:09
238
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人