关于 sugar | 粥里有勺糖

2024-10-13 19:02:48

① bolt - AI驱动一站式的应用开发 ② WebChat - 同网页在线聊天 ③ 一年一度的 js13kGames结果公布 - 13KB 大小的游戏 ④ 新的 CSS logo？ ⑤ TS 类型体操练习 ⑥ 100+ 免费独特的 SVG 图标 ⑦ TutorialKit - 交互式教程创建

2024-10-13 19:02:48

# 视野修炼 - 技术周刊 旨在帮助读者拓展技术视野，每天都会产生成千上万的新的内容，周刊每周会精选出一些 `优质&有趣` 的内容做推送（大前端为主） 包含但不限于 `优质文章`，`开源库`，`工具网站`，`有意思的知识` 更新时间：周末发布，[RSS订阅](https://sugarat.top/weekly.rss) ## 2024 * [技术视野周刊第105期](./2024-10-13.md) * [技术视野周刊第104期](./2024-10-07.md) * [技术视野周刊第103期](./2024-09-28.md) * [技术视野周刊第102期](./2024-09-22.md) * [技术视野周刊第101期](./2024-09-16.md) * [技术视野周刊第100期](./2024-09-08.md) * [技术视野周刊第99期](./2024-09-01.md) * [技术视野周刊第98期](./2024-08-25.md) * [技术视野周刊第97期](./2024-08-18.md) * [技术视野周刊第96期](./2024-08-11.md) * [技术视野周刊第95期](./2024-08-04.md) * [技术视野周刊第94期](./2024-07-28.md) * [技术视野周刊第93期](./2024-07-21.md) * [技术视野周刊第92期](./2024-07-14.md) * [技术视野周刊第91期](./2024-07-07.md) * [技术视野周刊第90期](./2024-06-30.md) * [技术视野周刊第89期](./2024-06-23.md) * [技术视野周刊第88期](./2024-06-16.md) * [技术视野周刊第87期](./2024-06-09.md) * [技术视野周刊第86期](./2024-06-02.md) * [技术视野周刊第85期](./2024-05-26.md) * [技术视野周刊第84期](./2024-05-19.md) * [技术视野周刊第83期](./2024-05-12.md) * [技术视野周刊第82期](./2024-04-29.md) * [技术视野周刊第81期](./2024-04-21.md) * [技术视野周刊第80期](./2024-04-14.md) * [技术视野周刊第79期](./2024-03-31.md) * [技术视野周刊第78期](./2024-03-24.md) * [技术视野周刊第77期](./2024-03-17.md) * [技术视野周刊第76期](./2024-03-10.md) * [技术视野周刊第75期](./2024-03-03.md) * [技术视野周刊第74期](./2024-02-25.md) * [技术视野周刊第73期](./2024-02-10.md) * [技术视野周刊第72期](./2024-02-03.md) * [技术视野周刊第71期](./2024-01-28.md) * [技术视野周刊第70期](./2024-01-21.md) * [技术视野周刊第69期](./2024-01-14.md) * [技术视野周刊第68期](./2024-01-06.md)

2024-10-07 18:44:31

① 🐙 尤大创办公司 VoidZero ② Tauri 2.0 稳定版发布 ③ Vite 时髦的新主页 ④ qrframe - 漂亮二维码生成 ⑤ HTTP QUERY 方法提案 ⑥ TinyJS - 轻量级的创建DOM元素 ⑦ 9月 Web 平台的新功能 ⑧ ESLint 现在正式支持 Linting JSON 和 Markdown

2024-10-06 19:51:05

使用 Web Crypto API，btoa，spark-md5（第三方库），在前端中生成 OSS 上传令牌，支持七牛云，又拍云

2024-09-28 08:00:00

① 你不知道的 AbortController ② AI 驱动的JS反混淆工具 ③ 开源许可证选择 ④ UptimeFlare - 网站在线状态监控 ⑤ MingCute Icon - 开源图标库 ⑥ JS 各个压缩库对比 ⑦ 即将到来的 Deno 2.0 ⑧ Compress JPG - 图片压缩工具

2024-09-22 08:00:00

① Bun 现在允许直接在js中直接编译运行 C ！ ② caniuse-cli ③ SSL证书管理工具 ④ 好的重构与坏的重构 ⑤ sisi - 命令行图片检索工具 ⑥ cvbee.ai - AI 简历生成

2024-09-21 20:29:56

开发了一个适用于 VitePress 的公告插件 vitepress-plugin-announcement

2024-09-21 17:37:48

记录一下每天干的杂事，写的杂七杂八的代码，用于日后回顾，翻开尘封的记忆

2024-09-17 17:27:03

主题在近1年多的时间里集成了非常的多功能了，接下来计划将这些能力拆分成组件，以便于更方便的与其它主题集成。

2024-09-16 08:00:00

① align-content - 垂直居中普通元素 ② up mode - 一键隐藏 Chrome 插件 ③ Chrome 性能面板新功能 ④ k-colors.js - 图片主色提取 ⑤ 英：优化JS性能的一些技巧 ⑥ 英：Web 的剪贴板，如何存储不同类型的数据 ⑦ 英：不简单的 js 入门教程 ⑧ Peter Cat - GitHub 仓库智能答疑机器人

2024-09-08 08:00:00

