- 博客(71)
- 收藏
- 关注
RSS订阅原创 vue项目通过点击文字上传html文件，查看html文件
解决思路：新建一个上传组件，将它挪到页面之外。当点击文字时，手动触发上传组件，打开上传文件框。
2024-05-13 16:11:24
438
原创 vue项目中使用高德地图/腾讯地图
1、点击编辑图标能打开对弹窗选值地址。2、店铺经纬度为空时，默认定位到浏览器当前定位。有值时，定位到提供的经纬度。3、2种方法选择地址：输入关键词可以搜索地址，移动定位图标也可以选择地址。4、地图的key由客户提供，后端返回，不能写死。
2024-04-17 17:39:57
899
原创 VantUI 时间选择器van-datetime-picker修改样式
要求表单可以选择预约时间，月日时分显示单位，分钟以15分钟为一个间隔选择。选中项添加背景色，突出选中效果。
2024-04-03 14:02:31
2879
原创 JS 多次请求接口，按顺序依次执行
在开发中需要同时请求多个接口，但是需要请求按顺序执行。比如先拿到接口a的返回值shopId，作为接口b的请求参数再调接口拿到仓库列表。将接口a封装在Promise中，在调用Promise前加上await，await会等待Promise中执行完resolve时，才会再进行下一步操作。
2023-12-07 17:09:41
2833
原创 前端下载文件的方法（同步，异步）
根据业务需求和后端返回的数据选择对应的方法。想要先预览，不立即下载选择异步方法；没有特殊要求一般都用a链接直接下载文件。
2023-12-06 14:04:41
1645
原创 JS 获取指定日期所在周的第一天和最后一天
通过计算当前日期与星期一之间的天数差，得到一个 diff 变量。根据这个差值，将 firstDay 和 lastDay 进行调整，使得 firstDay 是本周的第一天（星期一），lastDay 是本周的最后一天（星期日）。创建一个Date对象，获取当天是星期几，返回值为0（表示星期日）到6（表示星期六）之间的一个整数。接受一个参数inputDate，用于指定日期。如果没有传参数，则默认使用当前日期。最后，将 firstDay 和 lastDay 格式化为指定的字符串格式。
2023-11-30 17:52:09
1420
原创 JS 获取指定日期所在月的第一天和最后一天
没有传入参数，默认为当天日期。首先根据传入的日期字符串（或者当前日期）创建一个 Date 对象。然后通过 Date 对象的方法获取年份和月份，并计算出该月的最后一天的 Date 对象。第一天都是1号，不用额外计算。时间使用ES2017的padStart方法对两位数补零。获取到的年月日数据后，使用模板字符串``拼接出 "YYYY-MM-DD" 的日期格式。
2023-11-30 16:41:09
3072
原创 JS获取当前时间（年月日时分秒 2023-11-02 06:05:05）
方法可以使用ISO标准将 Date 对象转换为字符串，格式为：YYYY-MM-DDTHH:mm:ss.sssZ。至此，得到当前北京时间的时间戳，接下来把时间戳（例如1699609423364）转换成"YYYY-MM-DD HH:mm:ss"的格式。toISOString()：把Date对象转换为ISO格式的字符串，例如"2023-11-02T06:05:05.000Z"。replace(/T/, ' ')：把"T"替换为" "，即把ISO时间格式转换为可读性更高的格式。使用前要加上8小时的时间差。
2023-11-10 14:38:26
28174
1
原创 vue项目中如何引入图片
require 是赋值过程，其实 require 的结果就是对象、数字、字符串、函数等，再把 require 的结果赋值给某个变量。import 是解构过程，但是目前所有的引擎都还没有实现 import，我们在 node 中使用 babel 支持。，也仅仅是将 ES6 转码为 ES5 再执行，在变量中使用require引入地址。直接将图片引入为模块使用。
2023-10-30 10:15:59
2823
原创 vue导出excel文件乱码
很多博主说的文件格式与响应类型对不上，要加responseType: 'blob'或者设置编码 UTF-8，我都尝试过了，依旧没有解决问题。在axios的请求拦截器中直接把响应数据打印出来看看，发现，responseType是空的，data不是blob对象而是一个字符串，这就有问题了。然后又回去看如何调导出接口，发现了一个疑点。因为这个项目用的是TDesign封装的框架，只封装了axios，但是没有封装接口，前接手的同事顺着框架的风格走，查看后端接口响应数据，能顺利拿到数据流，所有接口没问题。
2023-10-19 15:58:36
1877
1
原创 微信小程序引入自定义字体
1、在style文件夹下新建font.wxss文件，使用@font-face声明字体。字体这类庞大的资源需要放在服务器上，然后从服务器上选取所用的引用地址。在微信小程序上线时，要求整个小程序所有分包大小不超过。2、 在入口文件app.wxss中全局引入字体文件。3、在业务文件的wxss文件中使用字体。（主包 + 所有分包，
2023-10-17 10:21:22
1447
1
原创 ECharts常用配置
非自定义formatter函数下，变量a、b、c在不同图表类型下代表数据含义为：折线（区域）图、柱状（条形）图: a（系列名称），b（类目值），c（数值）, d（无）散点图（气泡）图: a（系列名称），b（数据名称），c（数值数组）, d（无）饼图、雷达图: a（系列名称），b（数据项名称），c（数值）, d（百分比）series: [name: '交易方式',},label: {// 这里是文本块的样式设置：// 1、非自定义formatter函数。
2023-10-16 17:46:54
3687
原创 多条件选择时会用到的CSS伪类选择器
以选择器列表作为参数，并选择该列表中任意一个选择器可以选择的元素。:where选择器可以用于简化CSS选择器的编写，并在某些情况下提高CSS选择器的可读性。
2023-10-16 17:03:56
293
原创 js使用国密加密账号密码
国密算法是指中国自主研发的密码算法标准，也被称为“中国密码算法”。它们是由国家密码管理局发布和推广的一系列密码算法，包括对称加密算法（如SM1、SM4）、非对称加密算法（如SM2）、散列函数（如SM3）、签名算法等。SM2是国产的椭圆曲线公钥密码算法，用于数字签名、密钥交换等。SM3是国产的密码杂凑算法，用于数据完整性校验和消息认证。SM4是基于分组密码结构的对称加密算法，用于保护机密信息的传输和存储。
2023-10-16 15:56:16
2050
原创 vue项目使用自定义字体，不同浏览器环境使用不同字体
3、在入口文件main.js中引入4、在 Vue 项目中使用该自定义字体使用后端提供的线上字体地址本地字体文件一般都是几十M上百M，会让项目打包文件变得很大，建议让后端把字体文件放在服务器，使用线上字体。
2023-09-28 16:56:26
4208
4
原创 el-table的使用技巧（ElementUI）
如果el-table的data是一个数组[1,2,3]，并且要让每个单元格显示该数组中的一个值，可以使用标签的slot-scope属性来实现。使用组件来定义表格列，并将label属性设置为Value以表示该列的含义。然后，使用标签来定义一个插槽，该插槽的slot-scope属性被设置为scope。这个scope对象包含了表格行数据的相关信息，其中的row属性指向当前行的数据对象。
2023-09-28 15:17:14
4226
原创 el-autocomplete的使用技巧（ElementUI）
如果不想让el-autocomplete组件触发fetch-suggestions事件，可以通过设置属性来实现。trigger-on-focus属性是el-autocomplete组件的一个参数，它控制着当input获得焦点时是否自动触发数据查询。将trigger-on-focus属性设置为false后，el-autocomplete就不会在输入框获得焦点时自动触发fetch-suggestions事件了。
2023-09-28 10:39:29
2649
原创 vue3将接口注册成全局方法
vue3中通过getCurrentInstance()获取当前组件实例，相当于vue2的this对象。然后解构出proxy代理对象，通过访问代理对象来间接访问当前组件的实例对象。proxy能够调用在main.js文件注册的全局方法和全局属性。globalProperties是挂载在vue实例上面的，所以可以直接在template里面访问。
2023-09-28 10:08:18
475
原创 微信小程序背景图片真机不显示问题
微信提供了操作文件的方法，获取到FileSystemManager文件管理器，然后调用它的readFile()或者readFileSync()方法读取本地文件内容进行操作。
2023-09-28 09:47:33
1331
原创 文本溢出的解决方法（单行和多行）
作用是设置文本不换行，是overflow:hidden和text-overflow：ellipsis 生效的基础。
2023-09-28 09:15:12
250
原创 vue项目实现导航栏吸顶功能
建立判断条件，如果页面滚动的值超过导航栏的高度navHeight时，将导航栏的position属性值改为fixed，top值可以设置为0px。当页面回到顶端时，需要再次显示为原来默认的状态，所以把导航栏的position值改为默认的static。调用窗口滚动对象window.onscroll事件。当滚动页面的滚动条时会触发scroll里的事件方法。
2023-09-27 15:31:40
1044
原创 防抖和节流的实现与区别（vue2、vue3写法）
防抖主要是为了解决事件频繁触发的问题，且仅采取频繁触发的最后一次操作。节流也是为了解决事件频繁触发的问题，且仅采取频繁触发的第一次操作。
2023-09-27 15:12:34
218
原创 如何在url上拼接对象参数？用&和?=拼接
下载接口需要把参数拼接到接口地址上发给后端。把 { orderId:156, typeId:984 } 处理成 http://test.com/download首先，函数从环境变量 VUE_APP_BASE_API 中获取基本的 API 地址，并将其赋值给 baseUrl 变量。接下来，通过拼接传入的 url 参数和问号字符，构建了 expurl 变量。然后，使用循环遍历传入的 query 对象的属性。在每次循环中，将属性名和属性值以 key=value 的形式拼接到 queryStr 字符串中。
2023-09-27 14:41:25
2444
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人