shfshanyue / blog

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

description
全栈成长之路，分享前后端以及 DevOps 相关文章，使各端开发者能够突破瓶颈进一步成长。

山月的琐碎博客记录

关于平常工作中在前端，后端以及运维中遇到问题的一些文章总结。以后也会做系列文章进行输出，如前端高级进阶系列，个人服务器指南系列。

关于我

社交:

Github	知乎	掘金	博客

项目:

极客时间返利	我的面试	诗词集
开发者工具箱	npm 在线执行	前端周刊

专栏

• 前端工程化
• Node 牛刀小试
• 有可能你并不需要服务器
• 个人服务器运维
• k8s 集群运维

名字由来

大学时读了温庭筠一首词，山月不知心底事，水风空落眼前花，于是就起了一个名字: 山月水风。

后来难免觉得花间词过于矫情，于是把名字拆成两个，只取前两个字：山月。取李白 暮从碧山下，山月随人归 之意，恰好那段时间从京西阳台山下来时伴着月亮。

再后来读书读多了，觉得 松风吹解带，山月照弹琴 与 水风轻，蘋花渐老，月露冷，梧叶飘黄 的意境也不错，也很喜欢。

blog's Issues

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

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

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

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

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

博客域名更换操作记录

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

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

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

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

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

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

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

spark 入门指南

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

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

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

base64转化过程解析不工作了

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

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

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

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

使用 Postman 做 API 自动化测试

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

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

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

两种解锁方法都挂了

两种试了都不行

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

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

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

jwt 实践邮件验证与登录

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

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

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

由 GraphQL 来思考 API Design

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

不支持网页中的数学公式

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

flutter 入门指南

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

自荐一个面试类项目

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

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

大前端技术栈图标大全

https://devtool.tech/fe-logo

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

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

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

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

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

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

URL Safe Base64

https://devtool.tech/base64
原文

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

写反了

jwt 实践以及与 session 异同

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

You-Dont-Know-JS 疑难汇总

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

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

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

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

项目引用了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有任何疑问可以回复我，我能看见哈。

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

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

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

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
   

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

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

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

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