① style-observer - 监听 CSS 变化 ② Jimp - JS 图片处理库 ③ yocto-spinner - 终端旋转 loading ④ revideo - Code 生成视频 ⑤ button-stealer - 按钮收藏 ⑥ 免费头像合集 ⑦ 应该使用的HTML TOP5 特性 ⑧ 3.78MB 大小的 JS 服务 Docker 镜像

2024-09-01 08:00:00

① Rspack 1.0 发布公告 ② 通过绘图评论 ③ Coolify - 开源应用运行平台 ④ Tagger - 标签选择组件 ⑤ npm 依赖更新检查工具 ⑥ 使用 CSS 实现页面弹性效果 ⑦ 10大Git 技巧 ⑧ Emoji 搜索

2024-08-25 08:00:00

① Node 22.7 支持直接运行TS ② js 模糊搜索库 ③ Favicon 一键获取 ④ fuite - 网页内存泄露分析工具 ⑤ logtape - 0依赖日志库 ⑥ Volta 2.0 ⑦ AI 昆虫图识别

2024-08-18 08:00:00

① 安全赋值运算符提案 ② 英：45个提升生产力的VS Code快捷指令 ③ 文字徽标制作工具 ④ Rslib - ⑤ 使用js实现打字机效果 ⑥ Aide - 在 VSCode 中征服任何代码 ⑦ Product Hunt 每日中文热榜

2024-08-11 08:00:00

① Formatify - 即时的媒体转换 ② emoji-picker-element - 轻量级表情符号选择器 ③ DNS.fish - DNS 查询API ④ remote-storage - 多设备LocalStorage同步 ⑤ json2csv - 自动将 JSON 转换为 CSV 下载 ⑥ Whirl - CSS loading 库 ⑦ 视频：CSS 创建 3D 场景和对象 ⑧ 页面级可视动画 View Transitions API

2024-08-04 08:00:00

① terminal-image - 终端展示图片 ② staticrypt - 静态站点加密 ③ Node.js 实验性支持 TS ④ canvas-confetti - 纸屑动画 ⑤ code-box ⑥ trash ⑦ 英：巴黎 2024 年夏季奥运会如何影响互联网流量

2024-07-28 08:00:00

① Stack Overflow 2024 开发者调查报告 ② React 2023 调查结果 ③ Sendune - HTML 邮件制作工具 ④ hash-wasm - 哈希函数库 ⑤ ky - 基于 fetch 的 HTTP 客户端 ⑥ 英：前端构建概述 ⑦ Album AI - AI 图片检索 ⑧ AI Emoji Search

2024-07-21 08:00:00

① JS 如何检测用户打开了大写锁定 ② 改善 console 开发体验 ③ polyfill.io 异常④ MathLive - 数学公式输入组件 ⑤ Shell360 - 全平台支持的SSH客户端 ⑥ node:sqlite 工作进展 ⑦ 图片加载性能优化 ⑧ 前端开发一些流行术语 ⑨ WordSea - AI 生成单词图片

2024-07-15 21:33:48

① YakShaving - 薅牛毛 ② CSS OneLiners ③ Vue Vine - 单文件编写多 Vue 组件 ④ CDN 流量被盗刷经历 ⑤ es-toolkit ⑥ console.log 体验优化 ⑦ 诗境 - 根据图片匹配诗句

2024-07-13 11:30:03

# 记一次 CDN 流量被盗刷经历 先说损失，被刷了 70 多RMB，还好止损相对即时了，亏得不算多，PCDN 真可恶啊。  600多G流量，100多万次请求。 ## 怎么发现的 先是看到鱼皮大佬发了一篇推文突发，[众多网站流量被盗刷！我特么也中招了](https://mp.weixin.qq.com/s/XZMLMqgF_gv_QNNrfHvoPQ)。 抱着看热闹的心情点开阅读了。。。心想，看看自己的中招没，结果就真中招了 🍉。 ## 被盗刷资源分析 笔者在 `缤纷云`，`七牛云`，`又拍云` 都有存放一些图片资源。本次中招的是 `缤纷云`，下面是被刷的资源。  ### IP来源 查了几个 IP 和文章里描述的大差不差，都是来自山西联通的请求。  ### 大小流量计算 按日志时间算的话，QPS 大概在 20 左右，单文件 632 K，1分钟大概就760MB ，1小时约 45G 左右。 看了几天前的日志，都是 1 小时刷 40G 就停下，从 9 点左右开始，刷到 12 点。 | 07-09 | 07-08 | | :

2024-07-07 08:00:00

① 漫画：浏览器的 UA 为什么这么长？ ② 500+种js方法实现页面重载 ③ CSS 实现惊讶线条 ④ onefetch - 本地仓库信息查看工具 ⑤ StarFlare - 管理 Star 的项目 ⑥ 开源项目落地页模板 ⑦ 纯CSS鉴别是不是Safari浏览器 ⑧ 使用 MarsCode IDE 搭建 VitePress博客并使用 GitHub 部署 ⑨ 预渲染页面配置教程

2024-07-05 18:00:54

创建MarsCode项目 >还没有注册登录的可以访问 https://www.marscode.cn/introduction-of-ide 登录并进入IDE界面 在左上角和右上角都有创建项目的

2024-06-30 08:00:00

① 豆包 MarsCode 正式发布 ② ECMAScript 2024 正式发布 ③ Mako 开源 - 蚂蚁的 Rust 力作 ④ CSDN批量搬运Github项目伪造开发者主页 ⑤ HTML 旋转图像实现示例 ⑥ 一组看着糙的组件库 ⑦ Chrome 126 中 DevTools 的新增功能 ⑧ 纯 CSS 实现环形文本

