孤舟蓑翁

摘要： 一 背景 现代社会比较重视效率，本着这个思想宗旨，能用工具自动高效做的事情，就不要低质量的勤奋。yapi-to-typescript就是一款自动生成接口请求与响应的typescript数据类型定义的工具，可根据 YApi 或 Swagger 的接口定义生成 TypeScript 或 JavaScri 阅读全文

摘要： 构造网页授权链接 再讲微信分享需要躲避的一些坑之前，先说说微信分享的一些背景知识 1.JS-SDK的用途 微信JS-SDK是 微信公众平台 面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用 阅读全文

摘要： 背景 无意间看到，自己原本给C盘分配了147GB的空间，却出现告警，提示剩余空间不足10%，用SpaceSniffer分析了一下，有几个文件特别大。 pagefile.sys 它是分页文件，用途是内存比较小，当内存快满了的时候，电脑就会将一部分数据从内存放回到磁盘上，放到paging file 里面 阅读全文

摘要： 背景 看到项目中团队成员写CSS样式风格迥异，CSS样式的书写顺序没有鲜明的规范。想到以前看过CSS样式书写顺序的文章，决定找出来，给团队成员科普一下。查阅了好几篇文章，觉得这篇文章给出的理由最硬核，css样式的书写顺序及原理——很重要！ 然而担心万一文中的观点不对，分享出去被打脸，于是决定验证一下 阅读全文

摘要： 函数组件比类组件更加方便实现业务逻辑代码的分离和组件的复用，函数组件也比类组件轻量，没有react hooks之前，函数组件是无法实现LocalState的，这导致有localstate状态的组件无法用函数组件来书写，这限制了函数组件的应用范围，而react hooks扩展了函数组件的能力。可是在使 阅读全文

摘要： Google浏览器安装了Chrome-SetupVPN之后，虽然可以访问Google，可是访问别的网站，网速较慢。于是移除了这个扩展，可是发现，无法上网，并且会弹窗，提示输入用户名和密码。 后来通过查资料和亲自实践， 发现是 C:\Users\用户名\AppData\Local\Google\Chr 阅读全文

摘要： 先说结论： canvas.toDataURL API中用到的图片，必须添加crossOrigin属性设置，否则会报被污染的canvas无法被导出的错误 url相同，crossOrigin属性的图，在页面中通过html img标签和js-dom Image对象不管加载多少次，浏览器只请求服务器一次。从 阅读全文

摘要： 为什么要升级? webpack4用的好好的，运行稳定，为什么要升级到webpack5, 每次升级，都要经历一场地震，处理许多loader和plugin API的破坏性改变。 请给我们一个充分的升级理由，不然真的没有动力去折腾。没问题，给你们一个充分的理由，webpack5对构建速度做了突破性的改进， 阅读全文

摘要： 背景 如何按照设计稿中标注的尺寸，直接写页面的样式，不再需要px2rem这样的工具或者人工转换 ? 只要你明白了rem的计算原理，这个问题的答案超级简单。 根字体大小计算核心原理 设备的根字体大小 * 全屏比例值 = 设备的宽度 设计稿的根字体大小 * 全屏比例值 = 设计稿的宽度 这两个等式中的全 阅读全文

摘要： for的基本用法是： for 变量 in (目标) do 执行行为 不带参数的for命令 @echo off for %%i in (1 2 3 4 5) do echo %%i pause 输出结果： 注意上面的临时变量%%i中的i,可以换成别的字母，但只能是一位。 带参数 /L 的for 参数/ 阅读全文