妙才

V1

2022/09/19阅读:31主题:蔷薇紫

妙才周刊 - 16

东张西望,周刊闲聊

作者:妙才

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/

分类:

前端

标签:

前端

作者介绍

妙才
V1