2024-06-23 08:00:00

① JavaScript 2023 年度调查报告 - Vite 赢麻了！ ② Node.js setTimeout Promise ③ local-web-server ④ 尤大：Vue 10周年演讲 - Vue过去与未来 ⑤ loadership - 纯 CSS loading 动画生成 ⑥ Entity Code - 插件CV符号 ⑦ linaria - 0运行时的 CSS in JS库 ⑧ 镜头模糊效果 ⑨ DeepSeek Coder - 在线生成网页代码并执行

2024-06-16 08:00:00

① Bread Jam - 变量上色 ② JsonTree.js - JSON 数据可视化 ③ Reshot - 免费图标和插图 ④ 2024 年度备受期待的 JavaScript 项目 ⑤ 万能视频图片解析下载 ⑥ Chromicons - 线条风格图标集合 ⑦ DGM.js - 无限画布 ⑧ 英：从头开始了解 JS Promise ⑨ TextToSpeech - 免费在线转换文字为语音

2024-06-12 22:11:22

# 博客构建性能优化笔记 | 提速 3 倍 笔者的博客基于 VitePress 搭建的，使用其自定义主题能力完成博客主题 [@sugarat/theme](https://github.com/ATQQ/sugar-blog/tree/master/packages/theme) 的搭建。  前段时间有群友反馈说使用主题构建后耗时增加非常明显。  前后耗时大概增加了 10 倍，过于离谱了。  断断续续的投入差不多 1 个月的时间完成了优化，效果还是很明显。 至此写篇文章记录&分享一下优化过程。 ## 先看一下优化前后的效果 * 测试项目：[笔者的博客](https://github.com/ATQQ/sugar-blog/tree/master/packages/blogpress)，差不多 490 篇文章。 * 测试机器：Mac Mini (M1, 2020) ### 仅开启博客相关的样式能力 | VitePress 默认主题 | 优化后主题 | 优化前主题 | | :

2024-06-09 08:00:00

① js 中的经典八股 ② merge-anything - 深度合并对象的库 ③ DOM 树深度对渲染性能的影响 ④ Node.js 15周年 ⑤ 页面元素测量工具 ⑥ Best Cookier - cookie管理插件 ⑦ ShotEasy - 在线的图片压缩 ⑧ 2024 应该了解的 Node.js 特性 ⑨ CSS 长度单位介绍 - 非常全面的指南 ⑩ 仅使用CSS实现计时器

2024-06-02 08:00:00

① TTSMaker - 在线语音合成工具 ② js 读取文件速度对比 ③ 仅使用 CSS 实现的一个马里奥小游戏 ④ widget-qrcode - 二维码生成组件 ⑤ 使用 npm 分发的开源字体合集 ⑥ jessquery - jQuery 的轻量级平替方案 ⑦ Bau.js - 极小的响应式 WEB 框架 ⑧ 只使用 span 可以做些什么？ ⑨ 5个提升网站访问性能的技巧 ⑩ ollama - 本地运行大模型

2024-05-26 08:00:00

① pic-smaller - 图小小 ② 精美的 CSS 背景图 ③ js 进阶问题 ④ Vue Fluid DnD - 适用于Vue的拖拽库 ⑤ 径向渐变背景生成 ⑥ TrasHTTPandas - HTTP 状态码测试 ⑦ 不使用font-weight实现文字变瘦或变胖效果 ⑧ 256字节生成一个动态的城市画面

2024-05-19 08:00:00

① npmmirror 下线 unpkg 服务 ② Mako - 又一基于 Rust 的构建工具 ③ Icônes - 图标集合检索 ④ go-masonry-gallery - 图片瀑布流页面生成 ⑤ Color Pick - 在线从图片中提取颜色的 ⑥ 制作 CSS 形状的现代指南 ⑦ 针对前端初学者的项目合集 ⑧ Jan - 本地运行大模型客户端

2024-05-12 08:00:00

① MarsCode - 在线 AI IDE ② Turbo Console Log - 快速创建console ③ mcfly - 命令行历史搜索 ④ emoji-mart - emoji 选择组件 ⑤ OpenSumi 3.0 正式发布 ⑥ ElysiaJS - 基于Bun的Web框架 ⑦ extension.js - 跨浏览器插件开发 ⑧ 服务器实时消息获取5种方案 ⑨ Remix Yourself - 图片三合一 ⑩ Arc Windows

2024-05-07 22:56:53

记录分享在小程序中使用 lottie 播放AE动画的方法，以及踩坑经验。

2024-05-03 21:27:55

# 博客性能优化笔记 | 99分 闲着没事，拿 lighthouse 测了一下博客网站的性能评测，发现诊断出的问题还挺多，就顺手优化了一下。 这篇文章将记录这个优化的过程。 ## 优化前后对比 lighthouse 检测结果 | 优化前 | 优化后 | | :

2024-04-27 08:00:00

① Node.js v22 发布 ② Module Federation 2.0 正式发布！ ③ 终极 CSS 形状实现合集 — 单元素实现 ④ 像和朋友聊天一样编写Alt文本 ⑤ 2024 前端工程师手册 ⑥ HTML 属性与 DOM 属性对比 ⑦ LLM Price Check - AI 模型价格对比 ⑧ Image2Text - 图片转描述

2024-04-21 08:00:00

