zxh7770的博客

echarts的tooltip显示百分号 加 % 的几种方式阐述在项目上线以后，需要根据后端的数据来源，前端渲染页面时，echarts需要前端自行给页面添加 % 。根据上图效果，可以看到有两个地方需要添加 % 的。一个是是悬浮框提示信息里面，另一个地方柱状图上方需要添加 %。解决方案如下：首先我们给悬浮添加 %，需要操作 tooltip 下的 format ，代码如下：tooltip: { trigger: "axis", axisPointer: { type: "shadow

vue项目过大编译速度慢的，下载dynamic-import-node插件。vue项目生产环境去掉 console阐述公司项目过大，编译速度慢，下载dynamic-import-node 插件。如果要避免生产环境下在控制台打印console的信息，下载安装 babel-plugin-transform-remove-console安装方式如下：yarn add babel-plugin-transform-remove-consoleyarn add dynamic-import-nod

动态IP和静态IP有什么区别阐述无论是生活中还是工作中在这个5G的时代网络是必不可少的，那么关于网络的知识你又了解多少呢。通俗说。动态IP 就是公网地址不固定，是拨号的形式。静态IP 公网地址是固定的，也称之为专线网络。

阐述有些时候我们在使用uniapp封装H5页面，有些图片太大了，不宜全部显示到屏幕上，uniapp提供了一个非常好用的api。实现方式如下：<template> <view class="content"> <image class="logo" src="/static/images/a.png" @click="clickImg"></image> </view></template><script&g

vue对象如何传变量进行取值阐述在开发的过程中，在使用key取值的时候，key 不一定要是一个固定的，也有可能是一个变量。案例代码如下：let key1 = 'name';let objectList = { 'id': '1', [key1]: '李四'};console.log(objectList['id']) // "1"console.log(objectList[key1]) // "李四"console.log(objectList.id) // '1'根据k

uniapp H5 项目 播放 m3u8格式视频阐述在项目中，可能会获取一些直播流地址，比如最常见的就是.m3u8视频格式。在小程序可以直接使用video 标签就可以直接播放，因为小程序有自己的引擎，可以直接使用。H5页面是运行在浏览器上面的，不能直接播放。解决方案安装以下依赖Dplayer.js、hls.jsnpm i dplayer -S npm i hls.js -Sps：如果版本太高了，可以指定以下版本安装即可。指定 Dplayer.js、hls.js 版本{ "depe

uniapp打包生成的H5获取URL里面的参数阐述在使用uniapp的时候，可能会打包各种版本的应用，包括H5页面，需求不同，H5页面的应用方式也是不一样的，我这里的H5页面就是通过后端的链接拼接参数，生成二维码 然后这个链接里面会有相关的参数，通过URL的方式获取到这些参数，在页面中使用。链接的两种格式我这里的域名就用xxx代替了，具体的域名路径可以找后端获取。错误的链接：https://xxx.xxx.com/cjyzwap/index.html?EB=2716523281900000

先来看看问题（图示），在tomcat的启动窗口打印的启动信息中包含了大量的中文乱码，虽然这些对tomcat本身的使用没有任何影响，但却非常碍眼，影响视觉效果！tomcat启动时启动窗口出现乱码的解决方案那就要修复这个问题，对于乱码问题，本质原因就一个：字节流解码为字符串时，使用了错误的字符集（和编码所用字符集不一致）！我们来到tomcat目录的conf子目录中，找到一个名为 “logging.properties” 的文件，打开这个文本文件

Vue图形验证码组件可以自行封装一下，放在components目录下。<template> <span class="s-canvas" @click="changeCode"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </span></template><script>expor

阐述当前端uniapp可以生成多端的项目，生成的项目需要将页面打包出来，生成H5的静态文件，部署在服务器上，通过服务器链接地址，就可以直接在手机上点开访问 了。ps：这里主要说明uniapp打包的H5页面。前期准备的工作，可能会遇到的坑：参考以下博文：https://blog.csdn.net/zxh7770/article/details/123905340一、uniapp打包H5发布到服务器1、点击菜单栏发行，点击选择网站-手机H52、这里的网站域名跟后台要一个就行，具体部署在下面说到

阐述：在使用uniapp打包发布项目的时候，H5页面有区别于小程序，小程序一般直接运行到微信开发者工具的，从微信开发者工具进行发布。下面说下H5打包的时候会出现的一些问题。可能会出现以下问题直接打开index.html是空白页，没有数据。css、image的src图片路径不正确，图片丢失。1、直接打开index.html是空白页，没有数据，解决方案如下：选择H5配置，把以下图片中的，运行的基础路径改为 ./ , 路由模式选择：history2、css、image的src图片路径不正确，图

阐述在微信小程序开发中，我们都有可能使用到地理位置获取，获取经纬度。便于我们计算用户与商家两者之间的距离。解决方案如下：1、微信小程序获取地理位置授权，首先需要在app.json中添加配置："permission": { "scope.userLocation": { "desc": "请确认授权" } }2、获取经纬度PS：如果手机未开启位置信息，那么授权成功后在wx.getLocation()方法中也会一直失败，所以需要在fail方法中提示用户开启手机位置信息getU

vue无法加载文件 ，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。

npm / yarn install 执行的时候报错 gyp ERR! find Python 解决方案问题阐述今天在git上面下载的开源项目，在npm/yarn install，报错 gyp ERR! find Python 。gyp ERR! find Pythongyp ERR! find Python Python is not set from command line or npm configurationgyp ERR! find Python Python is not s

mac安装MongoDB以后 报错 command not found: mongod阐述这里具体就不介绍怎么安装MongoDB了，可以自行的去查教程。官网：MongoDB官网菜鸟教程：建议使用这个报错问题当执行 mongod -version 就提示 “command not found: mongod” 这个错误，Mac上面没有这个命令。解决问题1、配置环境变量（1）进入终端（2）vi ~/.bash_profile编辑mongo路径：export PATH="/usr/l

mac安装 nodemon报错， 如下图mac 下面执行 npm install -g nodemon 报错如下图。因为Mac系统有权限问题。所以需要执行其他的命令来安装 nodemon解决方案如下：执行以下命令：ps：执行 sudo npm install nodemon -g 需要输入密码npm config set prefix /usr/localsudo npm install nodemon -g安装成功如下图：...

uniapp同时打包了两个APP 安装的时候提示 该文件包与具有同一名称的现有文件包存在冲突阐述在使用HBuilder打包了两个不同的APP，在安装同一个手机上提示 “该文件包与具有同一名称的现有文件包存在冲突”。打包的时候需要注意：一定要注册两个账号，或者去开发者后台 “https://dev.dcloud.net.cn/”，增加应用。解决办法如下：在manifest.json 文件中添加以下代码：“packagename” : “com.公司域名.应用前缀”ps：打包的每

微信小程序第一次提交审核之 用户隐私保护指引设置微信小程序新规，提交的时候需要填写这个 用户隐私保护指引设置。填写方式如下图：参考图片如下：

vue播放m3u8浏览器报Uncaught (in promise) DOMException: play() failed because the user didn’t interact with原因：Chrome 为了避免标签产生随机噪音。解决办法：在 video标签上加 muted<video muted id="singleVideo" class="video video-js vjs-default-skin" src=" " controls="controls"&