- 博客(64)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Charles如何抓包？
注意：一些APP可能会验证SSL证书，如果你需要抓取这些APP的HTTPS请求，你需要在手机上安装Charles的SSL证书。安装完成后，你还需要在Charles中启用SSL代理：点击菜单栏的"Proxy" -> “SSL Proxying Settings”，在弹出的窗口中添加需要抓取的网址或者网址通配符。1、手机=>设置=>wifi=>选择和电脑端同一个网络=>配置代理=>将无改成手动=>将Charles代理的IP和端口填进去。----选择对应的系统，下载安装即可。
2024-03-27 14:52:54
254
原创 如何用lucky-canvas插件，写一个老虎机抽奖组件？
DrawLottery/index.less文件。DrawLottery/index.tsx文件。
2023-12-22 14:49:10
578
原创 前端日常开发常见坑记录
如下示例：会发现.b:nth-of-type(1) { color: red;这个元素是它的父元素下同一个标签名的元素中的第 i 个。要选中的元素的类名是class。
2023-10-16 10:18:59
202
原创 fabric.js里toDataURL后，画布内容展示不全？
base64链接太长，输入浏览器链接被截断，导致展示不全，可直接将url链接放在dom元素里测试。用fabric生成画布后，转成图片，然后直接在浏览器里打开，画布展示内容缺失。
2023-08-08 16:42:49
938
原创 小程序DOM如何转为图片并将图片分享给朋友？
2、拿到图片信息后，设置自动返回对应页面，同时将图片信息返回给对应界面展示。1、利用web端插件。
2023-06-09 09:48:22
1356
原创 H5如何直接跳转小程序？
参考链接：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/jump-miniprogram.html。参考文档：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html。2、前端通过点击事件，直接将当前页面路径替换成后端提供的URL Scheme即可唤起小程序。
2023-05-18 16:36:50
844
原创 小程序和webview如何通信？
参考文档：https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html#%E5%B1%9E%E6%80%A7%E8%AF%B4%E6%98%8E。小程序接收webview传送的数据。webview向小程序传送数据。
2023-01-11 17:44:10
6148
原创 如何在被压缩打包后的第三方包里调试？
1、使用前提 ： 有第三方包的源码2、在第三方包源码项目里，执行以下命令3、在需要调试的主项目中执行以下命令4、然后就可以在第三方包源码里改内容，然后主应用即可实时看效果
2022-07-14 16:35:23
272
原创 Failed to compile. ./node_modules/watchpack/lib/chokidar.js Module build failed (from ./node_module
Failed to compile../node_modules/watchpack/lib/chokidar.jsModule build failed (from ./node_modules/babel-loader/lib/index.js):SyntaxError: C:\wanglingzhi\经销商项目\jv-cms-manage\node_modules\watchpack\lib\chokidar.js: 'return' outside of function. (4:1)
2022-06-21 15:06:18
852
2
原创 如何快速定位到指定元素？
Element 接口的scrollIntoView()方法会滚动元素的父容器，使被调用scrollIntoView()的元素对用户可见。element.scrollIntoView(); // 等同于element.scrollIntoView(true)element.scrollIntoView(alignToTop); // Boolean型参数element.scrollIntoView(scrollIntoViewOptions); // Object型参数参考文档：https://de
2022-03-29 19:01:54
458
原创 看代码神器
1、Octotree插件可以使用，但不推荐，后面还会介绍更好用的看代码神器安装插件之前，在gitlab上看代码如下图：安装插件之后，看代码如下图：2、github1s只需要在在网址 github 后面加上 1s即可立即切换为vsCode模式查看，例如https://github1s.com/rosszurowski/taro这个网址加上1s后，会直接替换成如下图：无需克隆，无需任何配置，打开飞速，代码高亮！快捷键和vsCode一样注意：1s神器有访问频率限制，每小时60次，超过次数
2021-12-01 18:15:17
390
原创 小程序webview上传图片出现闪退
问题描述：用户上传照片，点击上传，图片没有正确上传，小程序webview页面刷新（类似闪退重启，用户区分不了闪退和刷新的概念）并跳转到webview首页。原因剖析跳转到h5首页的原因是因为，上传事件结束后会调用小程序的onShow事件。onShow事件重新获取链接渲染了。问题解决将web-view所在页面的onShow里的逻辑改到onLoad就可以了...
2021-11-19 12:42:26
1765
1
原创 react使用hooks踩坑记录
1、useState异步回调的问题当使用usestate对数据进行更新，并不能立刻获取到最新的数据。const [a, setA] = useState(1);const handleTest = () => { console.log(a) // 1 setName(2) console.log(a) // 1}解决方案1：配合useEffect使用const [a, setA] = useState(1);const handleTest = () => {
2021-11-11 15:04:32
696
原创 如何用js对url做urlencoding处理？
可以使用js内置的方法将中文转为urlencoding形式encodeURIComponent('我是普通字符')// 输出结果为'%E6%88%91%E6%98%AF%E6%99%AE%E9%80%9A%E5%AD%97%E7%AC%A6'将urlencoding形式转为普通字符decodeURIComponent('%E6%88%91%E6%98%AF%E6%99%AE%E9%80%9A%E5%AD%97%E7%AC%A6')// 输出结果为“我是普通字符”...
2021-10-28 13:53:11
560
原创 base64和网络链接如何互转？使用axios请求时，如何发送formData请求？
// 创建formData对象const form = new FormData()// 将上传的文件对象转为formData对象// fileData:上传的文件对象form.append('file', fileData)// api接口正常请求即可,只不过传的值是被转换后的formaxios({ method: 'post', url: url, data: form})...
2021-10-19 17:00:08
2604
原创 如何自定下载文件名？
1、通常下载文件我们直接通过打开此链接，即可下载，但这种文件名，我们无法自定义，多数是通过后端来控制（即采用链接最后面那一串为文件名）window.open(url, '__blank')2、同域名情况下，我们也可以通过a标签的download属性来自定义下载文件名（通常情况存储文件和自身网址不是统一域名）let a = document.createElement('a') a.href = url a.download = `${name}${+new Date()}.c
2021-09-03 13:47:20
3420
原创 利用锚点，点击滚动到指定元素示例
html中锚点的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #control { position: fixed; left: 310px; width: 100px; height: 65px; background-color:
2021-07-22 17:40:56
141
原创 js实现复制功能
下方会介绍两种方式：1、选中复制2、点击复制选中复制<template> <el-button type="primary" plain @click="onCopy">复制</el-button></template><script>export default { methods:{ onCopy(){ document.execCommand("Copy"); // 执行浏览器复制命令 .
2021-07-20 11:45:32
2690
1
原创 css如何与dom通过js变量通信？
目标：在dom中设置变量，然后css文件直接获取.vue文件<div style="--color: red">测试颜色</div>
2021-06-11 16:47:58
142
原创 css设置谷歌浏览器滚动条样式
复制代码/*css主要部分的样式*//*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/::-webkit-scrollbar {width: 10px; /*对垂直流动条有效*/height: 10px; /*对水平流动条有效*/}/*定义滚动条的轨道颜色、内阴影及圆角*/::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: rosybrown.
2021-06-08 11:50:19
516
原创 npm镜像的设置与查看
查看镜像npm config get registry 设置镜像npm config set registry https://registry.npm.taobao.org --global
2021-05-25 15:48:50
160
原创 如何一次性导入某个文件夹下方所有的文件，并导出
导入当前文件夹下方所有的css文件，并导出const modulesFiles = require.context('./', true, /\.css$/)const modules = modulesFiles.keys().reduce((modules, modulePath) => { const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1') const value = modulesFiles(m.
2021-04-12 14:40:02
694
原创 window.close()无效，原因剖析
官方解释：https://developer.mozilla.org/en-US/docs/Web/API/Window/close简单的说就是：window.close()方法只能关闭由window.open()或者浏览器直接输入url打开的页面，其余情况安全考虑是被限制的解决方案一：window.location.href = 'about:blank'window.close()解决方案二：查看当前页面之前的一系列打开方式是不是用window.open()打开的，如果不是，换成
2021-04-09 10:38:09
18813
3
原创 await 后跟promise与 普通函数的区别
1 对于promise对象，await会阻塞函数执行，等待promise的resolve返回值，作为await的结果，然后再执行下下一个表达式2 对于非promise对象，比如箭头函数，同步表达式等等，await等待函数或者直接量的返回，而不是等待其执行结果...
2021-03-16 10:18:56
1493
1
原创 deep导致样式失效？
背景：最近谷歌升级到89.几的版本后，项目中有些样式失效了出现场景解析：1. 全局样式：加了/deep/后的样式会失效 =》实际上，全局样式，根本不需要使用deep来做样式穿透，全局样式只有优先级的问题，没有拿不到的问题2.局部样式：/deep/嵌套使用，会导致样式失效// 这就是局部嵌套使用(scoped)，会导致.c的样式失效<style lang="scss" scoped>.a /deep/ .b { ...... /deep/ .c { ...
2021-03-04 13:52:16
1036
2
原创 如何用element里的table通过单元格的拆分合并渲染出树结构？
背景：通常后端是把所有数据（包含父级和子级）通过一个数组扁平化（以子级为维度）给我们，然后前端再去根据一定的条件进行单元格拆分合并，正常这样是没有问题的，但当遇到分页时，就会存在部分数据在上一页和部分数据在下一页的问题，现在我们换个角度，让后端以树形结构（以父级为维度）把数据传给我们呢？那就可以完美解决这个问题，请继续往下看：解决：.vue文件<template> <el-table :data="tableData" border :sp
2021-03-01 14:41:32
3821
7
原创 从输入url到页面加载发生了什么？
1.DNS解析（将网址解析为IP地址）首先看DNS缓存，查询顺序为：浏览器、操作系统；若都没有,则进行分级查询，查询顺序为：本地DNS服务器，根域名服务器，COM顶级域名服务器，google.com域名服务器2. TCP连接（三次握手）.md的生成下图的文本部分：```sequence客户端->服务端:第一次握手(客户端具有发送信息的能力)：SYN=1(请求建立连接)，seq=n(序列号)服务端->客户端:第二次握手(服务端具有接受信息和发送信息的能力)：SYN=
2021-02-24 13:55:25
105
原创 什么是css Hack和浏览器bug？
简单的说，对于网页中一些浏览器兼容性问题，可以使用css hack（css 招数）和浏览器Ｂug修复的方式解决。css Hack：针对特定浏览器编写冗余代码，这是一种欺骗浏览器的行为，预示着有更好的解决办法。浏览器bug修复：针对浏览器本身的bug，使用css自有的属性，进行浏览器显示问题的修复...
2021-02-24 10:33:23
105
原创 python之pyAutoGUI 拟人的自动化操作工具
官网https://pyautogui.readthedocs.io/拟人的自动化操作工具，可以控制系统的键盘和鼠标安装pip install PyAutoGUI基本使用方法，请直接参考github上的README.md文件github:https://github.com/wanglingzhi1016/pyAutoGUI-demo.git...
2021-02-23 10:46:45
346
空空如也
net share文件共享，其他电脑为何访问不了？
2020-07-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人