① Chrome devtools 124 新功能 ② sshx - 终端协作 ③ ElemSnap - 浏览器美化截图插件 ④ PNPM v9发布 ⑤ Classnames - 变量命名单词表 ⑥ SVG Encoder - SVG 转其它编码 ⑦ 头像动漫化

2024-04-14 08:00:00

① Bun 1.1 发布 - Bundows ② Signals 的标准化提案 ③ 免费的AI咒语聚合网站 ④ 前端框架新势力大盘点 ⑤ dashpress - 数据库管理 ⑥ node.js 截图库 ⑦ autospec - API 规范描述文件生成 ⑧ Journey.js - 交互式引导 ⑨ barbajs - 页面切换的平滑过渡 ⑩ CSS 容器查询交互式教程

2024-04-13 21:49:22

分享一下又拍云的简单用法，以及使用它搭建图床。

2024-04-01 05:18:43

① 译：编程 40 年 - 软件只是乐趣 ② CJS 和 ESM 相互兼容？ ③ superjson - 复杂的JS对象序列化 ④ play-button - 播放音视频的按钮 ⑤ Docker 快速入门 ⑥ 使用样式查询增强 CSS 变量能力 ⑦ 你需要了解的现代 CSS 特性 - 2024 春季版

2024-03-28 13:29:00

笔者长期维护着一个 Web 项目，但由于种种原因近几个月在其上的投入时间减少了，群里反馈的一些功能建议没办法及时给到支持。有群友就建议开个众筹

2024-03-24 18:48:12

在迭代图床应用时，需要用到图片压缩，在之前分享了使用UPNG.js 处理 PNG 图片，这里记录分享一下如何处理JPG图片，并附上完整 Demo。

2024-03-24 08:00:00

① Node.js 纪录片发布 ② emgithub - github 嵌入链接获取 ③ Emojisplosion - 表情烟花效果 ④ Chrome DevTools 现在与 Chrome 主题相匹配！ ⑤ CartoSVG - SVG 地图制作 ⑥ MistCSS - 仅使用CSS编写React组件 ⑦ kimi - 支持20万汉字输入 ⑧ Suno v3 - AI 创作音乐

2024-03-17 08:00:00

① UPNG.js - 纯前端实现PNG图片压缩 ② 视频：Deno 团队介绍 JSR，涵盖了主要动机和功能 ③ 摸头杀生成 ④ fig 团队加入亚马逊 ⑤ fx - 终端中友好的处理JSON ⑥ cmdk - 命令行式的React菜单组件 ⑦ Chat Nio - 下一代 AI 一站式解决方案 ⑧ StickerBaker - 个性化贴纸生成工具

2024-03-16 21:41:18

最近在迭代应用的时候用到了 UPNG.js 压缩 PNG 图片，这里记录分享一下使用经验，并附上完整 Demo。

2024-03-10 08:00:00

① Rolldown 开源 - Rollup 的锈化版 ② 前端调试工具超全汇总 ③ OhMyLive2D - Live2D Web 看板组件 ④ 100万级安装量的开源作品，一年有多少打赏收入？ ⑤ Web-Check - 开源的网站分析工具 ⑥ Safari 提供原生 HTML Switch 控件 ⑦ Simple Icons - 流行标志的 SVG 图标 ⑧ CSS 中玩转 Infinity

2024-03-03 08:00:00

① JSR - Deno 开发的新的 js 注册表 ② Node.js 新官网 - beta ③ 获取 Web 性能指标的精选代码片段 ④ Mojo CSS - 新的CSS原子化框架 ⑤ Omnivore - 稍后阅读工具 ⑥ tsdiagram - 可视化生成TS关系图表 ⑦ 自渲染的 "Eval Shirt" - StackBlitz 官方整活 ⑧ shoelace - 具有前瞻性的Web Components 组件库 ⑨ CSS :has() 交互式指南 ⑩ image2music - AI 图像音乐生成器 ⑪ AI没有护城河，OpenAI也没有 ⑫ 魅族 All in AI

2024-02-27 13:51:49

# 我如何使用Coze来分析掘金热榜数据 | Coze插件开发 ## 前言 [掘金热榜](https://juejin.cn/hot/collected-articles)想必大家会偶尔扫一扫，看看感兴趣的进行进一步阅读。  文章相关的榜单主要就是`掘金文章榜`，`文章收藏榜`这两个。 >[扣子（coze.cn）](https://www.coze.cn/)是一款用来开发新一代 AI Chat Bot 的应用编辑平台。  可以理解是 `对话机器人` 定制工厂。  `Coze` 上开放的定制能力主要有 4 个`Bots`，`插件`，`工作流`，`知识库`。 咱们这里要想让机器人读取掘金热榜的数据就要借助插件的能力咯。 **下面进入正题，看看如何把这两者结合起来？** *想要体验最后效果的可以直接访问这个已经搭建好的机器人：[掘金热榜分析](https://www.coze.cn/store/bot/7339921359969108031?from=bots_card)。* | 页面 | 效果 | | :

2024-02-25 08:00:00

① Node.js 正式推出了它的吉祥物 “火箭龟” - 🚀🐢 ② Web 终极拦截技巧 ③ EasyDevo - Mac垃圾清理&系统监控 ④ Keep Screen On ⑤ WXT - 下一代Web扩展开发框架 ⑥ Localtunnel - 内网穿透工具 ⑦ React 面试题和解答 ⑧ SVG 国旗图标 ⑨ SVG Tutorial - SVG 教程 ⑩ 14 分钟入门 JavaScript - 交互式教程 ⑪ 英：如何居中一个 div ⑫ 使用纯 CSS 创建 DVD 动画 ⑬ Sora 合集

