记 Accept-Language: "zh-CN" 引起的思考

3 月 19 日
阅读 2 分钟
61
记 Accept-Language: "zh-CN" 引发的思考先说结论:"CORS 安全列表请求标头",不仅仅指 请求头的 key,也约束了 key 对应的值域现象在开发过程中遇到,当 Accept-Language 被错误改成 "zh-CN" 时,会导致页面请求跨域。而当设置成 zh-CN(没有被双引号包裹)时,请求正常发出,没有跨域。疑问为什么加上双引号包裹会导致...

低成本单页应用 SEO(Simple-Spa-Seo)

2023-09-19
阅读 8 分钟
1.5k
背景本项目,低成本预渲染:非侵入式,无需改动业务代码屏蔽框架差异,无依赖,单文本实现,直接拷贝粘贴本脚本即可实现功能简单,开源代码,无编译,脚本代码量仅一百多行,二次集成门槛低,代码清晰易懂注意本项目仅适合低成本的中小型项目,大型商业项目可参考以下成熟方案SSG 预渲染:Prerender SPA Plugin,和本工...

【Nginx 学习】Nginx 配置在线调试工具

2023-09-01
阅读 2 分钟
2.8k
NGINX 在线配置调试工具在线调试地址背景:学习 nginx 最头痛的问题在与,解析过程不可见,常常因效果不符合配置预期而烦恼,只能无脑尝试解决。或者网上上翻阅各种教程,了解各个命令优先级,过程复杂繁琐nginx 一般放在 linux 服务器中,建立文件夹测试,查看日志都较为复杂,测试过程操作繁琐而且一般 nginx 配置一次...

本地字体测试工具

2023-08-24
阅读 1 分钟
1.6k
如何检查当前机器是否已安装某字体?如何获取当前机器所安装的所有字体?试试这个,无需安装,一键测试

纯js、v-for、vue函数式组件、vue普通组件性能对比

2023-07-10
阅读 4 分钟
922
先说结论dom 节点数量对内存影响没想象中大,js 变量才是内存占用的元凶内存占用及运行性能对比:原生 js < v-for div ≈ v-for 函数式组件 < v-for 普通组件去虚拟 dom 化框架正在崛起,成为一种新的选择dom 节点数量对内存影响没想象中大(十万 div 仅占用 400mb)测试示例生成 100,000(十万)个 div,内存占用...
封面图

finder 快捷脚本:one click 在当前目录执行命令

2023-06-12
阅读 4 分钟
2.2k
先看效果【cdto】一键打开终端,并切换到当前目录 【code】一键打开 vscode,并加载当前目录 【serve】一键启动静态服务器,并加载当前目录 【mtp】一键视觉无损、原地、递归压缩、当前目录所有图片 【ecs】一键登录服务器 【技巧一】将应用放置到 finder固定:按住 command,拖拽脚本到 finder 顶部工具栏,固定快捷脚...
封面图

低成本改善图片访问体验

2023-05-19
阅读 2 分钟
833
jpeg 渐进模式是什么?图片加载,从上下加载,变为从模糊到清晰,提前让用户有告知,详情参考png 怡也有类似的技术,称为png 的交错模式 快速实现在「OSS」和「又拍云」上的路径上添加几个参数即可低成本,快速使用上渐进式图片「OSS」中使用渐进式 jpeg官方文档测试图片 https://oss.luckly-mjw.cn/jpeg-pregressive/00...
封面图

ETag 接口软缓存

2023-05-04
阅读 6 分钟
1.4k
Time 由优化前的 3460ms 降低为 193ms,减少 3267ms,减少 94% 耗时(注意,这个是因为作者的下行带宽小,商用带宽不会有这么大的差异)
封面图

数码宝贝物语-进化模拟器

2022-12-29
阅读 3 分钟
7.3k
模拟器在线地址,推荐使用 chrome 浏览器。背景在游玩「数码宝贝物语-骇客追忆」时,无法了解某数码兽的进化路线,无法了解想进化为特定数码兽时,应该从那个数码兽培养起,试错成本高网络上的进化图鉴,要么只是各数码兽的截屏,要么是单个数码兽的信息,需要逐层级了解数码兽信息,才可以找到进化路线,学习成本大故开...
封面图

基于 xlsx-style 的前端合并单元格复杂表头导出

2022-08-19
阅读 6 分钟
3.9k
项目功能任意层级合并单元格复杂表头导出表头与数据项直接映射,无需维护 Excel 索引项匹配关系自动计算、生成表头合并单元格配置信息在线示例步骤零:如需快速测试,可点击顶部的示例按钮,可快速填充各层级合并单元格 Excel 测试数据步骤一:输入测试数据源,即从后端获取的数据数组。步骤二:输入「Excel 表头结构字...
封面图

基于 SheetJS 的前端合并单元格复杂表头导入

