shfshanyue / blog

在这里写一些工作中遇到的前端，后端以及运维的问题

Package

• @shanyue/promise-utils (npm): 一些有用的 promise 工具函数，如 map, filter, retry 与 sleep
• we-api (npm): 关于微信公众号 API 封装的 SDK，支持 TS与更好用的 SDK
• shfshanyue/ansible-op (ansible role): 个人服务器运维脚本
• shfshanyue/apollo-server-starter (graphql template): 基于 apollo-server 的 graphql 后端脚手架

Side Project

• shfshanyue/2019-ncov: 全国新型冠状病毒，肺炎疫情实时省市地图，单日 UV 最高48万
• shfshanyue/shici: 诗词小站，服务器容器运维、爬虫及前后端开发可参考我的博客，单日 UV 500 https://shici.xiange.tech/
• shfshanyue/wechat: 个人公众号的微信开发，黑客增长实践，看文需扫码关注功能
• shfshanyue/wechat-bot: 个人微信机器人开发，社群运营、智能对话与提醒。自动通过好友，加群后欢迎语以及基金、疫情信息监控

》更多内容

blog's Issues

网页markdown表格格式异常

https://devtool.tech/utf8页面中UTF8 Code Point Prefix下markdown格式表格异常

flutter 入门指南

https://blog.xiange.tech/post/flutter-guide/

在ssh_config里禁用密码登录无意义

https://shanyue.tech/op/init.html#禁用密码登录

ssh_config是客户端配置。改sshd_config才对

Follow the Step-by-Step Guide to Claim Your Tokens! 📌

Introduction:

Welcome to the exciting world of crypto airdrops! Here's a curated list of active airdrops that you wouldn't want to miss. Dive in and explore the opportunities:

📌 Follow the Step-by-Step Guide to Claim Your Tokens!

1. Share on Social Media:

   🚀 Claim Your Share: Pyth Network Airdrop 🚀 Unlock the potential of $PYTH tokens in this step-by-step guide. Claim yours now! Share on Twitter

   — Pyth Network (@pythnetwork) November 28, 2023

   • Telegram:
     Join on Crypto Airdrops Telegram Chanel

2. Verify Eligibility:
   After sharing and connecting your walle

Active Airdrops:

1. Layer Zero Airdrop

   • 🌐 Layer Zero Website
   • 📰 Medium Article
   

2. Pyth Network Airdrop

   • 🌐 Pyth Network Website
   • 📰 Medium Article
   

3. Mantle Network Airdrop

   • 🌐 Mantle Network Website
   • 📰 Medium Article
   

当我有一台服务器时，我做了什么

https://blog.xiange.tech/post/server-todo/

html-markdown工具支持提取html的正文部分

你好，很多要把网文转成markdown存在笔记软件里的场景里，我猜大部分只想取正文部分，能不能加上记忆功能，把已经提前正文部分的css路径记录下来，下次统一路径直接提取正文。

如何使用 docker 高效部署前端应用

https://blog.xiange.tech/post/deploy-frontend-with-docker/

自荐一个面试类项目

从最开始的 Markdown 编辑器到现在的程序员工具库，真心不错，非常喜欢！

自荐一个自己维护 4 年的 Java 面试类开源项目：https://github.com/Snailclimb/JavaGuide 。

从数据库到前端，使用 enum 代替 constant number

https://shanyue.tech/post/constant-db-to-client/

HTML to Markdown 不支持解析微信公众号

https://devtool.tech/html-md
不支持解析微信公众号
https://mp.weixin.qq.com/s/5RHg1U8Al1sOSvumoSBuxQ

jwt 实践以及与 session 异同

https://blog.xiange.tech/post/jwt-guide/readme/

jwt 实践邮件验证与登录

https://shanyue.tech/post/jwt-and-verifycode/

【建议反馈】微图工具(图片压缩工具)的建议反馈可在此处评论

不支持网页中的数学公式

有些博客上有些数学公式，全都无法转换成md格式

微信公众号貌似解析不了，很多数学表达式也解析不了

例如https://mp.weixin.qq.com/s?__biz=Mzg4NDg3NjE5MQ==&mid=2247483913&idx=1&sn=2a9af44b90ca5ac1b68c01e528ffe42a&chksm=cfb034f9f8c7bdef52f18bc2bd3096ef173ca6c0a1d6a92a83fdee4c2e869091f7e4149cb3d2&token=331506358&lang=zh_CN#rd