2024-02-22 22:34:54

只使用 Node.js 的标准库，不安装任何外部依赖，写一个命令行工具

2024-02-10 08:00:00

① AI 春联 ② Vue 10周年啦！ ③ 2024 你应该知道的几个CSS特性 ④ Vite 5.1 发布 ⑤ Baklava:基于web component实现的设计系统 ⑥ Heat.js - 热力图生成 ⑦ React Native 2023调查结果出炉 ⑧ Capacitor - 跨平台应用开发框架

2024-02-03 08:00:00

① code-inspector - 自动定位跳转 IDE 代码 ② AskYourDatabase - GPT驱动的数据库chat工具 ③ 22 种实现弹 🏀 动画的方式 ④ 拿npm存储库《武林外传》 ⑤ unlazy - 图片延迟加载 ⑥ autosize-textarea ⑦ CSS 3D 云彩

2024-01-29 22:41:02

JavaScript 是世界上最流行的脚本语言。那么为什么在 `JavaScript` 中执行 `Shell` 脚本很困难呢？Bun 又是怎么解决这个问题的？

2024-01-28 08:00:00

① Rspack 新成员：Rsdoctor ② Bun Shell ③ DCloud:App跨平台框架对比2023版 ④ 🐟WoodenFish - 敲木鱼 ⑤ CSS 实现卡片翻转效果 ⑥ fsx - JavaScript 的现代文件系统 API ⑦ 在vscode中悄无声息地摸鱼 ⑧ 人像生成工具 ⑨ Inpaint-web - 开源的图片修复工具

2024-01-23 22:20:24

# 2023公众号创作回顾 前几天微信推送了一下 23 年创作回顾，最后还送了些红包封面。 和大家一起分享一下。 ## 先看看数据 | 发表篇数 | 阅读最多的文章 | | :

2024-01-21 08:00:00

① vscode-eslint-disable - vscode 插件 ② npm 2023 回顾 ③ 使用JS快速获取视频任意位置缩略图 ④ 基于七牛云OSS的简洁图床 ⑤ FRE123 开源 - 快速搭建个性化导航网站 ⑥ 英：交互式 CSS Grid 教程 ⑦ Calendar Remark - 自定义标记&分享日历 ⑧ 科普：了解文件大小单位

2024-01-14 13:03:18

# 【跑图经验】🏠家 => 🏙公司 在[23年的总结](https://sugarat.top/offer/experience/2023summary.html)里提到了，23年底从租的房子搬到新家。 自从 21 年毕业出来上班后，交通工具基本就是 自行车/小电驴，选的都是离公司都是比较近的小区。 但现在，上班的交通工具变成公共出行工具（公交/地铁/滴滴）。 **为了早上多睡一会儿，又不迟到(早9.30)，需要总结出一条时间最短的线路**，于是就有了这篇笔记，在最佳的方案出来前，它将记录这个（上班）过程。 ## 纯地铁 花费：日常9折，雾霾天8折（平均一趟 4 RMB）。 *参与了个啥绑卡活动，目前上班这一程只要 1 分钱。* ### 7-1（pass） 线路：家 => 7号线 => 1号线 => 公司 | 时间（MM-DD） | 出门=>上班滴卡（min - time） | 地铁（min） | 花费（￥） | | :

2024-01-14 08:00:00

① 2023 CodePen Top 100 ② CSS Hooks | 原生内联样式解决方案 ③ 2024 年前端预测 ④ 媒体查询 scripting ⑤ vscode-common-intellisense - 主流前端组件库提示 ⑥ 在线截图编辑 ⑦ AI Search ⑧ 阿里 AnyText 模型

2024-01-06 08:00:00

🎈 24 年第一期 🐲 🎉 ：① 2023 年 JavaScript 明星项目 ② fast-create-variable - 自动生成变量模板 ③ Vue 3.4 ④ Memo Card - 文字卡片生成 ⑤ svgl - 技术相关 SVG 图标汇总 ⑥ 揭秘 Vue 有趣的版本名称 ⑦ Drawing Prompt - 提示语扩展工具 ⑧ Rolldown 计划24年Q1 开源 ⑨ 不要被前端框架PUA

2024-01-01 08:00:00

时间不在于你拥有多少，而在于你怎样使用

2023-12-31 22:47:29

目录 * 2023年度总结 * 2022年度总结 * 2021年度总结 * 2020年度总结 * 2020前端春招经验分享 * 前端备战之计算机网络 * 前端备战之操作系统 * 如何编写一份好的互联网

2023-12-24 08:00:00

① 掌中宇宙，浩瀚星海，一眼万年 ② Vue 2 即将停止维护 ③ Emoji 搜索引擎 ④ JS 引擎和运行时合集 ⑤ Bun 2024年目标 ⑥ GitHubUnwrapped - 2023年的GitHub行为总结 ⑦ Devv AI 是如何构建高效的 RAG 系统的

2023-12-17 18:04:58