2022-08-19
阅读 14 分钟
9.1k
项目功能任意层级合并单元格复杂表头解析自动转化为目标层级的数据结构自动生成基于 antdv 的 table 列配置数据 columns 及对于数据源 dataSource。在页面端复现 Excel 效果。在线示例步骤零:如需快速测试,可点击顶部的示例按钮,可快速填充测试数据,并自动下载对应的 Excel 文件,点击上传 Excel 文件即可复现整个使...
封面图

记录 http2 四个难以理解的疑惑点

2022-03-03
阅读 4 分钟
2.5k
文章基调不是科普类文章,不是科普 http2 功能的文章记录 http2 中难以理解的点,系作者在学习 http2 时的困惑,已经最终的理解是个人的理解,可能有不严谨的地方,欢迎讨论如何理解 TCP 分帧 与 http2 分帧 的区别假设「传输完整的数据」是「运输一个订单货物」,每「订单中的一个货物」占满「一个货车厢」TCP 位于传输...
封面图

极致的局域网传输体验应该是怎么样的

2022-02-16
阅读 3 分钟
2.7k
原文链接极致的局域网传输体验应该是怎么样的仅需一步,双击软件启动分享,无需部署,无需配置,接近于零的学习成本打开要分享的文件夹双击进行分享(启动分享,仅需要双击运行)将分享链接发送给小伙伴小伙伴通过链接下载需要的文件关闭分享为什么是它简单:无需安装,单个文件,双击运行程序即可分享,无需部署,无需...
封面图

Jest 单元测试疑难点入门

2022-02-10
阅读 9 分钟
6.6k
文章基调介绍概念及思考的过程,不提供代码(具体代码写法可参考jest 官网)延伸:信息大爆炸时代,各类资源很丰富,具体教程网上有很多资料详细不过官网,不重复制造相同的信息,造成额外的心智负担大脑只是搜索引擎,知道资源从那里找,不负责记录具体做法,节省内存测试的几个名称视觉测试:【测试工具】前端视觉较为...
封面图

一劳永逸的点击约束解决方案

2021-04-15
阅读 22 分钟
6.6k
常规解决方案:为每个按钮,定义一个变量记录其点击状态,通过变量控制按钮的可点击状态。如 element 库中的<el-button type="primary" :loading="true">加载中</el-button>。通过 loading 变量控制。
封面图

GitHub 「特定」文件夹或文件下载工具

2021-02-01
阅读 2 分钟
21.9k
工具在线地址,推荐使用 chrome 浏览器。使用方式打开想要下载的 github 文件夹,如 facebook 的 react-dom 文件夹,则打开该页面。复制页面链接,粘贴到本工具输入框。点击下载。背景github 不支持部分文件下载,只能下载整个项目。github 国内网速较慢,只能下载整个项目需要等待很长时间。譬如 facebook 的 react 项...

百度统计 API 接入的坑及 access_token 生成工具

2020-10-28
阅读 3 分钟
7.7k
两种账号模式「百度商业账号」:面向百度推广、百度网盟、百度联盟、百度统计、百度司南等账号,可以理解为面向企业用户。「百度账户」:面向百度搜索、百度贴吧、百度云盘、百度知道、百度文库等产品,面向一般个体用户。两种账户系统不一样,不互通。网上教程与类库,针对的是「百度商业账号」,针对「百度账户」的教...

无差别视频提取工具

2020-09-30
阅读 8 分钟
657.9k
无差别视频提取工具油猴插件,点击自动安装检测到符合条件的视频资源,自动注入代码。之后再也不需要自己注入代码啦,降低使用成本。可能有 Bug,但可以试试。如果使用中有问题,在 github 中提 issues 给我呗。 我们一起完善它。插件源码: [链接]如果没成功检测到,咱们就用回老方法试试。再给我提个 bug。手动添加油猴...

无依赖的 tinypng node 脚本

2020-09-10
阅读 4 分钟
84.6k
无依赖的 tinypng node 脚本特点【无依赖,纯脚本】下载脚本代码,直接使用 node 命令即可运行。将使用门槛降到最低。【过滤重复压缩】自动记录已被压缩过的图片,跳过压缩,加快进度。记录图片压缩后的 md5 值,再次运行压缩脚本时,跳过压缩。通过 md5 值比较文件变更,即使「文件迁移」也能自动过滤。通过 md5 值比较...

tinypng-script-with-cache 图片压缩神器,「过滤重复压缩」「直接替换源文件」的 tinypng 压缩脚本

2020-09-04
阅读 3 分钟
3.3k
「过滤重复压缩」「替换源文件」「静默压缩,不生成冗余文件」项目特点【过滤重复压缩】自动记录已被压缩过的图片,跳过压缩,加快进度。记录图片压缩后的 md5 值,再次运行压缩脚本时,跳过压缩。通过 md5 值比较文件变更,即使「文件迁移」也能自动过滤。通过 md5 值比较文件变更,即使「使用同名文件替换」也能自动识...