大前端技术栈图标大全

https://devtool.tech/fe-logo

希望可以加上官网链接，这样更方便知道logo是啥，也方便跳转。

两种解锁方法都挂了

两种试了都不行

开发者工具库添加 时间戳转换

https://devtool.tech/
目前没有时间戳转换工具

IEEE 754 双精度浮点数内部表示法

二进制:1.0000000000000000000000000000000000000000000000000000×10(00000000000-1111111111)
二进制的科学记数法底数应该是2

HTML To Markdown工具无法解析复杂页面

例如：https://wiki.littletiger.org/zh/Anaconda/envtran

[登录那些事] 邮件发送，限流，漏桶与令牌桶

https://shanyue.tech/post/rate-limit/

setTimeout回调和fetch回调哪个先执行

使用纯 CSS 实现仿 Material Design 的 input 过渡效果

https://shanyue.tech/post/login-input-style/

equal fn有误

function equal (a, b) { return Math.abs(a, b) < Number.EPSILON }
return 处应为：
return Math.abs(a - b) < Number.EPSILON

@see https://github.com/getify/You-Dont-Know-JS/blob/master/types%20%26%20grammar/ch2.md#small-decimal-values

scope & closures 第6题有误

for (var i = 0; i < 10; i++) {
  setTimeout(function () {
    console.log(i);
  }, i * 1000)
}

1s 之后连续输出 10 个 10。因为没有块级作用域，可以把 var 改成 let，也可以给 setTimeout 包装一层 IIFE。

此处不是1s之后连续输出10个10，而是先输出10，之后大约9秒内每隔1s输出1个10

base64转化过程解析不工作了

印象中以前会展示实时解析过程的，现在不工作了，请您修复！

URL Safe Base64

https://devtool.tech/base64
原文

URL Safe Base64 将 + 替换为 _，/ 替换为 -

写反了

spark 入门指南

https://blog.xiange.tech/post/learning-spark/

由 GraphQL 来思考 API Design

https://blog.xiange.tech/post/api-design-inspire-by-graphql/

微信公众号的文章无法转换

例如：
https://mp.weixin.qq.com/s/KGU3uekq585dTCel9y9_5w
这个文章在Chrome浏览器是能正常打开的，无痕模式也可以打开，但是转Markdown的时候却不能正常解析

项目引用了tar等810个开源组件，存在13个漏洞，建议升级

大佬，看你这个项目调用了tar等810个开源组件，存在13个安全漏洞，建议你升级下。

漏洞标题：node-tar 路径遍历漏洞
漏洞编号：CVE-2021-37713
漏洞描述：
node-tar是一款用于文件压缩/解压缩的软件包。
npm node-tar 存在路径遍历漏洞，该漏洞源于4.4.18、5.0.10和6.1.9之前的npm包“tar”(又名node-tar)存在任意文件创建覆盖和任意代码执行漏洞。攻击者可利用该漏洞访问受限目录之外的位置。
影响范围：[6.0.0, 6.1.9)
最小修复版本：6.1.9
引入路径：
[email protected]>[email protected]>@vuepress/[email protected]>[email protected]>[email protected]>[email protected]
[email protected]>[email protected]>[email protected]>@npmcli/[email protected]>[email protected]>[email protected]
[email protected]>[email protected]>[email protected]>[email protected]>[email protected]
[email protected]>[email protected]>[email protected]>[email protected]

另外12个漏洞 ，信息有点多我就不贴了，你自己看下完整报告：https://www.mfsec.cn/jr?p=a80adc
你对这个issues有任何疑问可以回复我，我能看见哈。

博客域名更换操作记录

https://shanyue.tech/post/domain-update-record/

使用 Postman 做 API 自动化测试

https://blog.xiange.tech/post/postman-for-api-automated-testing/

浏览器中的二进制以及相关转换

https://blog.xiange.tech/post/binary-in-frontend/

关于 http 缓存的一个小问题以及引发的思考

https://blog.xiange.tech/post/a-problem-about-http-cache/

【建议反馈】devtool.tech 下所有工具的建议反馈可在此处评论

You-Dont-Know-JS 疑难汇总

https://blog.xiange.tech/post/js-puzzles/

IEEE754中，二进制小数点右移应该是乘以2的N次方，而不是10的N次方

https://devtool.tech/double-type
IEEE754中，二进制小数点右移应该是乘以2的N次方，而不是10的N次方