每周博客
关注
分享
扫一扫
记录开发中遇到的问题
Londing...
这个作者很懒，什么都没留下…
展开
-
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 · 213 阅读 · 0 评论 -
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 · 3852 阅读 · 0 评论 -
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 · 2940 阅读 · 0 评论 -
使用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 · 1255 阅读 · 0 评论 -
免费不限量查询手机归属地的api
接口https://cx.shouji.360.cn/phonearea.php?number=13788888888查询结果unicode转码\u798f\u5efa：福建\u798f\u5dde：福州\u79fb\u52a8：移动原创 2021-06-09 14:33:47 · 568 阅读 · 0 评论 -
免费不限量查询域名是否被微信拦截的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 · 175 阅读 · 0 评论 -
有关html2canvas截图跨域问题引发出来的一系列问题
一、问题描述今天在做公众号的时候，使用html2canvas生成海报，截图的内容中有张图片是网络路径，直接报错，跨域了，截完后的图，少了那张图片是网络路径的。在网上看了一些前端转base64的方法，但是在在前端转的时候也直接遇到跨域的问题。加了 image.setAttribute(“crossOrigin”, “anonymous”);没用网络路径后面加个随机变量也没用。然后打算写了服务器demo,在服务器端直接转成base64,试试。二、写个node服务器安装两个模块express mime原创 2021-05-18 14:45:15 · 1130 阅读 · 0 评论 -
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 · 656 阅读 · 0 评论 -
使用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 · 547 阅读 · 0 评论 -
正则表达式
一、语法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 · 533 阅读 · 0 评论 -
使用uniapp开发小程序遇到的一些问题
1、swiper组件自定义指识点swiper组件的指示点默认是圆圈，想要自己设置指示点，需要获得当前索引，然后赋给当前索引不同的样式，然后在做个动画就可以了。*关键点用change方法，然后通过e.detail.current获得索引***示例 <!-- 顶部滑块区域 --> <view class="swiper"> <swiper class="swiper" :autoplay="true"原创 2020-12-27 15:31:32 · 3099 阅读 · 5 评论 -
一次http请求
一、DNS (Domain Name System)域名解析概念1、当我们在浏览器的地址栏中输入网站域名时，因为浏览器只能识别ip地址，所以首先会将域名解析为ip地址，这个过程叫做域名解析，而存放ip地址的地址库就是DNS服务器。2、因为上网的人很多，且分布在世界各地，这就要求DNS服务器必须为，高可用、分布式。3、DNS服务器因为上述两点要求被设计为树状结构。最上层是根域名服务器：用.来表示，作用是来查询下一级顶级域名服务器，常见的顶级域名服务器有：.com .net .cn等，它的作用是查询原创 2020-12-20 14:05:17 · 315 阅读 · 0 评论 -
小数精度问题
为什么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 · 1357 阅读 · 0 评论 -
使用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 · 2023 阅读 · 0 评论 -
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 · 3612 阅读 · 0 评论 -
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 · 283 阅读 · 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 · 1555 阅读 · 0 评论