baidu_41899377的博客

原创 使用 echarts-auto-tooltip自动播放 再次获取最新数据时会出现轮播异常解决方法

【代码】使用 echarts-auto-tooltip自动播放 再次获取最新数据时会出现轮播异常解决方法。

原创 实现图片上图标打点，文字标注

实现图片上图标打点，文字标注

原创 处理flex布局下。父盒子宽度不够，子盒子默认换行

给不想换行的子盒子 设置min-width。及缩小屏幕样式不会变形换行。

原创 禁用原始f1-f12方法，关闭键盘灯光

先按住“Fn”键，再按住键盘区左上角的“Esc”键，待“Esc”键指示灯熄灭，则设置成功，此时想实现“F1——F12”键相应功能，需同时按“Fn”键与任意“F1——F12”键实现。先按住“Fn”键，再按住键盘区左上角的“Esc”键，待“Esc”键指示灯亮起，则设置成功，此时直接按“F1——F12”键即可实现相应功能。1、禁用“Fn”键与“F1——F12”键联用。2、启用“Fn”键与“F1——F12”键联用。

原创 可商用的免费字体阿里巴巴普惠字体

定义全局font-family: 'AlibabaPuHuiTi';就是这个字体包没有字体权重具体的区别。只有400 normal.600 bold的区别。对于移动端页面，字体样式都比较有要求，现和ui沟通世面上现在用的是这个免费字体。

原创 ai工具介绍

可以用来提升代码能力。

原创 git 提交 .gitignore 添加忽略文件不生效处理方法

如配置.env.development不生效。

原创 基于微信公众号开发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的前端之路的博客-优快云博客_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 ...