开发者工具

May 29, 2024

1. 一个提供能够让你的网站更加独特的组件网站

https://uiverse.io/

2. 通史入门

https://twitter.com/wuyagege/status/1613195502539112449?s=46&t=Lo4IG6AT2cb0nVO3HhZ10w

3. Serverless

Serverless 无服务平台 https://www.val.town/ https://retool.com/ https://pipedream.com/

1. lowcode

https://tw93.fun/2023-01-02/low-code.html

2. sre 课程

https://biriukov.dev/docs/fd-pipe-session-terminal/0-sre-should-know-about-gnu-linux-shell-related-internals-file-descriptors-pipes-terminals-user-sessions-process-groups-and-daemons/

3. 无限流图片 grid

https://codesandbox.io/s/infinitegrid-rtuh7b

4. 英语自学指南

https://bewaters.me/limxtop/2021/08/18/English-introduction/

5. scroll Event

https://ayase.moe/2018/11/20/scroll-event/

6. fabricjs 及其应用的探索

lit:构建web component
roughjs: 手绘风格canva元素
wired-elements： 手绘的web component- ui库
fabricjs：canva库
excalidraw： 基于fabricjs和roughjs的手绘风格白板
nattojs：基于fabricjs的一个js playground，可以视作client，http请求等流程化，太高级了
  • fabricjs 中文教程 https://k21vin.gitee.io/fabric-js-doc/articles/shape.html#%E7%9F%A9%E5%BD%A2-rect

7. Speeding up the JavaScript ecosystem - one library at a time

https://marvinh.dev/blog/speeding-up-javascript-ecosystem/

8. 资讯

YingCi 的 Telegram 频道《咲奈的平行时空》

9. startups idea

https://liorn.substack.com/p/a-summary-of-my-learnings-on-how

10. google 的 quicklinks 库 加速打开链接的速度

https://github.com/GoogleChromeLabs/quicklink

1. AI

一门针对程序员的应用型 Ai 教程 https://course.fast.ai/

2. React

一个 Scroll 特效 React UI 库 https://scrollex-docs.vercel.app/

3. Rust

Google 开源的 rust 教程 https://github.com/google/comprehensive-rust

4. chatgpt

chatgpt prompts https://twitter.com/aibreakfast/status/1610084156809293826?s=46&t=vWupAGJApHSwwUFiH3yL0Q

5. Git

Git 工作流 https://twitter.com/alexxubyte/status/1609953957174218754?s=46&t=vWupAGJApHSwwUFiH3yL0Q

6. AI

AI 工具库 https://zhuanlan.zhihu.com/p/593615901

7. JS

一本非常棒的 JS 书，作者是开源大佬 Marijn Haverbeke https://eloquentjavascript.net/

8. 前端框架

解读现代前端框架的重要概念，包括 State，Effects，Memoization，Templating and rendering https://juejin.cn/post/7183639661246414909

9. 微前端

single-spa

  • https://single-spa.js.org/docs/microfrontends-concept/
  • https://juejin.cn/post/7183954579690618936

10. LowCode

开源 LowCode 工具

  • https://github.com/appsmithorg/appsmith
  • https://github.com/YaoApp/yao

1 打包 JavaScript 库的现代化指南

https://mp.weixin.qq.com/s/m-i_Et6YqkZ0aj537vN2_A

2. 一些创意组件

https://uiverse.io/all

3. 网站设计历史趋势

https://www.webdesignmuseum.org/

4. threejs

利用 threejs 制作的创意 3D 特效 https://codepen.io/Mamboleoo/pen/yLbxYdx

5. Scroll 动效（Apple）

https://codepen.io/isladjan/pen/abdyPBw

6. 解决网站卡顿

https://juejin.cn/post/7159807927908302884

7. Screego：屏幕录像标注工具

非常适合录制 ⏺️ 网站

