东张西望，周刊闲聊

作者：妙才

2022-09-019

记录笔者每周看到的那些值得分享（或许）的科技和其他讯息，周一发布（或多或少）。

❝

妙才周刊^[1], 欢迎 👏🏻 推荐一些值得分享的讯息

❞

他说

• 成都太古里的熊猫候车亭，很像龙猫里的场景。

• "如果你忧心忡忡，那是不必要的；如果你毫不担心，那么你需要担心。"
• 德国高速不限速
• 高德地图已经提供了一个功能：为严重堵塞的道路上的用户自动建立聊天群，所以你或许可以知道前面堵成什么样了，以及堵车的原因，时间或许会因此而变快。
• 与其担心宏观经济，不如关注自己。你对自己生活的影响，往往比宏观经济对你的影响大得多。
• 压力是无形的，而且很难被控制。唯有寻找适合的释放方法。

技术

Vue3 组件库示例

方应杭的UI库^[2]：基于Vue3和TypeScript的前端组件库，可以用于学习源代码，看看其他人是如何写组件的。

如何修复CSS粘性位置熟悉失效的问题

How to Fix Issues With CSS Position Sticky Not Working? - Designcise^[3]：本文梳理了几种情况下，CSS Position 为sticky失效的场景，或可一看以免遇到此问题没有头绪。

CSS内联SVG的两种形式

学习了，CSS中内联SVG图片有比Base64更好的形式（张鑫旭）^[4]

原生JavaScript中Proxy的使用场景

ES6 Proxy 的巧用 - 掘金^[5]：本文介绍了Proxy的知识点，以及六种你可能会接触到的使用场景，诸如：

• 私有变量
• 数据校验
• 记录对象访问
• 普通函数和构建函数的兼容
• 日志上报
• ...

排版方案

Type Scale - A Visual Calculator^[6]：提供业界常用的排版方案预览，支持切换谷歌字体体验效果，如果有需要对某个项目做全盘的排版规范，很有帮助。

Exeq

GitHub - afc163/exeq: Excute shell commands in queue^[7]：基于队列的Node系统命令解决方案，支持良好的Promise工作流，简单易用。

企业NPM仓库

5分钟内3种方法搭建企业内部私有npm仓库 - 掘金^[8]

Git工作流之发布日志自动化工具

GitHub - googleapis/release-please: generate release PRs based on the conventionalcommits.org spec^[9]：规范项目提交和发布更新自动化记录和排版，利用这个项目的功能，可以为团队提供良好的Git Changelog。

Vite插件：移除console语句

GitHub - xiaoxian521/vite-plugin-remove-console: A vite plugin that deletes console.log in the production environment^[10]：基于Vite的打包移除调试语句的插件。

技术之外

大风云

大风云^[11]：面向中小型网站和APP服务端的高性价比CDN服务，在牺牲一点点时间的情况下，降低了CDN资源的费用。

国外技术资源

Courses - Hacksnation.com^[12]：国外的学习资源，既可以学英语又可以学技术，完美！

Mac 翻译软件

Bob^[13]：软件不是关键，关键是如何从GitHub找到别人随便提交上来的可用的多平台翻译密钥，这比较有意思。

JavaScript内存泄漏检查工具

memlab^[14]：Facebook 开源的内存泄漏检查工具，如果你是某些JS工具的作者，可以试着用用看。

最后

周末去海边逛了逛，非常解压。

Reference

[1]

妙才周刊: https://weekly-omega.vercel.app/

[2]

方应杭的UI库: https://frankfang.gitee.io/gulu-ui-website-1/#/doc/intro

[3]

How to Fix Issues With CSS Position Sticky Not Working? - Designcise: https://www.designcise.com/web/tutorial/how-to-fix-issues-with-css-position-sticky-not-working

[4]

学习了，CSS中内联SVG图片有比Base64更好的形式（张鑫旭）: https://www.zhangxinxu.com/wordpress/2018/08/css-svg-background-image-base64-encode/

[5]

ES6 Proxy 的巧用 - 掘金: https://juejin.cn/post/6869575114640326670

[6]

Type Scale - A Visual Calculator: https://type-scale.com/

[7]

GitHub - afc163/exeq: Excute shell commands in queue: https://github.com/afc163/exeq

[8]

5分钟内3种方法搭建企业内部私有npm仓库 - 掘金: https://juejin.cn/post/6844903537005035527

[9]

GitHub - googleapis/release-please: generate release PRs based on the conventionalcommits.org spec: https://github.com/googleapis/release-please

[10]

GitHub - xiaoxian521/vite-plugin-remove-console: A vite plugin that deletes console.log in the production environment: https://github.com/xiaoxian521/vite-plugin-remove-console

[11]

大风云: https://www.dfyun.com.cn/

[12]

Courses - Hacksnation.com: https://hacksnation.com/t/courses

[13]

Bob: https://bobtranslate.com/

[14]

memlab: https://facebookincubator.github.io/memlab/