【笔记】如何理解:公众号-业务服务器主动请求微信接口

2020-03-26
阅读 2 分钟
2.1k
对应微信官网文档 定位 「微信服务器」相当于普通的第三方服务器,与百度图片识别接口,高德定位接口本质上没有区别 本质是「业务服务器」调用第三方服务的 API 接口 涉及参数 请求值 【grant_type】 授权类型,即你通过账号密码,希望获取是什么类型的授权。 即还有其他授权类型的存在,只是我们平时用不到。 获取acces...

【笔记】如何理解:公众号-业务服务器被动接受消息

2020-03-26
阅读 4 分钟
2k
对应微信官网文档 场景 凡是用户操作,需要响应,需要逻辑处理 用户关注,取消关注等 相当于用户发起请求,发起ajax,请求业务处理,由「微信服务器」中转到「业务服务器」 「微信服务器」主动发起请求,「业务服务器」被动接收请求,做出响应。 「微信服务器」相当于客户端,「业务服务器」属于服务端 【注意】当用户取...

会话机制及其架构设计探讨

2020-03-17
阅读 4 分钟
2.8k
基本概念及区分单点登录 SSO(Single Sign On)在一个多系统共存的环境下,用户在一处登录后,就不用在其他系统中登录,也就是用户的一次登录能得到其他所有系统的信任。单点登录在大型网站里使用得非常频繁,例如像阿里巴巴这样的网站,在网站的背后是成百上千的子系统,唯一登陆也叫「单用户登录」,是指一个账号同时...

m3u8 视频在线提取工具

2020-02-26
阅读 5 分钟
387.6k
m3u8 视频在线提取工具(English version)工具在线地址,推荐使用 chrome 浏览器。研发背景m3u8视频格式简介m3u8视频格式原理:将完整的视频拆分成多个 .ts 视频碎片,.m3u8 文件详细记录每个视频片段的地址。视频播放时,会先读取 .m3u8 文件,再逐个下载播放 .ts 视频片段。常用于直播业务,也常用该方法规避视频窃取的...

带备注的 JSON 重排版工具

2020-02-25
阅读 2 分钟
3.4k
YAPI 等接口文档工具,未配备重排版功能,需要手动调整缩进。繁琐且无意义。网上有许多 JSON 格式化工具,但均仅使用 JSON.parse(),JSON.stringify() 对内容进行解析和排班,无法解析带备注的 JSON 信息。

【达生科技】突破浏览器域名并发限制的解决方案

2019-12-18
阅读 3 分钟
4.9k
拿Chrome浏览器来说,同域名下资源加载的最大并发连接数为6,当资源文件大于6时,多于6个的文件就会进入待定,等第一批加载完才会加载第二批的6个图片资源,这样就增加了等待时间。无形中就增加用户加载网页等待的时间。

解决 Web 缓存的 Python 脚本

2019-12-11
阅读 1 分钟
4.6k
解决 Web 缓存的 Python 脚本源码地址作用通过脚本,为文件中的 URL 添加版本号,解决移动端使用缓存,不显示最新效果的问题。添加后缀为「js」「html」「css」「png」「jpg」「jpeg」链接的版本号。定位vue 脚手架本身就自带这个功能,gulp 也有类似的功能。为什么要重复造轮子?因为 vue,gulp 等,需要 npm 下载各种...

通俗易懂的浏览器缓存讲解

2019-11-22
阅读 4 分钟
2.5k
写作背景在网络上,介绍信息类,传递资讯类的文章有很多,但真正让读者理解的文章却很少。笔者想做的,是结合自己的理解,将资讯以通俗易懂的方式表达出来。让读者不仅仅了解该项技术,更理解其原理,清楚其流程,真正掌握它。笔者技术水平有限,文章可能有错误,遗漏的地方。敬请指导,期待与您的交流。缓存状态码200运...

人类灭绝的一种可能

2019-09-22
阅读 3 分钟
2.8k
【色情直播】在某个瞬间,由于一些外部原因,我联想到了色情直播。人为什么不去做色情直播呢?因为这总归是不光彩的事,总会有熟人看见,影响声誉。有没有办法解决?

iconfont 在线预览工具及其解析

2019-08-19
阅读 5 分钟
41k
工具在线链接 功能简介 iconfont web 在线预览工具,无需安装,打开即用。 可预览本地 ttf 文件中定义的所有 icon。 也支持预览 阿里iconfont 中的三种模式,unicode,Font class,Symbol。根据在线字体链接即可解析预览其定义的所有icon。 需求背景 本工具用于解决以下问题 接手二手项目时,不清楚项目中定义了哪些 ico...