- 博客(63)
- 资源 (3)
- 收藏
- 关注
原创 基于微信公众号开发h5调取扫一扫,打开内置地图,更改分享面板等api
【代码】基于微信公众号开发h5调取扫一扫,打开内置地图,更改分享面板等api。
2024-07-30 17:48:25
85
原创 基于微信公众号开发h5的前端流程
还有个txt文件,有弹框提示需要下载放在服务器上。1.首先公众号进行配置,必须要https域名。前端处理code的代码封装。
2024-06-14 15:43:26
421
原创 try catch的实用(获取dom高度。根据dom高度swiper自适应)
【代码】try catch的实用(获取dom高度。根据dom高度swiper自适应)
2023-12-01 16:54:20
440
原创 高德地图开发手绘地图
手绘地图主要的就是瓦片切图,网上寻找工具,将UI做好的图瓦片切好。瓦片切图是很重要的,文件名是x,y坐标和层级。踩坑2:点击事件点击图片,父盒子e.target.interHtml不会获取得到下面的文字。踩坑1:高德地图关键词搜索不生效。导航跳转各种地图 分别是高德 百度 腾讯。
2023-10-12 16:31:27
540
原创 vue 移动端h5引入vant 和echarts的适配
3.在根目录新建.postcssrc.js(vant组件偏小。根据机型适配vant组件。4.对于echrat适配移动端,新建font.js.在入口文件man.js引入。2.建vant文件夹按需分配.在入口文件main.js引入。在public文件夹更改index.html。在echart中设置文字大小使用。
2023-07-17 14:33:02
1797
原创 rich-text标签富文本解析
在真机调试时,发现样式写在rich-text不生效。网上的很多在富文本内容基础上加个div语法会异常,页面也并没有生效。解决办法是:建立一个过滤器(如果解析出现img,控制台会截取报错,那么列表遇到img就不展示)在做uniapp开发小程序时,发现rich-tex标签解析富文本在ios上使用不了。/*多行文本溢出省略号*/
2023-03-10 14:11:11
770
1
原创 前端知识点
组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。,在使用mixin的组件中引入后,mixin中的方法和属性也就并入到该组件中,可以直接使用。钩子函数会两个都被调用,混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue。退出登录删除vuex里面的数据方法。
2022-08-24 14:52:09
380
原创 uniapp开发小程序,包过大解决方案
目前我所了解的包过大解决方案有。1、小程序用字体图标,不引入静态图片。大部分都要后台转成动态图片渲染2、利用分包,在项目开始做前就要思考哪些用作分包,免得后期更改麻烦"mp-weixin": {"optimization":{"subPackages":true}}优化分包:在对应平台的配置(manifest.json)下添加"optimization":{"subPackages":true}开启分包优化目前只支持mp-weixin、mp-qq、mp-baidu的分包优化静态文件:分包下支持 static
2022-06-23 15:02:00
4212
原创 利用keyup事件实现input框输入0-1之间的数字且最多只能保留2位小数
利用keyup事件实现input框输入0-1之间的数字且最多只能保留2位小数
2022-06-06 14:40:35
316
原创 hubilder使用Tortoise git 连接gitlab远程仓库
hubilder安装git插件。下载Download – TortoiseGit – Windows Shell Interface to Git根据自己电脑位数下载,还可安装中文包连接gitlab远程仓库,首先需要ssh key1、查看本机公钥;打开git bush,执行 cd ~/.ssh 进入.ssh文件夹(C:\Users\Administrator\.ssh)执行 ls 命令,查看列表执行cat id_rsa.pub 或者vimi...
2022-05-27 09:36:41
260
原创 vxe-grid实现 二维数据联动
实现效果图如下:<template> <div class="containt animated slideInLeft"> <Row class="mb8" > <ButtonGroup shape="circle"> <Button type="info" icon='md-arrow-round-back' :loading="model_load" @click="handleOk()" .
2022-04-28 15:46:00
1732
原创 父子组件生命周期执行顺序
加载渲染数据过程父组件 beforeCreate父组件 created父组件 beforeMount子组件 beforeCreate子组件 created子组件 beforeMount子组件 mounted父组件 mounted更新渲染数据过程父组件 beforeUpdate子组件 beforeUpdate子组件 updated父组件 updated销毁渲染数据过程父组件 beforeDestory...
2022-04-28 15:38:32
194
原创 复杂数组对象去重
let arr = []let arrId = []for (var i = 0; i < this.goodsList.length; i++) { if (!arrId.includes(this.goodsList[i].spinfo.spdm)) { //includes 检测数组是否有某个值 arrId.push(this.goodsList[i].spinfo.spdm) arr.push(this.goodsList[i]); } } this.
2022-03-08 14:20:34
267
原创 iview的带有checkbox的table分页带上选中状态
将已选中状态的数据单独存储到一个数组。将当前页的数据和你所有已存储选中状态的值做比对,存在的话就改变当前页的checkedhttps://www.jianshu.com/p/80e1edcf01e0 loadsh插件 vue后台项目可使用去重 得异代码如下:<Table ref="selection" :loading="loading" :data="tableData" :columns="columns" @on-select- all-cancel="handleCanc
2022-03-08 14:16:17
894
2
原创 ios商店上架流程
使用苹果电脑进行上架(不借助工具)参考Apple开发者证书配置说明以及通过uni-app项目如何配置_Anne的前端之路的博客-CSDN博客_uniapp证书配置开发流程我们的制作流程分为以下三步:获取开发者证书获取APP ID获取描述文件(profiles),如果是测试环境,需要先添加UUID(苹果手机的UUID),只有添加了的手机才能用于测试1.开发者证书:总共有两种类型:Developer(开发证书)和Distribution(发布证书),这个是最基础的,不论是真机调试,还是上传到appstore
2022-02-17 15:07:39
1500
原创 uniapp连接佳博打印机实现蓝牙打印票据功能
开始实现搜索蓝牙。获取蓝牙设备。连接蓝牙设备等操作。代码如下<template> <view class="content"> <button class="btn" type="primary" :loading="isSearching" @tap="startSearch">开始搜索 </button> <button class="btn" type="warn" @tap="stopSearch">停止搜索<.
2022-02-17 14:35:59
6085
2
原创 小程序热更新实现
小程序分为冷更新和热更新。冷更新是杀掉小程序重新进入获取最新版本。如下代码是在app.vue中的onlaunch中实现热更新判断if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { if ...
2022-02-07 09:10:32
1895
原创 uni-app或vue页面、组件视图数据无法刷新问题的解决办法
方法1:为模块或组件创建 key目前 uni-app 还无法使用类似 Vue 中的 watch 方法来监听数据变化以更新视图,也无法监听 data 中数组或对象的变化。所以碰到需要动态更新数据,刷新页面或组件视图时,需要使用 key 属性来刷新,代码示例如下:<template> <view> <view class="module-box1" :key="moduleKey"></view> <commponent1 v-if="
2021-12-28 13:35:56
5799
1
原创 百度地图的搜索定位
使用Vue Baidu Map对百度地图实现输入框搜索定位 - aquilahkj - 博客园vue引入百度地图vue-baidu-map_鱼相忘于大海的博客-CSDN博客
2021-12-27 10:42:41
231
原创 input框实现小汽车变色
主要利用了<input type="color" value="#0000ff">mix-blend-mode: multiply; /* css3 mix-blend-mode 混合模式*/混合方式有以下几种:mix-blend-mode: normal; //正常mix-blend-mode: multiply; //正片叠底mix-blend-mode: screen; //滤色mix-blend-mode: ove...
2021-12-03 13:57:06
188
原创 uniapp开发小程序消息订阅(和微信api一样 uni.可换成wx.)
需用按钮使用户触发(注释的长期订阅真机调试和测试开发都是好的,但是正式不行,查阅资料是微信做了限制。即使用户点了设置长期接收,微信也会拦截消息通知。如下方法是一次订阅是搭配公众号发消息使用)<view @click="getOrdermsg(item.templateId,item.type)" v-if="item.subscribeState==0"> <button class="cu-btn btn" :loading="loading">订阅一次</b
2021-11-18 14:18:00
1003
原创 vue项目增删改按钮控制公共组件封装
组件封装公共按钮控制<view><slot name="right"> <view class="x-end" style="margin-right: 100rpx;"> <button class="btn" v-if="showBtns.indexOf('add')!=-1" @click="tohandleAdd"> <uni-icons type="plus" size="24" color="#2D8CF0"><.
2021-11-18 13:58:24
487
原创 小程序画布的使用
便于理解 现在拆分来一步步的看点击保存按钮之后第一步 定义出来画布的位置在一个看不见的位置第二步 根据getImageInfo方法定义位置尺寸 大小 贴上图片关键在于定时器的先后顺序 先铺设背景图 再在背景图上贴上自己需要的元素 这里需要用上定时器 保证图片层级在这里插入代码片关系的先后顺序,下面展示一些 内联代码片。SaveCard:function(){ var that = this const ctx = wx.createCanvasContext('share');
2021-10-29 07:40:46
748
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人