baidu_41899377的博客

原创 基于微信公众号开发h5调取扫一扫，打开内置地图，更改分享面板等api

【代码】基于微信公众号开发h5调取扫一扫，打开内置地图，更改分享面板等api。

原创 uniapp vue2.0使用模版slot

子组件 slFilter。

原创 前端转base64格式的字体图标方法

这样就可以和正常的字体图标一样使用了。1.将需要的字体图标包下载到本地。将字体图标转成base64格式。

原创 vue+h5开发扫描二维码 html5-qrcode（条形码识别不到）

由于涉及到调用手机摄像头，涉及到隐私，必须在HTTPS环境使用。

原创 基于微信公众号开发h5的前端流程

还有个txt文件，有弹框提示需要下载放在服务器上。1.首先公众号进行配置，必须要https域名。前端处理code的代码封装。

原创 删除不掉node_modules的办法

【代码】删除不掉node_modules的办法。

原创 try catch的实用（获取dom高度。根据dom高度swiper自适应）

【代码】try catch的实用（获取dom高度。根据dom高度swiper自适应）

原创 echrat 的tooltip轮播播放高亮

在src目录下建立utils文件建立tooltip-auto-show-vue.js。

原创 高德地图获取行政区域并且获取经纬度

我们的需求是获取行政图的切片图，需要四个角的经纬度代码如下。

原创 高德地图开发手绘地图

手绘地图主要的就是瓦片切图，网上寻找工具，将UI做好的图瓦片切好。瓦片切图是很重要的，文件名是x,y坐标和层级。踩坑2：点击事件点击图片，父盒子e.target.interHtml不会获取得到下面的文字。踩坑1：高德地图关键词搜索不生效。导航跳转各种地图 分别是高德 百度 腾讯。

原创 vue 移动端h5引入vant 和echarts的适配

