- 博客(31)
- 收藏
- 关注
RSS订阅原创 鸿蒙next之axios二次封装并携带cookie
由于官方提供的@ohos.net.http模块，直接使用不是很灵活，就引入了第三方@ohos/axios库。1、DevEco Studio打开终端输入命令安装插件。2、新建RequestUtil.ets。cookie 全局同步。
2024-10-25 17:20:28
1009
2
原创 微信小程序 点击左上角返回弹窗提示
wx.enableAlertBeforeUnload(Object object)：开启小程序页面返回询问对话框。业务需求：当页面表单没有提交直接返回时，要提示用户是否保存当前信息，如果已经提交就不提示了。wx.disableAlertBeforeUnload：关闭小程序页面返回询问对话框。如果在某种情况下（如已经提交了数据），不需要弹出提示框。由于微信小程序是无法监听右上角按钮返回事件。小程序提供了如下两个Api。
2024-06-24 17:41:10
975
原创 解决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
697
原创 解决vue3项目vite打包忽略.vue扩展名
项目打包时报could not relolve “...”，因为vite已不再默认忽略.vue扩展名。在vite.config.js中配置vite使其忽略 .vue 扩展名（不建议忽略）注意：即使忽略了.vue文件，在实际写的时候也要加.vue后缀。
2024-05-21 15:45:11
1752
原创 vue3 自定义网站title的hooks
在开发网页的时候会遇到，每个页面需要有自己的标题的需求，这样的话每个页面都需要写重复的代码。通过hooks封装之后，页面上只需要一行代码就能搞定。在页面引入hooks，写下边代码。封装的title hooks。
2024-05-09 16:14:49
453
原创 vue中使用echarts实现X轴动态时间（天）的折线图表
xAxis中 type：time，表示X轴为时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。series中的 smooth设置为true，表示为平滑曲线显示。项目要求x轴以一天为间隔，时间是动态返回的数据，折线图平滑展示。series中的 data可以是一个二维数组。
2024-04-25 11:15:58
1201
2
原创 微信小程序 扩展Page页面的Mixins
vue的官方定义：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。vue中使用mixins// 定义一个混入对象},methods: {')// 定义一个使用混入对象的组件})
2024-04-25 10:02:45
2067
原创 vue 实现左侧导航栏，右侧锚点定位滚动到指定位置（超简单方法）
通过scrollIntoView方法可以把元素滚动到可视区域内。behavior: "smooth"是指定滚动方式为平滑效果。点击左侧菜单根据元素id定位到可视内容区域。浏览器原生提供了一种方法。
2024-04-24 17:30:32
1819
5
原创 微信小程序 实现手写签名（横屏签名板）
后台接口逻辑是生成的图片先上传到文件服务器，然后获取返回的文件数据，跟其他数据一块提交到后台。（可根据自己项目情况修改）业务需求：点击签字空白处，调起签字版（横屏展示），手写完之后点击确定回显签字内容。签名确认之后生成的一个临时图片。签名是使用canvas实现的。签名单独封装成了组件。
2024-04-19 17:47:16
5319
8
原创 微信小程序+vant weapp表单数据双向绑定并实现表单校验
在用vant开发小程序过程中，发现van-field输入框中值改变之后，绑定的值并没有随着改变，需要手动绑定。如下以输入框，和下拉选择为例。
2024-03-19 16:35:12
5194
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
3301
原创 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
644
原创 解决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
1722
原创 web端实现列表滚动加载更多数据
项目要求实现列表滚动加载多数据，element的InfiniteScroll 无限滚动不是很好用，于是就自己写了一个，首先要设置滚动的区域高度height: calc(100% - 45px)和overflow: auto;具体高度可根据需要自己设置。
2024-01-10 16:03:40
593
原创 vue项目中重置对象属性值
项目中遇到查询列表的页面都会有条件筛选的功能，一般筛选会有重置的按钮， 条件少的话可以一个一个把数据置空，但是筛选条件多的话这种方法会让代码看起来很不友好，如下两行代码就能解决，哈哈。
2024-01-04 16:24:20
800
原创 解决H5使用element-ui select下拉选择在ios上点两次才选中问题
解决方案：在app.vue中增加如下css代码就好了，亲测有效。
2023-12-08 13:25:14
307
原创 uniapp项目运行到android真机环境调试
5）打开HbuilderX运行到android基座，就能成功运行啦！4）点击开发人员选项，点进去打开USB调试选项。3）连续点击软件版本号，此时手机处于开发者模式。
2023-08-22 14:23:27
1018
原创 uni-app vue-cli创建的项目打包成Android ios手机apk
2、打开 src 目录下的 manifest.json 文件，出现如下可视化页面。第一步： 勾选需要打包为 Android 还是 ios 的手机apk。第三步：测试app包，选择公共测试证书就好了，正式上线选择自有证书。3、顶部栏 发行 -> 原生App-云打包。1、将整个项目用HBuilder X打开。第二步：填写apk打包后的名称。
2023-08-22 13:50:30
630
原创 【css实现自定义tab标签切换样式】微信小程序篇
项目需求：切换tab选项卡改变边框及圆角样式：实现思路：（1）先给内容部分添加边框和下边框左右圆角：border: 2px solid #00DCD5;border-bottom-left-radius: 14px;border-bottom-right-radius: 14px;（2）给选中的tab标签添加样式.active;（3）tab标签切换的时候，根据索引判断第一个tab添加右边圆角，最后一个tab添加左边圆角，中间部分添加两边圆角<view class="tabs-c
2022-01-06 14:49:45
2579
1
原创 element ui使用:default-expanded-keys设置默认展开指定节点
项目需求：默认展开省市，隐藏区结构树代码片段：<el-tree :data="treeData" node-key="value" :props="defaultProps" :default-expanded-keys="valueList" :expand-on-click-node="false" >&l...
2020-04-11 13:32:20
2702
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人