自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 Cookie、Web Storage、indexedDB入门

indexedDB简单介绍

2022-08-29 19:33:46 410 1

原创 big.js设计思路和源码分享

众所周知,计算机进行数字运算的时候会把十进制转化为二进制,因此会产生0.1+0.2=0.30000000004精度丢失的问题。一般来说,我们会采用math.js等第三方库的方式解决,不过我之前也没去了解过它们的原理。有一天,我就想,如果我们就像小学学数学一样把数字放在十进制层面进行运算,不就不会出现这个问题了吗,然后我简单地写了一个demo?[0]?[0]i>=0;i--){???0)num-=10}else{count++}}}}总结了几个点https。...

2022-07-28 20:02:37 567

原创 巨坑:chrome extensions绝对不要升级到V3

前言自我的谷歌插件从升级到V3起,一直遇到一些偶现的一些小bug,定位了好久,是因为background(V3叫做service worker)加载不出导致的。我在baidu搜了一圈,发现V2有个persistent属性,如果设置为true会始终后台运行,相当于一个独立的服务器页面。false则会让background 变成了一种短暂加载进内存的脚本,脚本可以多次被线程加载执行,执行完毕后就释放,可以降低谷歌浏览器的内存耗费。事实上,这么点内存耗费并不是那么重要,所以大多数情况下无脑设置persis

2022-05-06 16:59:25 5531 10

原创 一分钟学完function*和yield:简单使用和应用场景

前言众所周知,es6中有一个没人用的新特性,yield+Generator最近在学习File System Acess API的时候在官方文档中看到了function* 的异步写法,从来没有用过这种写法,去MDN学习了一下使用方式废话不多说,直接上代码function* test(x){ yield x y = yield 2 yield fun(y)}function fun(x){ return x}let a = test(11)a.next(

2022-04-21 19:21:22 520

原创 浏览器也能修改本地文件啦——File System Access API 简单使用

前言很久以来,浏览器都没有修改本地文件的权限,直到chrome 86 起支持File System Access API。这个 API 允许与用户本地设备或用户可访问的网络文件系统上的文件进行交互,核心功能主要是读取文件、写入或创建文件以及访问文件夹。历史事实上,在这个稳定的API之前,历史上有过很多浏览器操作本地文件的尝试。最早的是 File API,代表功能是 FileReader。后来,Chrome提供了 File System API。这个 API 能在浏览器里创建一个独立的文件环境,但

2022-04-13 19:47:16 5432 2

原创 遗忘的JSON.stringify的第三个参数

其实平常JSON.stringify也用的挺多的,但一直是stringify和parse互转,一直不知道JSON.stringify其实后面还有两个可选参数。最近有这么一个需求,需要把一个对象转换为JSON,然后写入json文件很简单吧JSON.stringify({ "data": 123, "test": { "a": "qaqa", "b": 111, "c": "aaaa" },})// '{"data":123,"test":{"a":"qaqa","

2022-04-08 11:04:33 486

原创 antd3升级为antd4后dataIndex问题记录

升级完成后,有个table中的数据消失了经排查(项目编译慢死了),是dataIndex的要求格式变更了antd3中支持传入的是字符串antd4不再支持dataIndex:'a.b.c’形式,应该使用[‘a’,‘b’,‘c’]格式官方文档中也提到了这点改动代码: const columns = [ { title: '姓名', // dataIndex: 'name.test', //v3写法 data

2022-03-31 15:19:01 575

原创 Invalid hook call 小问题记录

使用useContext出了这么一个bug:react-dom.development.js:14906 Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:You might have mismatching versions of React

2022-03-28 19:57:00 1697

原创 淘宝npm源将在2022年5月31日更换域名服务

前些天搞一个老项目的依赖包的时候yarn.lock更新了一下,出现了一个奇怪的东西:这个源的地址变成了 registry.npmmirror.com我去确认了一下自己的源没有问题,依然是熟悉的 registry.npm.taobao.org莫非是我的网络被劫持了?网上关于这个的讨论并不多,其实是淘宝为了提供更稳定、更安全、更符合国家法律法规要求的镜像服务(说人话就是怕国家找茬所以要低调),将要更换淘宝npm源的服务器,并且老的域名http://npm.taobao.org 和 http://re

2022-02-07 19:45:30 2021

原创 react antd table中的Input每次输入都失去焦点 另一种导致问题的原因

这是另外两片文章中的导致的原因解决antd+react的Input组件每次输入都失去焦点 CSDNantd table input 失焦的问题上传不了视频,找了一张问题相同的图。出问题的状态:正常情况:问题原因<Table className='rewrite-edit-table' columns={this.columns} dataSource={this.statedataSource} pagination={false}/&g

2021-12-15 17:52:55 4458 1

原创 Charles mac版本进行https抓包的配置方法

Charles默认是无法进行https的抓包的,网上有如何安装证书让Charles能抓包的教程,下面是我看的两篇,但是感觉他们讲的有点啰嗦,我只需要mac的抓包,而且遇到了一些意料之外的问题,整理+记录一下https://www.cnblogs.com/youthsnail/p/9039305.html在MAC上使用Charles抓包HTTPS接口-简书操作1.如图打开2.添加如果添加失败,钥匙串中搜索charles,删除后重新执行上述操作3.双击证书,信任改为始终信任4.打开SSL

2021-12-14 16:16:07 3171

原创 Chrome 96 版本无法发送跨域请求的问题 解决方案

前言我之前那个篇文章 Chrome 96版本无法携带cookie问题的解决方案 解决的问题是 因为跨域导致的无法携带cookie 的问题,而不是 跨域 问题,因为网上现有的解决方案可以通过配置chrome的安全策略解决 跨域 问题。老版本chrome可以通过配置解决 因为跨域导致的无法携带cookie 的问题,新版本无法解决,所以有了以上文章。Chrome 96 版本无法发送跨域请求的问题问题如图此时的配置(配置网址chrome://flags/)修改配置后此时的配置...

2021-12-07 14:59:04 1723

原创 Chrome 96 版本无法携带cookie问题的终极解决方案+源码分享

使用方法老规矩,先放工具,再讲内容。下载 插件,或者百度网盘提取码:rn0b点击Chrome浏览器右上角… =>更多工具=>拓展程序打开开发者模式,拖入zip文件,立即生效通过右上角插件按钮可以将插件固定在顶端注意:在某些场景下(如异地登陆、注册、验证码等),cookie情况较复杂,可能会产生验证失败的情况,如遇上述情况,关闭插件即可。背景Chrome 51 开始,浏览器的 Cookie 新增加了一个SameSite属性,用来防止 CSRF 攻击和用户追踪。谷歌默认Sa

2021-11-23 15:34:08 8921 12

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除