3.在根目录新建.postcssrc.js(vant组件偏小。根据机型适配vant组件。4.对于echrat适配移动端，新建font.js.在入口文件man.js引入。2.建vant文件夹按需分配.在入口文件main.js引入。在public文件夹更改index.html。在echart中设置文字大小使用。

原创 echarts 排名

【代码】echarts 排名。

原创 echart 庖丁解牛的使用

【代码】echart 庖丁解牛的使用。

原创 前端根据某个参数的值进行列表排序

【代码】前端根据某个参数的值进行列表排序。

原创 uniapp开发 h5和小程序 拖动悬浮按钮

【代码】uniapp开发 h5和小程序 拖动悬浮按钮。

原创 rich-text标签富文本解析

在真机调试时，发现样式写在rich-text不生效。网上的很多在富文本内容基础上加个div语法会异常，页面也并没有生效。解决办法是：建立一个过滤器（如果解析出现img，控制台会截取报错，那么列表遇到img就不展示）在做uniapp开发小程序时，发现rich-tex标签解析富文本在ios上使用不了。/*多行文本溢出省略号*/

原创 小数点后两位四舍五入及不四舍五入的方法

四舍五入:第一种方法不四舍五入:第一种方法第二种，当作字符串，使用正则匹配：第三种 正则替换

原创 前端知识点

组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。，在使用mixin的组件中引入后，mixin中的方法和属性也就并入到该组件中，可以直接使用。钩子函数会两个都被调用，混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue。退出登录删除vuex里面的数据方法。

原创 JS判断当前时间是否在某个时间段内

代码】JS判断当前时间是否在某个时间段内。

原创 此js文件管理关于当前设备的机型系统信息（搭配原生导航栏）

代码】此js文件管理关于当前设备的机型系统信息（搭配原生导航栏）

原创 uniapp开发小程序端原生导航栏

代码】uniapp开发小程序端原生导航栏。

原创 防抖和节流各种使用封装记录

防抖节流

原创 uniapp开发小程序，包过大解决方案

目前我所了解的包过大解决方案有。1、小程序用字体图标，不引入静态图片。大部分都要后台转成动态图片渲染2、利用分包，在项目开始做前就要思考哪些用作分包，免得后期更改麻烦"mp-weixin": {"optimization":{"subPackages":true}}优化分包：在对应平台的配置(manifest.json)下添加"optimization":{"subPackages":true}开启分包优化目前只支持mp-weixin、mp-qq、mp-baidu的分包优化静态文件：分包下支持 static

原创 利用keyup事件实现input框输入0-1之间的数字且最多只能保留2位小数

利用keyup事件实现input框输入0-1之间的数字且最多只能保留2位小数

原创 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...

原创 Vue源码探索之知识小储备 ——Object.defineProperty VS proxy

原创 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()" .

原创 父子组件生命周期执行顺序

加载渲染数据过程父组件 beforeCreate父组件 created父组件 beforeMount子组件 beforeCreate子组件 created子组件 beforeMount子组件 mounted父组件 mounted更新渲染数据过程父组件 beforeUpdate子组件 beforeUpdate子组件 updated父组件 updated销毁渲染数据过程父组件 beforeDestory...

原创 复杂数组对象去重

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.

原创 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

原创 ios商店上架流程

使用苹果电脑进行上架（不借助工具）参考Apple开发者证书配置说明以及通过uni-app项目如何配置_Anne的前端之路的博客-CSDN博客_uniapp证书配置开发流程我们的制作流程分为以下三步：获取开发者证书获取APP ID获取描述文件（profiles）,如果是测试环境，需要先添加UUID（苹果手机的UUID），只有添加了的手机才能用于测试1.开发者证书：总共有两种类型：Developer（开发证书）和Distribution（发布证书），这个是最基础的，不论是真机调试，还是上传到appstore

原创 uniapp连接佳博打印机实现蓝牙打印票据功能

开始实现搜索蓝牙。获取蓝牙设备。连接蓝牙设备等操作。代码如下<template> <view class="content"> <button class="btn" type="primary" :loading="isSearching" @tap="startSearch">开始搜索 </button> <button class="btn" type="warn" @tap="stopSearch">停止搜索<.

原创 小程序热更新实现

小程序分为冷更新和热更新。冷更新是杀掉小程序重新进入获取最新版本。如下代码是在app.vue中的onlaunch中实现热更新判断if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { if ...

原创 vue3.0记录文档

原创 uni-app或vue页面、组件视图数据无法刷新问题的解决办法

方法1：为模块或组件创建 key目前 uni-app 还无法使用类似 Vue 中的 watch 方法来监听数据变化以更新视图，也无法监听 data 中数组或对象的变化。所以碰到需要动态更新数据，刷新页面或组件视图时，需要使用 key 属性来刷新，代码示例如下：<template> <view> <view class="module-box1" :key="moduleKey"></view> <commponent1 v-if="

原创 百度地图的搜索定位

使用Vue Baidu Map对百度地图实现输入框搜索定位 - aquilahkj - 博客园vue引入百度地图vue-baidu-map_鱼相忘于大海的博客-CSDN博客

原创 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...

原创 uniapp开发小程序消息订阅（和微信api一样 uni.可换成wx.）

需用按钮使用户触发(注释的长期订阅真机调试和测试开发都是好的，但是正式不行，查阅资料是微信做了限制。即使用户点了设置长期接收，微信也会拦截消息通知。如下方法是一次订阅是搭配公众号发消息使用)<view @click="getOrdermsg(item.templateId,item.type)" v-if="item.subscribeState==0"> <button class="cu-btn btn" :loading="loading">订阅一次</b

原创 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"><.

原创 小程序画布的使用

便于理解 现在拆分来一步步的看点击保存按钮之后第一步 定义出来画布的位置在一个看不见的位置第二步 根据getImageInfo方法定义位置尺寸 大小 贴上图片关键在于定时器的先后顺序 先铺设背景图 再在背景图上贴上自己需要的元素 这里需要用上定时器 保证图片层级在这里插入代码片关系的先后顺序,下面展示一些 内联代码片。SaveCard:function(){ var that = this const ctx = wx.createCanvasContext('share');