呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#AI #prompt #提示词
试了试,好玩儿
https://fixupx.com/hellokaton/status/1895718975402823855
katon (hellokaton):今年开始学前端的人是什么感受?地狱开局🥲
在原贴基础上调整了一下提示词使用 tailwindcss 减少 token 消耗,加上分步处理(文件太大很容易失败)和设计优化,生成了一个社交APP试了下效果炸裂。
提示词我发这里了:
你是一位资深全栈工程师,参考 ui_ux_design 设计一个年轻会社交APP【我聊】,模拟产品经理提出需求和信息架构,请自己构思好功能需求和界面,然后设计 UI/UX。
仅支持暗色模式,要高级有质感(运用玻璃拟态等视觉效果),遵守设计规范,注重UI细节。
请引入 tailwindcss CDN 来完成,而不是编写 style 样式,图片使用 unslash,界面中不要有滚动条出现。
然后像上面那样给我所有页面的 html,写入到一个 sj.html 中(为每个页面创建简单的mockup边框预览,横向排列)。
由于页面较多,你每完成一部分就让我来确认,一直持续到结束。
试了试,好玩儿
https://fixupx.com/hellokaton/status/1895718975402823855
katon (hellokaton):今年开始学前端的人是什么感受?地狱开局🥲
在原贴基础上调整了一下提示词使用 tailwindcss 减少 token 消耗,加上分步处理(文件太大很容易失败)和设计优化,生成了一个社交APP试了下效果炸裂。
提示词我发这里了:
你是一位资深全栈工程师,参考 ui_ux_design 设计一个年轻会社交APP【我聊】,模拟产品经理提出需求和信息架构,请自己构思好功能需求和界面,然后设计 UI/UX。
仅支持暗色模式,要高级有质感(运用玻璃拟态等视觉效果),遵守设计规范,注重UI细节。
请引入 tailwindcss CDN 来完成,而不是编写 style 样式,图片使用 unslash,界面中不要有滚动条出现。
然后像上面那样给我所有页面的 html,写入到一个 sj.html 中(为每个页面创建简单的mockup边框预览,横向排列)。
由于页面较多,你每完成一部分就让我来确认,一直持续到结束。
#碎碎念 好想挣外快啊,好穷好穷好穷,挣钱好难啊😭 又是莫名其妙想挣钱挣不到的一天。
明白了,一定是花的太大手大脚了!
——以上均为在发呆时候的发电。
但是贤者时间想想就有一种“算了吧咱这个脸皮挣不了什么大钱过好快乐小家就行”的感觉。
明白了,一定是花的太大手大脚了!
——以上均为在发呆时候的发电。
但是贤者时间想想就有一种“算了吧咱这个脸皮挣不了什么大钱过好快乐小家就行”的感觉。
#优质博文 #前端
https://fixupx.com/i5ting/status/1896460211969560953
驳已死论调•i5ting狼叔•知乎
https://www.zhihu.com/question/13453534732/answer/115166055109
#AI #技术趋势 #开源
https://fixupx.com/i5ting/status/1896460211969560953
驳已死论调•i5ting狼叔•知乎
https://www.zhihu.com/question/13453534732/answer/115166055109
AI 摘要:作者通过分析 Node.js 和前端技术的发展现状,结合 AI 对开发的影响,驳斥“前端已死”的论调,强调技术迭代中蕴藏的新机遇。
本文从技术发展现状、AI 对前端的影响、应对未来的学习路径三个维度展开论述:
1. 技术现状:Node.js 从 v8 到 v20 的核心升级(如 ESM、Worker Thread、WASM 等)表明技术仍在稳步迭代,npm 生态持续增长(340 万+包),但框架层已进入瓶颈期;
2. AI 的影响:AI 工具显著提升开发效率(如代码生成、经验复用),但存在实时性不足、依赖输入质量、缺乏创造性等局限,需结合结构化思维与知识体系应对;
3. 未来路径:通过 5 步实践(AI 入门、搜索、基础库学习、客户端探索、应用开发)掌握 AI Web 开发,强调前端应聚焦应用层而非基建,并展望基于 Agent 的交互变革。
作者主张“低端前端可被 AI 替代,但主观性强的复杂场景仍依赖开发者”,提出“善用 AI 提效+夯实知识体系”的双轨策略。
#AI #技术趋势 #开源
#course #LLM #AI #docs #prompt
面向开发者的大模型手册 - LLM Cookbook
https://datawhalechina.github.io/llm-cookbook/
提示工程指南
https://www.promptingguide.ai/zh
面向开发者的大模型手册 - LLM Cookbook
https://datawhalechina.github.io/llm-cookbook/
提示工程指南
https://www.promptingguide.ai/zh
#优质博文 #前端
Think JavaScript Is Slow? Here's How JIT (Just In Time) Compilation Makes It 100x Faster Instantly
https://www.royalbhati.com/posts/why-js-is-fast
#JavaScript #性能优化 #V8 #JIT
via Royal Bhati
Think JavaScript Is Slow? Here's How JIT (Just In Time) Compilation Makes It 100x Faster Instantly
https://www.royalbhati.com/posts/why-js-is-fast
AI 摘要:通过解析 V8 引擎的 JIT 编译机制,解释 JavaScript 如何通过动态优化热点代码实现百倍性能提升。
本文以 V8 引擎为例,深入探讨 JavaScript 的 JIT(即时编译)技术如何弥合解释型语言与编译型语言的性能差距。作者通过一个计算数组和的示例代码,详细拆解 JIT 的工作流程:
1. 解析与字节码生成:代码被转换为抽象语法树(AST)后生成中间字节码。
2. 热点代码识别:高频执行的代码(如循环)被标记为“热代码”,触发优化编译为机器码。
3. 动态优化与去优化:若运行时假设失效(如变量类型变化),引擎会回退到未优化状态并重新编译。
文章结合代码示例、AST 结构、字节码片段和优化逻辑,直观展示了 JIT 如何通过减少解释器开销和针对性优化显著提升性能,并强调其核心目标是平衡灵活性与执行效率。
#JavaScript #性能优化 #V8 #JIT
via Royal Bhati
#前端 #优质博文
Turbocharging V8 with mutable heap numbers
https://v8.dev/blog/mutable-heap-number
#V8 #JavaScript #性能优化 #benchmarks
via V8 开发团队( v8.dev 官方博客)
Turbocharging V8 with mutable heap numbers
https://v8.dev/blog/mutable-heap-number
AI 摘要:V8 通过引入可变堆数值(mutable heap numbers)和 Int32 类型追踪优化 Math.random 实现,使 async-fs 基准测试性能提升 2.5 倍。
# 文章内容
本文解析了 V8 团队针对 JetStream2 基准测试套件中 async-fs 性能问题的优化过程。该基准测试使用自定义的确定性 Math.random 实现,其核心变量 seed 存储于 ScriptContext 中。由于 seed 的每次更新都会触发新的 HeapNumber 对象分配,并伴随低效的浮点运算,导致显著的内存分配与垃圾回收压力。
V8 团队通过两项关键优化解决此问题:
1. 可变堆数值槽:扩展 ScriptContext 的槽类型追踪能力,允许直接修改 HeapNumber 的值而非重新分配
2. 可变 Int32 类型:追踪数值是否在 Int32 范围内,避免浮点转换开销
这些优化不仅使 async-fs 性能提升 2.5 倍,也为处理类似模式的真实场景代码提供了通用优化方案。
#V8 #JavaScript #性能优化 #benchmarks
via V8 开发团队( v8.dev 官方博客)