- 博客(101)
- 收藏
- 关注
原创 uniapp开发app,HBuilderX真机调试的问题。
安装好的HBuilderX会有adb.exe文件。同时按ctrl+shift+esc打开任务管理器,看到adb.exe,右键打开文件所在位置,复制位置。右键此电脑,打开属性,打开高级系统设置,打开环境变量,在用户变量下path新建环境变量。cmd测试adb version。出现版本号即为正常。如果只出现List of devices attached,说明没有连接到设备。不同手机打开方式同。当使用usb连接电脑出现下图的提示即为正常。
2023-02-16 19:13:02
1356
1
原创 Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
node node-sass node-loader版本号没对上。根据node-sass版本号判断node-loader版本号。根据node版本号判断对应的node-sass版本号。打开cmd输入node -v判断版本号。
2023-02-13 21:30:46
596
原创 前端使用高德地图url实现地图定位
前言最近公司需要实现类似下面链接,地图定位功能https://mobile.zhidianfan.com/yiding/web-share.html?batchNo=pc202201110068074&businessId=4080通过在高德地图一番寻找发现可以通过使用一个url直接实现,不要ak链接https://uri.amap.com/marker?position=经纬度&name=名称实例https://uri.amap.com/marker?position=1
2022-01-18 16:24:10
5569
原创 vue中使用Luckysheet实现Excel的导入、在线编辑、导出等功能
一、准备阶段1、在pubilic文件夹下的index.html文件中的head标签中引入Luckysheet的cdn文件 <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/css/pluginsCss.css' /> <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@
2021-12-13 17:45:03
8785
7
原创 Ant Design Pro of Vue 左侧菜单栏自定义图标
前言今天尝试自定图标,但是引入后发现该显示图标的地方是空白原因左侧菜单栏的生成有两个,一个是通过路由,一个是可以后端返回的(在原生项目中是模拟数据)。而后端返回的模拟数据中,引入是没有效果的。通过路由生成的才可以自定义。操作1、将菜单生成改为通过路由生成的模式在src/store/index.js中有一行代码将其解禁import permission from './modules/permission'2、引入svg文件1、src/coreicons.js引入文件后暴露/** *
2021-12-10 17:52:40
3395
5
原创 消息订阅与发布pubsubjs的使用
一、消息订阅与发布机制先订阅再发布,长用于兄弟组件之间通信二、pubsubjs的使用1、安装 cnpm i -S pubsub-js2、使用创建两个组件,是为兄弟组件,组件A发送消息,组件B接受消息在组件A中创建一个可供订阅的方法在组件B这中进行订阅代码组件Aimport React, { Component } from 'react';import Pubsub from 'pubsub-js'class index extends Component { state
2021-09-20 10:59:37
230
原创 react和vue配置代理避免跨域
方法一、package.json中写此处为服务器端地址"proxy":"http://127.0.0.1:9527/"此处为客户端地址,http://localhost:3000/info->走代理->服务器() axios.get('http://localhost:3000/info').then((res) => { console.log(res.data) })...
2021-09-14 16:29:36
201
原创 js解决m3u8视频无法播放问题
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
2021-08-23 14:13:05
3742
原创 js将时间戳转化成日期
代码 formatDate(item_date) { var date = new Date(parseInt(item_date) * 1000); var YY = date.getFullYear() + "-"; var MM = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1) + "-";
2021-08-23 13:58:28
2911
原创 vue开启反向代理,避免跨域
代码段 devServer: { host: '0.0.0.0', port: port, open: true, proxy: { // detail: https://cli.vuejs.org/config/#devserver-proxy '/func': { target: process.env.VUE_APP_BASE_API, changeOrigin: true, pathRewrit
2021-08-16 14:52:31
386
原创 使用uniapp开发支付宝小程序和字节跳动小程序遇到的问题
一、支付宝小程序1、支付宝小程序导航栏不支持自定义,但是可以通过改变透明度,使其隐藏,切不占据文档流"window": { "transparentTitle": "always", "defaultTitle": "", "titlePenetrate": "YES" },2、隐藏收藏按钮和返回首页 my.hideFavoriteMenu(); my.hideBackHome();3、手机号授权的确认和取消在uniapp中应该这么写 <button op
2021-08-10 14:24:23
2292
3
原创 使用echarts制作地图+散点图的实例
一、效果功能1、可以拖拽和缩放2、可以点击进入省地图、双击回到中国地图3、有图例,可以通过图例来筛选散点4、散点有涟漪效果,且开放label,可以读取name5、可以自适应分辨率注意事项1、右下角南海诸岛必须在registerMap时命名china,才能显示2、在china.json中的cp属性可以改变省份文本的位置二、源码地址1、所有数据为死数据2、加载依赖后:npm run serve运行3、进入首页,点击第四个地图进入4、地址:https://gitee.com/kang
2021-06-09 15:42:27
1232
原创 免费不限量查询手机归属地的api
接口https://cx.shouji.360.cn/phonearea.php?number=13788888888查询结果unicode转码\u798f\u5efa:福建\u798f\u5dde:福州\u79fb\u52a8:移动
2021-06-09 14:33:47
505
原创 免费不限量查询域名是否被微信拦截的api
一、询域名是否被微信拦截的apiapi : http://t.xzkxb.com/api/tools/wechat请求类型:postContent-Type:application/json参数 : domain:baidu.com响应:intercept: 1或2(1代表正常2代表被拦截)请求截图域名官网:http://t.xzkxb.com/...
2021-06-09 14:24:15
151
原创 有关html2canvas截图跨域问题引发出来的一系列问题
一、问题描述今天在做公众号的时候,使用html2canvas生成海报,截图的内容中有张图片是网络路径,直接报错,跨域了,截完后的图,少了那张图片是网络路径的。在网上看了一些前端转base64的方法,但是在在前端转的时候也直接遇到跨域的问题。加了 image.setAttribute(“crossOrigin”, “anonymous”);没用网络路径后面加个随机变量也没用。然后打算写了服务器demo,在服务器端直接转成base64,试试。二、写个node服务器安装两个模块express mime
2021-05-18 14:45:15
1062
原创 vant van-tabs组件刷新时下划线位置错误问题
错误描述解决方式使用resize方法。不过因为刷新时重绘的可能比较慢,要延时一会调用这个方法,否则,没有效果 setTimeout(() => { this.$refs.tabs.resize(); }, 200);
2021-04-13 11:32:55
2274
原创 vue中watch的deep属性深度监听数组对象
<template> <div id="app"> <ul> <li v-for="item in list" :v-key="item.id">{{item.name}}</li> </ul> <div> <input type="text" v-model="value" /> <button @click="add()">添加</button>
2021-04-06 15:13:54
2560
原创 React中为什么要使用bind
案例<!DOCTYPE ><html> <head></head> <body> <div id="box"></div> <script type="text/javascript" src="../库/react.development.js"></script> <script type="text/javascript" src="../库/react-dom.dev
2021-03-27 09:45:49
714
原创 ts的编译配置
1、include:表示包含示例"include": [ "./src/**/*"],释意src目录下的任意目录(**)任意文件(*)都要被编译2、exclude:表示不包含示例 "exclude": [ "./src/02.ts"]释意src目录下的02.ts不需要被编译3、compilerOptions:编译器选项示例 "compilerOptions": { // target指定编译ts被编译的es版本 "target
2021-02-26 14:26:44
600
原创 使用element-ui遇到的一些问题
一、table组件固定页滚动条缩放时断裂问题解决方式监听窗口缩放事件,使用doLayout方法重绘,再加个防抖代码示例 mounted() { this.antiShake = this.shakeProof(this.dropDowwn, 500) window.onresize = () => { this.antiShake() } },methods: { shakeProof(antiShake, delay) { let
2021-01-10 14:41:11
529
原创 正则表达式
一、语法1、普通字符包括所有大写和小写字母、所有数字、所有标点符号和一些其他符号。 const flag = 'People have to live,Love has its9own charm_' const str1 = /a/ const str2 = /,/ const str3 = /L/ const str4 = /_/ console.log('字符', flag) console.log('匹配小写', flag.search(s
2021-01-03 14:28:44
506
原创 使用uniapp开发小程序遇到的一些问题
1、swiper组件自定义指识点swiper组件的指示点默认是圆圈,想要自己设置指示点,需要获得当前索引,然后赋给当前索引不同的样式,然后在做个动画就可以了。*关键点用change方法,然后通过e.detail.current获得索引***示例 <!-- 顶部滑块区域 --> <view class="swiper"> <swiper class="swiper" :autoplay="true"
2020-12-27 15:31:32
3063
5
原创 一次http请求
一、DNS (Domain Name System)域名解析概念1、当我们在浏览器的地址栏中输入网站域名时,因为浏览器只能识别ip地址,所以首先会将域名解析为ip地址,这个过程叫做域名解析,而存放ip地址的地址库就是DNS服务器。2、因为上网的人很多,且分布在世界各地,这就要求DNS服务器必须为,高可用、分布式。3、DNS服务器因为上述两点要求被设计为树状结构。最上层是根域名服务器:用.来表示,作用是来查询下一级顶级域名服务器,常见的顶级域名服务器有:.com .net .cn等,它的作用是查询
2020-12-20 14:05:17
304
原创 小数精度问题
为什么0.1+0.2≠0.3计算机存储机制计算机是通过二进制来存储数据的,而JavaScript是根据IEEE754标准中的双精度(64位)来存储数据的。也就是由64位0和1组成需要存储的数字。而这个64位0和1又分为三个部分,符号位(1)、指数位(11)、尾数(52)1、 符号位:确定正、负。2、 尾数的位数:确定精度。3、指数的位数:确定所能表示的数的范围。例子说明上图指数为1023为指数偏移值,双精度为1023,单精度为127当有限遇到无限从上述部分可以知道计算机在存储数字时会转
2020-12-12 17:57:47
1317
原创 使用pdf-lib为本地pdf文件添加水印
安装依赖,按需引入npm i -S pdf-libimport { PDFDocument } from "pdf-lib";实现步骤1、拿到本地上传pdf文件,使用reader读取文件2、拿到base64编码3、通过load方法加载文件4、通过getPages拿到代码页数5、循环遍历每一项,使用drawImage进行添加图片6、保存为saveAsBase647、拼接字符串。然后将拼接字符串上传到服务器const inputFile = this.$refs.fileInput.f
2020-12-04 17:25:56
1922
原创 uniapp处理tsconfig.json报错
报错内容‘’在配置文件“c:/Users/kza/Desktop/uuiapp/my-project/tsconfig.json”中找不到任何输入。指定的 “include” 路径为“["**/*"]”,“exclude” 路径为“[]”。解决方式1、根目录新建一个ts文件2、tsconfig添加如下代码{ "compilerOptions": { "types": [ "@dcloudio/types", "miniprogram-api-typings",
2020-11-29 21:23:32
3507
原创 uniapp简单学习
项目部署一、Vscode1、全局安装Vue-clinpm install -g @vue/cli2、 创建 uni-app 项目vue create -p dcloudio/uni-preset-vue my-project3、选择项目模板4、运行项目npm run dev:%PLATFORM%5、发布项目npm run build:%PLATFORM%6、%PLATFORM% 可取值如下值平台h5h5mp-alipay支付宝小程序mp-b
2020-11-22 15:09:41
269
1
原创 11月第一周遇到的问题
1、使用calc实现自适应需求:下图是一个vue-Element-admin的一个框架1、代表侧边栏(可展开)2、代表是所有页面共有的头部区域3、4、5代表3张el-card卡片6、是在使用el-col的:push=“1”要实现自适应使用el-row和el-col就够了.但是5是一个日历组件。它有一个最小的宽度,如果特别小会被隐藏掉。因此有一个最小值。解决方案:’4占据15份,6占据1份,5占据八份)1、使用媒体查询,当缩小到日历变形的临界值后,给5一个固定宽度(530px).4的大小就
2020-11-07 15:18:42
1493
原创 TypeScript安装并自动编译成js文件
安装cnpm i -g typescript检查是否安装成功,如果成功会输出版本号tsc -v设置vscode自动将ts文件编译成js第一步:终端运行下面命令,生成一个tsconfig.json的配置文件 tsc --init第二步:点击json文件,修改配置(保存js文件的文件夹)第三步:点击菜单栏中的终端-运行任务-typeScript-监视。...
2020-09-21 18:49:58
1095
原创 vscode中Eslint插件安装配置图文教程
1、点击安装好的Eslint插件,复制箭头指向的代码段2、文件-首选项-设置,点击箭头处3、将代码粘贴到json文件中4、到对应的文件下Ctrl + s即可格式化文件
2020-09-14 22:44:43
2681
原创 Vuex数据放在Module实现数据高内聚低耦合
index.js文件import Vue from 'vue'import Vuex from 'vuex'import customModule from './module/custom'Vue.use(Vuex)export default new Vuex.Store({ strict: process.env.NODE_ENV !== 'production', state: { }, mutations: { }, actions: { }, mod
2020-09-14 21:04:03
257
原创 vue使用$emit子组件向父组件传值
子组件<template> <div> <div>子组件:{{mag}}</div> <button @click="select(text)">点击</button> <!-- 自定义select传递方法 ,text传递数据--> </div></template>export default { // props: ["sendData"], da
2020-09-13 22:34:25
528
原创 git中push错误回退版本
首先查看所有版本$ git reflog kza@DESKTOP-EF58Q8I MINGW64 ~/Desktop/sks/my-project (three)$ git reflog6388985 (HEAD -> three, origin/three) HEAD@{0}: commit: 测验07152ba (origin/millyn, origin/kangziao, origin/HEAD, millyn, kangziao) HEAD@{1}: checkout: movi
2020-09-12 00:35:35
475
原创 git验证身份失败
输入命令清除登录名和密码git config --system --unset credential.helper然后在进行push这时会重新弹出登录窗口使用如下命令配置免登录 git config credential.helper store
2020-09-12 00:13:08
1278
原创 媒体查询作用及使用方式
媒体查询作用针对不同屏幕尺寸设置不同的样式语法@media screen and (max-width: 800px) { body { background-color: pink; } }上面这一句话的意思是:在我们的屏幕上最大宽度是800px,如果小于800px,body就会变成pink颜色screen 代表查询类型为电脑、平板电脑、手机等and代表关键字,将多个媒体特性连接起来,相当于且m
2020-09-02 15:50:52
1680
原创 flex布局原理特点及实现方式
flex布局特点1、移动端应用比较广发2、pc端浏览器支持比较差3、IE11以下部分支持4、flex布局相对比较简便,可以通过少量代码实现一些盒子布局flex布局原理通过给父盒子添加flex属性,来操作子盒子的布局。父盒子变成了一个容器,而子盒子就是一个个flex-item(项目)flex父盒子属性1、设置主轴放向:...
2020-09-02 14:58:17
1565
原创 轮播图的几种实现方式
一、z-index原理:将所有img元素重叠在一起,为想要展示的图片的z-index属性,设置为最大值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2020-09-02 08:42:36
3421
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人