# 【免费】Node.js 入门教程 掘金小册「Node.js 入门教程」课程地址：[<>](https://juejin.cn/book/7304230207953567755) 👍🏻 **这是一本完全免费的小册**，内容涵盖了软件的安装，环境配置，基础知识介绍，进阶知识介绍，多场景的开发实践。  ## Node.js 的优势 * 高性能：基于事件驱动的非阻塞I/O模型，单线程也能够处理大量并发请求； * 跨平台：可以运行在不同操作系统上； * 社区完备：Node.js有一个庞大的社区，有丰富的文档和开源项目沉淀； * 易上手：学习门槛低，环境配置简单，开发&部署迅速。 ## 应用场景 * 服务端开发：[Express](https://expressjs.com/)、[Koa](https://koajs.com/#application)、[Midway](https://midwayjs.org/)、[Egg](https://www.eggjs.org/zh-CN)； * 桌面应用：[Electron](https://www.electronjs.org/)、[NW.js](https://nwjs.io/)、线上应用 [VS Code](https://code.visualstudio.com/)、[飞书](https://www.feishu.cn/)、[新版QQ](https://im.qq.com/macqq/index.shtml)； * 移动应用：[React Native](https://reactnative.cn/)、[Weex](https://weexapp.com/zh/)； * Web开发：[Vue](https://cn.vuejs.org/)、[React](https://zh-hans.react.dev/)、[Svelte](https://www.svelte.cn/)等前端框架 * 构建工具：[webpack](https://webpack.docschina.org/)、[Vite](https://cn.vitejs.dev/)、[Rollup](https://rollupjs.org/)； * CLI工具：前端开发者常用的各种项目脚手架和工具，如：[nodemon](https://www.npmjs.com/package/nodemon)、[whistle](https://github.com/avwo/whistle)、[http-server](https://www.npmjs.com/package/http-server)； 当然还有很多很多，等着你去探索……  本教程主要包含7个章节，涵盖了`软件的安装`、`环境配置`、`基础知识介绍`、`进阶知识介绍`、`多场景的开发实践` ღ( ´･ᴗ･\` )。 ## 适合人群 * 想通过 `JavaScript` 写一些脚本处理日常工作； * 对Web前端已经有一些了解，想自己做一个后端服务； * 其它后端技术栈的同学，想了解一下 `JavaScript` 如何做后端服务。

2023-12-17 08:00:00

① Oxlint 正式发布 ② CSS 发展总结 - 2023年 ③ bproxy - 抓包代理工具 ④ GPT Assistant - 开源的GPT安卓客户端 ⑤ CodeGeeX2 - 更强大的多语言代码生成模型

2023-12-10 08:00:00

① 和尤大聊项目进展、开源社区协作和前端思考 ② 盘点2023年前端大事件 ③ VS Code 1.85 发布 - 支持浮动窗口 ④ 前端DevOps平台的探索及设计理念 - 哔哩哔哩技术 ⑤ Vitest 1.0 发布 - 下一代测试框架 ⑥ URL.canParse - JS 新增方法 ⑦ What the f*ck JavaScript? ⑧ 获取随机头像API ⑨ Devv - 最懂程序员的新一代 AI 搜索引擎 ⑩ Ai Cute Wallpapers - 免费的文生图

2023-12-03 08:00:00

① VueDraggablePlus - 祖师爷推荐拖拽库 ② 三行 CSS 实现文本悬停浮空 ③ 可视化CSS动画编辑器 ④ Biome 赢得了 Prettier 悬赏奖金 ⑤ 微前端时代：打造高效、灵活的前端开发体系 ⑥ menu with the popover API ⑦ COLR Font ⑧ SDXL Turbo - 体验极快的文生图 ⑨ Vectorizer.ai - PNG/JPEG转SVG

2023-11-26 08:00:00

① 前端量子纠缠效果 ② Rsbuild 登场 ③ Easydict - 词典翻译 macOS App ④ 一文带你了解前端渲染模式演进史 ⑤ 截图生成网页源码

2023-11-22 22:31:39

