前端开发者小站

这是我们团队在做的事情，也是我目前全部精力投入的产品，欢迎同行或者感兴趣的朋友一起学习交流。

字节推的新框架lynx，可以说是字节版的react native，跨平台开发框架依然是刚需。

AI编程做产品丨Day10 - QuickSave日常使用+需求梳理

Day8梳理的需求到现在的进度是这样的：
1.收藏模块
✅已完成：+号交互优化
思考中🤔：英文收藏内容容易找不到
不着急做：收藏后的内容寸多维表格

2.查找功能
✅已完成：快捷搜索功能
❌ 取消暂时不做：网页类型筛选、可视化展示

今天用完发现还是有以下几个痛点没解决：
1.英文内容的存储做的不好，比如刷twitter我是用沉浸式翻译看的中文，我觉得很棒保存收藏了，我搜索的时候我用中文找我其实找不到的。
2.快捷搜索功能没那么好用，就像我收藏了一堆AI应用的内容，但我去检索的时候其实很麻烦，因为我没法记住每一个应用的名称，我只能靠记忆去检索，但我可能找不到，因为这个东东是很久之前用到的。

本身QuickSave的场景就是解决我看东西存和找的问题，围绕核心点感觉这两块可以加点AI搜索的逻辑进去，比如存储完一个内容后通过AI改写内容对这个模块的内容进行标签化，英文内容顺便中文化，增加更多的可以检索的query词出来。

然后增加一个AI搜索的能力，可以把自己输入的一句话分解成若干个可能的query词汇，然后进行前端的匹配，这样可以更好的进行范围筛选获得内容。

先试试这样能不能解决，主要看用AI处理的收藏内容的精度怎么样了。

估计下周QuickSave就能开发完了，到时候上线浏览器插件和大家见面，看看体验怎么样~

只有在 IMAX 影院才能欣赏 TailwindCSS 的美。

图片源自农村程序员陈随易的小红书
xhslink.com

manateelazycat.github.io 看到一个分享：用 AI 创建高品质网站。
作者要做的是展示型的低复杂度的网站。

1. 人工: 从现成网站挑选，截图
2. 使用 ai: image to html
3. 人工: 微调 html
4. 使用 ai: html to vue component
5. 人工: 把 vue 代码集成到项目代码中
6. 人工: 微调细节
7. 人工: 部署

作者总结：最先失业的是低级前端工程师， 有审美的产品经理和高级前端工程师不会失业

最近因为学习bolt.new的源码开始从next.js转到remixJS, 结果查资料才发现,早在24年9月, ChatGPT就抛弃了next.js转到remixJS了, 果然是英雄所见略同啊, 作为开发菜鸡我选择无脑跟😅

JS 只有一个主线程，和页面相关的操作只能在主线程进行。

注意：浏览器并非单线程，它是多进程且多线程的。

任务（Task）是运行在主线程的代码执行单元。主线程一次只能运行一条任务，且任务只能一条道走到黑，无法中断。

那些暂时无法执行的任务，会存放在任务队列（Task Queue）这个数据结构中，等待叫号上主线程。

有一种浏览器内置任务叫做渲染任务（Render Task），它可以把 DOM 和 CSS 样式翻译为显示像素。渲染任务的产出物叫帧（Frame）。

只要编辑了 DOM 或 CSS，就会通知浏览器执行渲染任务，创建新帧。

事件循环是一个无限死循环，在每一轮循环，它会拿一个新任务，这个新任务要么来自任务队列，要么是浏览器安排的渲染任务。然后，把这个新任务放在主线程上跑，跑完之后再进行下一轮循环。

周而复始，不断重复。

Trae AI 升级 Claude 3.7 Sonnet 那么火爆