- 博客(37)
- 收藏
- 关注
RSS订阅原创 自定义组件如何使用v-model
当我们在自定义组件的时候需要传多个参数并且需要修改的时候,就会产生冲突!这个选项允许我们自定义组件的。在上述示例中，我们定义了一个自定义组件。选项，我们可以灵活地定义自定义组件中。，以实现与父组件的双向数据绑定。在父组件中，我们可以像使用原生的。下面是一个示例，展示如何使用。来获取和修改父组件中的数据。的行为，使其适应我们的需求。在组件的模板中，我们使用。来控制按钮的文本，并通过。在父组件中，我们可以通过。事件来更新父组件的数据。选项，我们将父组件中的。属性，并且可以直接访问。
2024-03-30 11:31:51
169
原创 前端上传图片后如何回显图片
1.使用FileReader API：这是一种常见的方法。在用户选择图片后，可以使用FileReader对象读取图片文件，并将其转换为Base64编码的字符串。然后，将该Base64字符串设置为标签的src属性，即可在页面上显示图片。2.使用URL.createObjectURL()：这是另一种常见的方法。在用户选择图片后，可以使用URL.createObjectURL()方法创建一个临时的URL，然后将该URL设置为标签的src属性，从而在页面上显示图片。
2024-03-05 16:15:11
586
原创 前端导出EXCEL
定义了一个名为excelDownres和type。res是包含响应数据的对象，type是要导出的文件类型。如果type未提供，则默认使用 Excel 文件的 MIME 类型。使用Blob构造函数创建了一个 Blob 对象。它接受一个包含响应数据的数组和一个配置对象作为参数。配置对象中的typ属性指定了 Blob 对象的 MIME 类型，用于指定要创建的文件类型。从响应的头部中获取文件名。首先，它从对象中获取头部字段的值，该字段通常包含有关文件的信息。然后，使用正则表达式RegExp对象匹配出文件名，并通过。
2024-02-26 16:29:55
363
原创 封装组件实现容器文字过长显示省略号 + 鼠标移入显示提示框+自动判断文字长度是否显示提示框
封装组件实现容器文字过长显示省略号 + 鼠标移入显示提示框+自动判断文字长度是否显示提示框
2024-01-20 14:16:38
405
原创 用户电脑没有相应字体怎么办?
在前端开发中想要让页面变得富有创意,与众不同还要美观,字体是个不可或缺的配置。但是有时候会遇到好看的字体用户电脑中没有安装,显示不出来的尴尬.怎么办呢?我给大家介绍一种解决方法。
2023-08-16 17:07:59
419
原创 H5的拖拽事件与FileReader对象
对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用。对象指定要读取的文件或数据。其中File对象可以是来自用户在一个。对象,也可以来自拖放操作生成的。对象,还可以是来自在一个。元素上选择文件后返回的。
2023-06-29 11:26:28
353
原创 实现在H5移动端点击分享按钮唤醒手机内的钉钉、微信或者QQ等特定App
需要注意的是，不同的App的Custom Scheme格式可能不同，您需要根据App的开发文档进行设置。同时，由于Custom Scheme在一些浏览器中可能会被禁用，因此在代码中添加了一个定时器，如果在2秒内没有打开App，则跳转到App下载页面。
2023-04-10 09:56:43
1190
原创 自定义resize指令
有的时候我们需要监控一个元素尺寸的变化,一个元素的尺寸变化了之后我们要做一些对应`的事情。比如: 大屏展示项目中,屏幕尺寸变化了那么echarts中展示的信息就要做相对应得增加,我们就可以将resize封装成一个指令。
2023-03-27 10:11:20
172
原创 如何实现大文件上传
既然大文件上传不适合一次性上传，那么将文件分片散上传是不是就能减少性能消耗了。分片上传就是将大文件分成一个个小文件（切片），将切片进行上传，等到后端接收到所有切片，再将切片合并成大文件。通过将大文件拆分成多个小文件进行上传，确实就是解决了大文件上传的问题。因为请求时可以并发执行的，这样的话每个请求时间就会缩短，如果某个请求发送失败，也不需要全部重新发送。
2022-12-27 11:03:48
291
原创 JavaScript删除字符串中指定字符的四种方法
replace()方法用于将特定字符或字符串替换为其他字符或字符串。参数：第一个参数是待替换的字符或字符串，第二个参数是替换为的字符或字符串。可以将第一个参数设为要删除的字符，将第二个参数设为空字符串，这样就可以删除字符串中的指定字符了。但是这个方法只能删除第一次出现的字符，想要将该字符全部删除需要将replace()方法和正则表达式一起使用，它将选择字符串中的每个匹配项并将其全部删除。
2022-11-25 10:50:28
37959
原创 闭坑:vue修改网站图标的时候不要用相对路径
1.我再修改网站图标的时候使用相对路径,跳转一级路由时正常显示。打开调试工具发现相对路径找不到图标位置。2.跳转到到子路由时,显示默认图标。
2022-10-13 09:50:46
91
原创 AILabel修改源码添加旋转功能 和修改源码后,同步到仓库,可以方便组员维护的方法
在项目中使用AILabel完成图片添加标签功能,需要给绘画的标签添加旋转功能,使用也很方便,在shape添加一个rotation属性就可以达到旋转功能。由于AILabel没有旋转功能,我就修改了源码添加了一个旋转功能。有兴趣的朋友可以看看。
2022-10-11 11:57:40
950
原创 vue项目中 —— rem布局适配方案
但是上述配置只适用于vant内部的相关组件内容，我们自己书写的样式，并不是按照这个，我们希望设计图是多少px，就写多少px，故而修改内容如下。3.最后测试：在浏览器中切换不同的手机设备尺寸，观察 html 标签。是一款 postcss 插件，用于将单位转化为 rem。下面我们分别将这两个工具配置到项目中完成 REM 适配。vant中有描述 关于适配的使用。Vant 中的样式默认使用。作为单位，如果需要使用。用于设置 rem 基准值。
2022-09-08 10:28:42
1610
原创 router-view的name属性 ＜router-view name=“path“＞＜/router-view＞
一个页面可以配置多个router-view，加上name属性使之区分，在路由配置中需要将。变为components，代码如下。
2022-08-23 15:09:42
3606
原创 在vue项目中使用svg图标
2、在src目录下，新增文件夹，命名为icons，并再icons文件夹下，新增目录index.js文件和svg文件夹，其中svg文件夹里面存放的是svg文件。3、在vue.config.js文件中，配置svg文件，其中chainWebpack里面的内容为svg的配置。在做图标展示时，一般使用fontawesome图标库，只用简单并且只需要下载并引入即可。5、在页面直接使用组件svg-icon，其中incoClass命名等于svg文件的名称。4、在main.js直接引入inco文件夹。
2022-08-20 08:34:40
3068
2
原创 安装并配置 MySQL和MySQL 的基本使用
可视化的 MySQL 管理工具，通过它，可以方便的操作存储在 MySQL Server 中的数据。：多种数据库软件的集成工具，专门用来提供数据存储和服务的软件。1 .了解需要安装哪些 MySQL 相关的软件。这两个软件，就能满足开发的需要了。5. 新建查询 sql 语句区域。对于开发人员来说，只需要安装。navicat 的基本使用。......
2022-08-18 16:30:46
413
原创 mock使用方法
前端开发往往依赖于后端数据接口，在后端接口就绪之前，前端通常很难开工。Mock 功能就是用来解决这个问题的。有了 Mock 工具之后，前后端可以同步进入开发，后端接口出来之前，前端可以通过 Mock 功能来制造假数据接口来进行开发和调试。......
2022-08-10 20:31:37
293
3
原创 Vue中使用echarts从后台获取数据渲染
methods: {//定义方法//实例化Echarts},},// 图表边界控制grid: {// 距离 上右下左 的距离// 是否包含文本//grid 四条边框的颜色},xAxis: [{// true意思：图形在刻度中间// false意思：图形在刻度之间},// x坐标轴颜色设置// width:8, x轴线的粗细// opcity: 0, 如果不想显示x轴线 则改为 0},},},],yAxis: [{},// y坐标轴颜色设置。...
2022-08-10 20:00:10
2597
2
原创 在vue项目中使用echarts图表
这种方法是直接绑定在vue实例上，所以在项目中任何页面，直接 this.$echarts 即可。本文包含在vue项目中如何使用echarts，以及项目中经常会遇到的图表样式的写法。实例，包含饼状图、柱状图等等图表例子，你可以找到你所需要的图表类型）（echarts 使用文档，里面有很多属性和方法可供参考哦）a.首先在你需要echarts的页面中得创建一个dom元素。b.其次，在mounted中初始化echarts(a.全局引入 （在main.js中引入）b.局部引入（在所需页面引入）...
2022-08-09 11:53:56
656
1
原创 VUEX模块化处理时，在不同模块调用其它模块的方法
UEX模块化时该怎么在不同模块调用其它模块的state，mutations，actions？下面是我的项目中VUEX模块化目录结构app.js, tag.js, user.js 这些都是将不同模块的state,mutations,actions给抽离出来了，问题来了，我要在user.js中调用其他模块中的state,mutations,actions，该怎么调用呢？...
2022-08-06 19:15:18
650
原创 自定义指令-解决异常图片情况
注册自定义指令Vue.directive('指令名称',{//会在当前指令作用的dom元素插入之后执行//options里面是指令的表达式inserted}})自定义指令可以采用统一的文件来管理src/directives/index.js,这个文件负责管理所有的自定义指令首先定义第一个自定义指令v-imagerror//指令对象会在当前的dom元素插入到节点之后执行//options是指令中的变量的解释其中有一个属性叫做value然后，在main.js。...
2022-08-02 14:25:30
221
原创 处理相对时间
两者都是专门用于处理时间的JavaScript库，功能差不多，因为Day.js的设计就是参考的Moment.js。但是Day.js相比Moment.js的包体积要更小一些，因为它采用了插件化的处理方式。的API设计保持完全一样，如果您曾经用过Moment.js,那么您已经知道如何使用Day.js。是一个轻量的处理时间和日期的JavaScript库，和。Day.js可以运行在浏览器和Node.js中。//配置使用处理相对时间的插件。//全局过滤器处理相对时间。...
2022-07-31 15:37:30
41
原创 element-ui库的switch开关绑定number类型数据不成功
不管el-switch的active-value属性为active-value="100"或active-value=100，v-传如的变量为'100'(string)时，按钮皆为开启；v-model传如的变量为100(number)时，按钮皆为关闭。型的时候active-value和inactive-value前边必须加单项绑定一下才可以。而on-value和off-value等号后边的值得引号是可有可无的。也就是说当value为。...
2022-07-30 19:04:25
1127
1
原创 javascript高级篇之实现深拷贝的四种方式
进行深拷贝的方法递归函数（推荐使用，项目中使用的更多，更小，更安全）JSON.stringify()和JSON.parse();(不推荐使用,如果遇到Function,Date等类型的变量容易出现一些意料之外的问题)第三方库lodash的cloneDeep()方法（就情况而定，如果项目中原先就有lodash这个第三方库，可以使用，否则还是推荐使用递归函数。不然成本太高。）JQuery的extend()函数(推荐在JQuery项目中使用，其他项目依然推荐是用递归函数)愿读者好运。...
2022-07-29 14:28:14
191
1
原创 Element-UI分页组件如何设置成中文
今天我在写项目的时候，发现在使用Element-UI组件的分页组件显示的是英文，不是中文但是我在官网上看到的却是中文显示的，而且我也想要分页组件显示成中文，于是我看了下官网的说明，知道了为什么不显示中文了。......
2022-07-29 10:33:08
2037
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人