- 博客(51)
- 收藏
- 关注
RSS订阅原创 vue2项目中使用pag格式动图
3、在项目public文件夹中创建static目录放置pag相关静态文件。2、配置vue.config.js。1、安装libpag插件。4、 创建 PAG 组件。5、使用 PAG 组件。
2025-05-06 17:19:39
351
原创 uniapp开发微信小程序使用deep重写样式不生效？
前景：用uniapp开发小程序时，使用v-deep重写样式，打包成支付宝小程序样式展示正常，但是在微信小程序中没生效。原因：在微信小程序中，默认情况下，自定义组件的样式只受到自定义组件 wxss 的影响。
2025-02-28 10:32:24
685
原创 鸿蒙next之导航组件跳转携带参数
推荐使用导航组件的形式进行页面管理，官方文档看了半天也没搞明白，查了各种文档才弄清楚。以下是具体实现方法：在src/main/resources/base/profile下新建router_map.json文件里边存放的是导航组件每个导航组件页面添加builder,这里的builder要跟router_map.json中的buildFunction对应。
2024-10-25 17:58:16
711
1
原创 鸿蒙next之axios二次封装并携带cookie
由于官方提供的@ohos.net.http模块，直接使用不是很灵活，就引入了第三方@ohos/axios库。1、DevEco Studio打开终端输入命令安装插件。2、新建RequestUtil.ets。cookie 全局同步。
2024-10-25 17:20:28
919
2
原创 鸿蒙next之实现时间打卡定时器
实现方法：每隔一秒钟获取一下当前时间。需求：实现一个时间打卡签到按钮。Text('上班打卡')// 每秒更新一次时间。
2024-10-17 15:49:08
643
1
原创 鸿蒙next开发之模拟器配置
最近在研究鸿蒙开发，官方DevEco Studio已经升级到了HarmonyOS NEXT Developer Beta2。3、最后再打开DevEco Studio编辑器，点击设备管理器，就能正常运行了。如果启动模拟器提示：在Windows电脑上启动模拟器，提示未开启Hyper-V。1、打开控制面板-->程序-->启用或关闭程序，开启下图这两个功能。下载解压之后，以管理员身份运行安装包，安装之后需要重启电脑才能生效。关于Windows 10或Windows 11。2、下载HAXM加速器。
2024-07-29 10:58:31
1324
原创 vue+lodop实现web端打印功能
安装包中的html文件为打印实例，点击其中一个用浏览器打开，点击红框如果出现下图弹窗，说明插件安装成功了。然后安装云打印插件：CLodop_Setup_for_Win32NT.exe；32位系统安装：install_lodop32.exe；64位系统安装：install_lodop64.exe；
2024-07-11 11:14:36
710
原创 解决使用hasOwnProperty时，报Do not access Object.prototype method ‘hasOwnProperty‘ from target object问题
在vue项目启动的时候，项目配置中的eslint会自动校验编码规范，由于 no-prototype-builtins 规则不允许Object.prototype直接从对象调用方法，所以会导致这种错误。hasOwnProperty方法返回一个布尔值，表示对象自有属性（而不是继承来的属性）中是否具有指定的属性。这个方法会查找一个对象是否有某个属性（这个属性必须是对象本身的成员），但是不会去查找它的原型链。可以通过使用call()函数来调用不属于本身this对象的方法。通过验证可以看出，两者效果是一样的。
2024-06-26 16:38:44
755
原创 微信小程序 点击左上角返回弹窗提示
wx.enableAlertBeforeUnload(Object object)：开启小程序页面返回询问对话框。业务需求：当页面表单没有提交直接返回时，要提示用户是否保存当前信息，如果已经提交就不提示了。wx.disableAlertBeforeUnload：关闭小程序页面返回询问对话框。如果在某种情况下（如已经提交了数据），不需要弹出提示框。由于微信小程序是无法监听右上角按钮返回事件。小程序提供了如下两个Api。
2024-06-24 17:41:10
918
原创 uniapp项目通过vue-cli安装依赖报path D:\template\vue2\uniapp\mine\uni-mobile-pro-new\node_modules\puppeteer
但是，这只会阻止 Puppeteer 自动下载 Chromium，如果你已经下载了 Chromium 或者确定你的项目中包含了 Chromium，那么这可能是个有用的选项。这个错误表明在尝试安装 Puppeteer 依赖项时，下载 Chromium 浏览器时连接被重置（ECONNRESET）。这通常是由于网络问题导致的，可能是你的网络连接不稳定，或者目标服务器暂时无法访问。注意，如果你没有 Chromium，这将导致 Puppeteer 运行时找不到 Chromium 并报错。如错误信息所示，你可以设置。
2024-06-06 14:09:00
427
原创 uniapp项目报could not fetch remote https://github.com/dcloudio/uni-preset-vue问题解决
通过vue cli创建uniapp项目时报could not fetch remote https://github.com/dcloudio/uni-preset-vue。下载zip后缀的压缩文件，解压到本地就可以了。我是用vue3+ts创建的项目。
2024-06-04 11:09:12
1280
1
原创 解决vue3 vite打包报Root file specified for compilation问题
把 "build": "vue-tsc --noEmit && vite build" 修改为 "build": "vite build" 就可以了。另外关于allowJs这个问题，在tsconfig.json文件中配置"allowJs": true,就可以了。修改package.json打包命令。
2024-05-21 16:51:22
683
原创 解决vue3项目vite打包忽略.vue扩展名
项目打包时报could not relolve “...”，因为vite已不再默认忽略.vue扩展名。在vite.config.js中配置vite使其忽略 .vue 扩展名（不建议忽略）注意：即使忽略了.vue文件，在实际写的时候也要加.vue后缀。
2024-05-21 15:45:11
1665
原创 vue3 自定义网站title的hooks
在开发网页的时候会遇到，每个页面需要有自己的标题的需求，这样的话每个页面都需要写重复的代码。通过hooks封装之后，页面上只需要一行代码就能搞定。在页面引入hooks，写下边代码。封装的title hooks。
2024-05-09 16:14:49
446
原创 vue+lodop实现web端打印标签功能
Lodop免费WEB打印控件官网,提1 把官方提供的LodopFuncs.js文件保存到某个目录下， 如myProject\src\assets\LodopFuncs.js。3 在打印事件处理函数所在文件里 import 该 module在打印事件函数中调用getLodop获取LODOP对象变量，按照官方教程书写自己的打印函数，通过 print、preview、print_design进行输出。Lodop打印控件、WEB打印、C-Lodop、CLodop、lodop控件、云打印、手机打印、免费、AO打印。
2024-05-09 13:33:02
1759
原创 vue中使用echarts实现X轴动态时间（天）的折线图表
xAxis中 type：time，表示X轴为时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。series中的 smooth设置为true，表示为平滑曲线显示。项目要求x轴以一天为间隔，时间是动态返回的数据，折线图平滑展示。series中的 data可以是一个二维数组。
2024-04-25 11:15:58
1127
2
原创 微信小程序 扩展Page页面的Mixins
vue的官方定义：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。vue中使用mixins// 定义一个混入对象},methods: {')// 定义一个使用混入对象的组件})
2024-04-25 10:02:45
2014
原创 vue cli3开发自己的插件发布到npm
问题3：403 Forbidden - PUT https://registry.npmjs.org/vdialogservice - you must verify your email before publishing a new package: https://www.npmjs.com/email-edit。4、entry: 入口文件路径，默认为 src/App.vue，这里改为 src/plugin/index.js。注意：，这个标签与组件文件中的button.vue里的name保持一致。
2024-04-24 18:01:37
1216
原创 vue 实现左侧导航栏，右侧锚点定位滚动到指定位置（超简单方法）
通过scrollIntoView方法可以把元素滚动到可视区域内。behavior: "smooth"是指定滚动方式为平滑效果。点击左侧菜单根据元素id定位到可视内容区域。浏览器原生提供了一种方法。
2024-04-24 17:30:32
1705
5
原创 微信小程序 实现手写签名（横屏签名板）
后台接口逻辑是生成的图片先上传到文件服务器，然后获取返回的文件数据，跟其他数据一块提交到后台。（可根据自己项目情况修改）业务需求：点击签字空白处，调起签字版（横屏展示），手写完之后点击确定回显签字内容。签名确认之后生成的一个临时图片。签名是使用canvas实现的。签名单独封装成了组件。
2024-04-19 17:47:16
4912
8
原创 微信小程序+vant weapp表单数据双向绑定并实现表单校验
在用vant开发小程序过程中，发现van-field输入框中值改变之后，绑定的值并没有随着改变，需要手动绑定。如下以输入框，和下拉选择为例。
2024-03-19 16:35:12
4957
5
原创 nvm安装node版本报“Could not retrieve https://nodejs.org/dist/latest/SHASUMS256.txt.”
通常在C盘：Users\AppData\Roaming\nvm\settings.txt。所以只需要将node和npm的源设置成国内的服务的源就可以了。找到nvm安装路径下的settings.txt。然后再通过nvm安装node就可以了。原因是node源都是国外的服务。这样就设置成国内服务的源。如果没有可以新建一个。
2024-02-26 13:32:30
3250
原创 openlayers 基于当前定位和半径计算正方形四个点并绘制图层
坐标转换，它的第一个参数是ol.Coordinate类型的坐标，后面两个参数依次是当前坐标所用的坐标系，及转换后的坐标所用的坐标系，ol.proj.transform([104.06, 30.67], 'EPSG:4326', 'EPSG:3857')就能把EPSG:4326的坐标[104.06, 30.67]转换为EPSG:3857的坐标。之前没有做过地图相关的项目，有一个需求是系统会自动地位到当前位置同时支持手动设定位置，绘制以当前定位为中心的正方形或者其他形状，我是以正方形为例。
2024-02-22 16:27:50
624
原创 vue axios同时发送Form Data 和Query String Parameters请求
项目中axios已经做了封装，就不展示了，直接上请求接口代码，后台提供的接口需要同时。
2024-02-02 14:12:02
751
1
原创 解决vscode报Error: Could not register service workers: InvalidStateError: Failed to register a ...问题
问题：vscode打开视图，报Error: Could not register service workers: InvalidStateError: Failed to register a ServiceWorker: The document is in an invalid state..再打开vscode，视图就可以正常预览了。1、关闭vscode。
2024-01-26 13:44:45
1644
原创 vue 一个数组对象，一个数组，数组对象中包含数组中的数据，给数组对象中增加属性
项目中遇到一个需求，后台返回一个list数据，然后给了一个id数组，如果id在list中能匹配上，给list中的id相等的数据增加状态。
2024-01-25 16:47:55
867
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人