https://chrome.google.com/webstore/detail/screenity-screen-recorder/kbbdabhdfibnancpjfhlkhafgdilcnji

8. LowCode

https://dev.to/codux/introducing-codux-15j5

9. 人物照片特效

https://codepen.io/petegarvin1/pen/YzWBbRx

10. 国外前端资讯阅读聚合工具

https://app.daily.dev/

11. threejs

利用 threejs 设计的宇宙特效 https://codepen.io/isladjan/pen/bGpjZwN

12. 常见 git 问题，质量很高

https://github.com/k88hudson/git-flight-rules/blob/master/README_zh-CN.md

13. node 实践教程

https://nodeschool.io/zh-cn/

14. 迭代器

https://mp.weixin.qq.com/s/rP1hMGi_CiPQfdSPydL4bw

15. giscus

利用 github 的博客评论系统，值得一试 https://giscus.app/zh-CN

16. pnpm

https://segmentfault.com/a/1190000042318738

17. astrojs

https://mp.weixin.qq.com/s/G7b9Dv5xEvnM0AMT1EXKJQ

18. AI 工具网站

https://twitter.com/prathkum/status/1610613773710024706?s=46&t=8clsBcNX_nR8PuLvVLMThw

1. The Broadcast channel API.

解决 tab、iframe、frame、window 之间的通信 api https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API

2. Web3

Web App 架构 https://twitter.com/jarrodwattsdev/status/1611042653964992530?s=46&t=UcIi2RosBQs4yQbBVkUY2w

3. vue3 + tsx

https://juejin.cn/post/7007731144418394149 真的是有**吧

4. Tdesign、vite

工作里遇到的一个组件库在本地和线上表现不一致且非常诡异的 bug，排查中 https://stackblitz.com/edit/vitejs-vite-firk7q?file=package.json

5. 小说《项塔兰》

最近貌似很火，想看了。。。 https://www.xiaohongshu.com/discovery/item/63b6d59b000000001b026e8f?app_platform=ios&app_version=7.70.2&share_from_user_hidden=true&type=normal&xhsshare=WeixinSession&appuid=5b69427a267c1c0001d91588&apptime=1673055166

6. 博客

几个打破信息差的博客，有空听听。 https://www.xiaohongshu.com/discovery/item/6397e456000000002202942e?app_platform=ios&app_version=7.70.2&share_from_user_hidden=true&type=normal&xhsshare=WeixinSession&appuid=5b69427a267c1c0001d91588&apptime=1673066442

7. React+TS

现代 React+TS 教程，看上去比官网靠谱 https://www.typescriptcourse.com/tutorials/build-a-dynamic-avatar-component-with-react-typescript

8. 全景效应

非常棒的一篇文章，讲述从太空俯瞰地球后是否会对人精神世界产生重大的影响 利维坦这个公众号文章都来自于外文翻译，角度非常有趣

9. LightningCSS

一个极快的 CSS minify 工具，吊打 CSSNano 和 esbuild https://lightningcss.dev/

10.impress.js

一个基于 CSS3 transforms 和 transitions 的演讲框架 https://share.api.weibo.cn/share/360338574,4855934751608063.html?weibo_id=4855934751608063&wx=1

11. Telegram

介绍电报群的社交形态，免费版知识星球？ https://twitter.com/techflowpost/status/1610913040932950018?s=46&t=9_LRLVZ89O4HrFN3xlLG9w

12. Web Design

一些 web design 工具 https://twitter.com/steventey/status/1611417461194358785?s=46&t=9_LRLVZ89O4HrFN3xlLG9w

13. 博客

中国近代史，作者是 Rana Mitter，牛津大学中国史教授 https://twitter.com/felixding/status/1610981515374231552?s=46&t=9_LRLVZ89O4HrFN3xlLG9w

14.Git

非常简洁明白的 git rebase 使用 https://juejin.cn/post/6844903600976576519

15. English

老生常谈的话题了，学英语 https://hayami.typlog.io/english