Vue3.0和2.0的区别

摘要: 1.特点比较 更快 1、virtual DOM 完全重写,mounting & patching 提速 100%; 2、更多编译时 (compile-time)提醒以减少 runtime 开销; 3、基于 Proxy 观察者机制以满足全语言覆盖以及更好的性能; 4、放弃 Object.defineP 阅读全文
posted @ 2022-09-13 19:50 还是种田踏实 阅读(569) 评论(0) 推荐(0) 编辑

web端开发命令行使用集合

摘要: 一、使用Powershell 基于windows和unix系统命令行的使用差异,可统一使用Powershell,win10系统自带Powershell,其系统也可安装 二、打开命令窗口 win + R打开运行对话框,输入cmd,打开系统默认控制台命令窗口,或者输入Powershell打开Powers 阅读全文
posted @ 2022-01-07 14:01 还是种田踏实 阅读(302) 评论(0) 推荐(0) 编辑

HTML5--拖拽事件与DataTransfer对象

摘要: 需求分析 -- 生产开发中元素的拖拽是一个相当常见的需求,这就需要用到draggable这个属性以及对应的拖拽相关事件 如果想要拖动某个元素那么首先就需要给其一个draggable属性,并将该属性设置为true 拖放事件 拖放的过程中被拖放的对象称为源对象,拖放过程中间经过的其他对象被称为过程对象, 阅读全文
posted @ 2022-01-07 11:12 还是种田踏实 阅读(135) 评论(0) 推荐(0) 编辑

Vue中图片,文档资源上传中FileReader的使用

摘要: 使用场景:在vue项目中使用el-upload上传图片资源,文档或者excel时,需要读取文件,并将其转化为需要使用的文件格式,这就需要用到FileReader。 1.判断浏览器是否支持FileReader 1 if(window.FileReader) { 2 var fr = new FileR 阅读全文
posted @ 2021-11-15 15:43 还是种田踏实 阅读(1444) 评论(0) 推荐(0) 编辑

axios中的responseType参数说明

摘要: 在做excel导出的时候,发现需要自行用axios封装一个请求函数,其中主要的修改就是将axios中的配置项responseType进行修改,后端返回的是数据流,所以就使用Blob。需要注意的是如果返回的二进制buffer流,需要修改为arraybuffer。如果发现导出的文件格式错误,打不开,多半 阅读全文
posted @ 2021-10-08 10:30 还是种田踏实 阅读(3055) 评论(0) 推荐(0) 编辑

vue2.0项目webpack3构建优化方案

摘要: 在项目开发完毕后,需要将项目放至服务器,结果发现首次加载白屏时间较长,所以就考虑对webpack构建进行优化,减小生成的文件体积。从以下两点开始着手优化,第一点就是控制打包产生的map文件,第二点就是对应构建完毕输出的js的文件体积。 1.项目是基于vue-cli2,所以就找到根目录下的config 阅读全文
posted @ 2021-09-24 13:36 还是种田踏实 阅读(222) 评论(0) 推荐(0) 编辑

el-table在搜狗浏览器行列不对齐解决方案

摘要: el-table在chrome是正常显示,但是打开搜狗后发现数据刷新后,table的行与列显示异常,也修改了啥css,试了网上的方法没效果,所以就想到了使用reload刷新方法,让table重新渲染,果然问题解决了 <template> <div v-if="isReloadData"> 假如在这个 阅读全文
posted @ 2021-09-23 19:49 还是种田踏实 阅读(161) 评论(0) 推荐(0) 编辑

Vue中props传值子组件检测不到的解决办法

摘要: vue项目的开发过程中会遇到这种情况,父子组件传值使用props,但是父组件数据动态改变时,子组件却接收不到最新变化的数据,就好像props突然就失效了一样。这种情况多半是vue的响应式原理失效了,监听不到当前数据的改变 或者将数据的改变用JSON.parse(JSON.stringify(data 阅读全文
posted @ 2021-09-23 15:11 还是种田踏实 阅读(3425) 评论(0) 推荐(1) 编辑

性能提升-前端开发必修课

摘要: 在大前端生态日益繁荣的今天,前端在软件开发中可谓是举足轻重,每一款互联网产品的最终呈现都离不开前端的实现。可能在2015年之前前端这个词还很陌生,那个时候也许有部分从事着工资极低的网页开发工作,其内容也及其简单,就是今天所说的切图仔的工作,搞点html+css写个静态页面,整个开发工作都是以后台为主 阅读全文
posted @ 2021-09-22 09:30 还是种田踏实 阅读(56) 评论(0) 推荐(0) 编辑

Vue中img标签中src动态绑定图片路径报错问题解决

摘要: 需求:需要将原来的vue项目中的图片改为动态切换,例如鼠标移入换下一张,按钮点击换另一张 问题:正常来说想到的就是将src='www.baidu.com'改为:src='imgSrc',然后data定义路径,配合事件切换,但是会发现在打包编译后,图片的地址是找不到的,解决办法就是使用require进 阅读全文
posted @ 2021-09-22 08:52 还是种田踏实 阅读(862) 评论(0) 推荐(0) 编辑