前言 最近在看 VitePress 的源码时看到了一个`createRequire`方法，如下。 ```ts import { createRequire } from 'module' const

2023-11-19 08:00:00

① Vite5.0 发布！ ② Bubble - README 小组件 ③ EmojiGen - AI emoji生成 ④ 自适应文本框的 CSS 实现 ⑤ 悬赏1w$做 Rust 版 Prettier ⑥ pacquet - Rust重写pnpm ⑦ ShortbreadAI - AI 漫画生成 ⑧ ChatGot - 一个窗口调用多个模型 ⑨ 最佳AI标题、描述和关键词生成器 ⑩ YesChat.ai - 免费的GPT体验

2023-11-12 21:36:37

① 通义灵码 ② System Design 101 - ③ ofajs - 不需要打包的MVVM框架 ④ tailspin - 实时高亮展示日志 ⑤ Olive - 开源的跨平台的视频编辑器 ⑥ 深入架构原理与实践 ⑦ Clash 相关资讯

2023-11-12 08:00:00

① 2023年🧑‍💻工程师的 Mac 工具箱 ② react-exercise-playground - React playground 组件 ③ Caravaggio - 一个快速的图片处理服务 ④ eslint-stylistic ⑤ 新版 React 文档中的九项最佳建议 ⑥ AIGC相关教程资源收集

2023-10-29 08:00:00

① Yarn 4.0 正式发布，性能大幅提升！ ② JSDoc 真能取代 TypeScript？ ③ 页面Loading加载动画合集 ④ Spacedive - 开源的跨平台资源管理器 ⑤ 2024 React 生态系统展望 ⑥ TypeScript 5.3 beta ⑦ 一些特殊 HTTP 标头字段

2023-10-22 08:00:00

① LocalSend - 开源的跨平台文件传送软件 ② 周爱民：告前端同学书 ③ 京东前端：发布微前端框架 MicroApp ④ 如何制作落地页：保姆级实操指南 ⑤ React 代码如何跑在小程序上 ⑥ ESLint9 默认使用Flat Config ⑦ 英：编程四十年 ⑧ github copilot voice - 用嘴写代码

2023-10-15 08:00:00

① Rspress - 基于 Rspack 的高性能静态站点生成器 ② We OCR - 支持离线使用的图片文字识别工具 ③ pnpm v8.9 - MacOS上带来更大的性能提升 ④ 用户体验：嵌套菜单！ ⑤ Draggable objects - 详细介绍网页元素的拖拽实现

2023-10-06 17:26:46

① disable-devtool - 一行代码禁用 devTool ② Sqids - 短字母 ID生成 ③ 一键查询子域名信息 ④ Happy DOM - Web 浏览器的 JavaScript 实现 ⑤ Alins - 又一个新奇的JS框架 ⑥ 关于 Bun 1.0 发布的一些看法 ⑦ 华为云低代码引擎 TinyEngine 正式发布！

2023-10-06 08:00:00

① Vite 的现状与未来展望 ② Web版Photoshop ③ Console Ninja：console调试神器 ④ 为 Eslint 9.0 提前做准备 ⑤ 使用 documate 为 VitePress 文档站添加AI对话能力

2023-09-24 21:06:43

① 🍉 CEC-IDE ② 天工AI搜索 ③ Million（一键为React项目提速70%） ④ Rollup 计划切换解析器从 acorn 到 swc ⑤ 为什么 TypeScript 不能正确处理 Object.keys() ⑥ background-removal-js - 自动抠图 JS SDK ⑦ GPT-3.5 Turbo 新增微调 API

2023-09-24 21:06:43

① Node.js 16 EOL ② New in Chrome 117 ③ lodash 从Node迁移至Bun ④ github-old-feed - GitHub 旧版动态 ⑤ JS复制图片到剪切板 ⑥ Pagefind v1.0 本周发布 ⑦ puck 基于 React 的可视化编辑器。 ⑧ 阿里云通义千问 AI 大模型正式向全社会开放

2023-09-17 17:02:03

① 极速图片压缩器 ② use autojump in vscode ③ Node.js 20.6 将原生支持 .env 文件 ④ pnpm v8.7.0 发布，提升安装速度 33% ⑤ WordPress 推出百年域名服务 ⑥ Iconbuddy - 收录10w+图标资源库 ⑦ 编程的未来 - 还有未来么？ ⑧ 面试押题王 - 使用AI帮你精准押中面试题 ⑨ 文心一言向全社会开放

2023-09-17 17:02:03

① rome 停止维护 ② Bun 1.0 正式发布 - 遥遥领先 ③ npkill - 轻松查找和删除 node_modules 文件夹 ④ Web Infra：Bundler的设计取舍 ⑤ 纯前端JPG/PNG尺寸缩放+压缩的在线工具 ⑥ Web上体验Windows ⑦ Chrome 即将支持隐藏扩展的网络请求 ⑧ Yesicon - 开源、免费的矢量图标库 支持中文搜索

2023-09-09 22:34:48

批量且自动的做cnpm的同步，如果你是一个多npm包的项目，那么这个工具非常适合你

2023-09-09 17:55:03

本文简单介绍了如何通过`Shell`和`Node.js`实现复制当前分支名到剪贴板

2023-09-02 18:52:19

① glitchtext - 毛刺字符生成 ② 博客园：会员救园 ③ Novel - 所见即所得的开源编辑器 ④ vanjs - 0.9kb的响应式UI框架 ⑤ Node.js 配置地狱问题 ⑥ 阮一峰:《TypeScript 教程》 ⑦ 基于 RPC 和 TypeScript 的 BFF 设计与实践 ⑧ 讯飞星火V2.0发布

2023-08-27 18:59:14

① ikun-ui ② langui - AI组件库 ③ 未备案模拟器 ④ TypeCell

2023-08-22 21:24:48

使用 VitePress 作为个人博客的站点越来越多，RSS支持也是博客上的一个功能点，方便读者订阅，本文将介绍如何通过Vite 插件为 VitePress 站点一键添加RSS支持

2023-08-12 18:00:18

偶然发现域名快到期了，花费261元直接再续9年域名（拉满）

2023-08-12 15:46:51

① Arc 浏览器！！！ ② 前端代理神器 whistle 客户端 ③ 显示页面重定向历史chrome插件 ④ clang.js - 支持在浏览器里执行C/C++代码 ⑤ JS minification benchmarks ⑥ Bun v0.7.0 支持Vite ⑦ ChatGPT 国粹版 ⑧ ChatGPT 安卓版APP上线

2023-08-06 19:41:25

① killport - 优雅的结束占用端口的进程 ② 两个值得关注的stage3的提案 ③ Chrome 115 有哪些值得关注的新特性？ ④ pkg-size - 在线分析npm包大小 ⑤ pnpm 下载量远超 yarn ⑥ Dan 即将从Meta React团队离职 ⑦ Meta 开源 Llama 2 大模型

2023-08-04 08:00:00

① 美团前端研发框架Rome实践和演进趋势 ② 狗屁不通文章生成器：PUA版 ③ 三个实用的CSS伪类 ④ H5如何监听手机键盘是否弹起 ⑤ HTML kbd、var、samp元素使用场景介绍 ⑥ emaction ⑦ 页面引导库 driver.js ⑧ 向量数据库

2023-07-29 17:46:45

① ECMAScript 2023 正式发布，有哪些新特性？ ② 字节跳动的前端工程化实践 ③ 基于 Nginx 实现一个灰度上线系统 ④ foxact- React Hooks/Utils ⑤ Vue2、Vue3 使用率 7:3 开 ⑥ 稀土开发者大会（XDC 2023）回放 + PPT ⑦ Wonder Studio：将视频中的人物替换为 3D CG 角色 ⑧ OpenAI 向所有付费用户开放GPT-4 API权限 ⑨ 阿里「通义听悟」推出浏览器插件

2023-07-29 17:46:45

① Sass 支持直接在浏览器中编译 ② pnpm 替代 npm-run-all的用法 ③ 模拟旗帜飘扬效果-Cool ④ Bun 1.0 正式版定于9月7日发布 ⑤ react1s ⑥ AI Commits工具 ⑦ Google Bard 支持中文了

2023-07-15 15:23:17

① 生成带图的二维码 ② framer - AI生成网站 ③ Vercel AI SDK ④ 从 0 实现 RSC ⑤ 字节跳动 Mobile DevOps 工程实践 ⑥ ChatGPT做2023高考数学题 ⑦ OpenAI 大更新 ⑧ 微软Bing升级「识图」功能

2023-07-15 15:23:17

① 2023 Stackoverflow 开发者调查报告 ② ArtQR 艺术二维码生成 ③ webpack v5.88.0 feature ④ 更亮的 QR.码 ⑤ TypeScript 5.2：新关键字 using 介绍 ⑥ AIGC 如何影响下一代文档搜索方案 ⑦ DragGAN 开源（AI图像编辑） ⑧ 胎教级Stable Diffusion使用教程 ⑨ 语音转字幕工具

2023-07-06 22:43:02

Mac 实操安装 stable-diffusion，包含环境配置，sd插件安装，模型安装等内容

2023-07-02 23:26:21

前言 笔者不会python，也不会机器学习，但是对于SD一直很感兴趣，最近有空闲时间，所以在这里记录一下 stable-diffusion 学习笔记。 目录 * Mac 安装 stable-diff

2023-07-02 14:48:24

① 使用纯CSS实现噪点效果 ② 从零开发——微前端框架实践 ③ Rspack 0.2 发布,支持 Vue! ④ StackBlitz WebContainers 额外支持yarn/pnpm现在 ⑤ Create Next Stack ⑥ Merse Comic - AI生成漫画

2023-06-18 21:26:19

① 从浏览器到 Node.js 环境，一文彻底搞懂前端沙箱 ② Vite是如何兼容旧版本浏览器的 ③ npmmirror 镜像站已内置支持类似 unpkg cdn 解析能力 ④ chrome114的一些新东西 ⑤ Deno 1.34 ⑥ flutter_chat_box ⑦ Dify ⑧ 读取大脑重建高清视频 ⑨ 阿里云「通义听悟」公测

2023-06-03 16:22:34

① chathub - chat工具集合 ② dnrm - deno实现的nrm ③ Vue3.3新特性讲解 ④ lerna-7.0.0-alpha.0 ⑤ 2023CSS的一些新特性 ⑥ viz-gpt - GPT驱动的数据可视化 ⑦ AI在电商场景的运用 ⑧ 保姆级教程：打造AI孙燕姿 ⑨ Firework发布全球首个直播购物GPT ⑩ 能说会唱的AudioGPT

2023-06-03 16:22:34

① Bun Bundler ② Niva - 跨桌面端应用开发框架 ③ Google I/O 2023 — Web 相关动态 ④ Chat2DB - 智能的数据库客户端 ⑤ dora AI - Prompt 生成网站 ⑥ WPS AI 上新 ⑦ Prompt 中文指南 ⑧ 尝试你的第一个AI程序

2023-05-26 08:00:00

① Transformers.js - 浏览器直接运行AI模型 ② ChatALL - all in one 的chat客户端 ③ Node.js 14周年 ④ eslint-plugin-check-file ⑤ Parcel v2.9.0 ⑥ 这 67+ 工具，帮你驾驭 AI ⑦ Windows Copilot 登场 ⑧ 拽一拽关键点就能让狮子张嘴&大象转身

2023-05-21 11:00:22

① 多种技巧实现，超长溢出头部省略打点 ② Fluent Emoji Maker ③ 开源项目与开源经历分享 ④ 简易的CodePen实现 ⑤ ChatPDF/PPT/Excel ⑥ 面向开发人员的 ChatGPT 提示工程 ⑦ AI转绘清明上河图 ⑧ newBing全面开放，注册即可用 ⑨ AI论文速递

2023-05-13 18:00:07

① ECMAScript 2023 新特性 ② Xmind Copilot - AI生成思维导图 ③ AI 工具箱 ④ 2023 Web Components 现状（中文） ⑤ HTML 的新增标签 search ⑥ wails - 使用 Go 构建跨平台应用 ⑦ AI 法律助手 ⑧ 语雀：Midjourney&Stable diffusion 知识库 ⑨ OpenAI现场演示官方版AutoGPT ⑩ 讯飞版ChatGPT ⑪ MiniGPT-4 - 看图聊天，不在话下