随笔分类 - 视野修炼 - 技术周刊
旨在帮助读者拓展技术视野，每天都会产生成千上万的新的内容，周刊每周会精选出一些 优质&有趣 的内容做推送（大前端为主）
包含但不限于 优质文章，开源库，工具网站，有意思的知识
更新时间：每周五（特殊情况周末）
摘要：① Formatify - 即时的媒体转换 ② emoji-picker-element - 轻量级表情符号选择器 ③ DNS.fish - DNS 查询API ④ remote-storage - 多设备LocalStorage同步 ⑤ json2csv - 自动将 JSON 转换为 CSV 下载 ⑥ Whirl - CSS loading 库 ⑦ 视频：CSS 创建 3D 场景和对象 ⑧ 页面级可视动画 View Transitions API
阅读全文
摘要：① terminal-image - 终端展示图片 ② staticrypt - 静态站点加密 ③ Node.js 实验性支持 TS ④ canvas-confetti - 纸屑动画 ⑤ code-box ⑥ trash ⑦ 英：巴黎 2024 年夏季奥运会如何影响互联网流量
阅读全文
摘要：① Stack Overflow 2024 开发者调查报告 ② React 2023 调查结果 ③ Sendune - HTML 邮件制作工具 ④ hash-wasm - 哈希函数库 ⑤ ky - 基于 fetch 的 HTTP 客户端 ⑥ 英：前端构建概述 ⑦ Album AI - AI 图片检索 ⑧ AI Emoji Search
阅读全文
摘要：① YakShaving - 薅牛毛 ② CSS OneLiners ③ Vue Vine - 单文件编写多 Vue 组件 ④ CDN 流量被盗刷经历 ⑤ es-toolkit ⑥ console.log 体验优化 ⑦ 诗境 - 根据图片匹配诗句
阅读全文
摘要：① 漫画：浏览器的 UA 为什么这么长？ ② 500+种js方法实现页面重载 ③ CSS 实现惊讶线条 ④ onefetch - 本地仓库信息查看工具 ⑤ StarFlare - 管理 Star 的项目 ⑥ 开源项目落地页模板 ⑦ 纯CSS鉴别是不是Safari浏览器 ⑧ 使用 MarsCode IDE 搭建 VitePress博客并使用 GitHub 部署 ⑨ 预渲染页面配置教程
阅读全文
摘要：① 豆包 MarsCode 正式发布 ② ECMAScript 2024 正式发布 ③ Mako 开源 - 蚂蚁的 Rust 力作 ④ CSDN批量搬运Github项目伪造开发者主页 ⑤ HTML 旋转图像实现示例 ⑥ 一组看着糙的组件库 ⑦ Chrome 126 中 DevTools 的新增功能 ⑧ 纯 CSS 实现环形文本
阅读全文
摘要：① 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 - 在线生成网页代码并执行
阅读全文
摘要：① Bread Jam - 变量上色 ② JsonTree.js - JSON 数据可视化 ③ Reshot - 免费图标和插图 ④ 2024 年度备受期待的 JavaScript 项目 ⑤ 万能视频图片解析下载 ⑥ Chromicons - 线条风格图标集合 ⑦ DGM.js - 无限画布 ⑧ 英：从头开始了解 JS Promise ⑨ TextToSpeech - 免费在线转换文字为语音
阅读全文
摘要：① js 中的经典八股 ② merge-anything - 深度合并对象的库 ③ DOM 树深度对渲染性能的影响 ④ Node.js 15周年 ⑤ 页面元素测量工具 ⑥ Best Cookier - cookie管理插件 ⑦ ShotEasy - 在线的图片压缩 ⑧ 2024 应该了解的 Node.js 特性 ⑨ CSS 长度单位介绍 - 非常全面的指南 ⑩ 仅使用CSS实现计时器
阅读全文
摘要：① TTSMaker - 在线语音合成工具 ② js 读取文件速度对比 ③ 仅使用 CSS 实现的一个马里奥小游戏 ④ widget-qrcode - 二维码生成组件 ⑤ 使用 npm 分发的开源字体合集 ⑥ jessquery - jQuery 的轻量级平替方案 ⑦ Bau.js - 极小的响应式 WEB 框架 ⑧ 只使用 span 可以做些什么？ ⑨ 5个提升网站访问性能的技巧 ⑩ ollama - 本地运行大模型
阅读全文
摘要：① pic-smaller - 图小小 ② 精美的 CSS 背景图 ③ js 进阶问题 ④ Vue Fluid DnD - 适用于Vue的拖拽库 ⑤ 径向渐变背景生成 ⑥ TrasHTTPandas - HTTP 状态码测试 ⑦ 不使用font-weight实现文字变瘦或变胖效果 ⑧ 256字节生成一个动态的城市画面
阅读全文
摘要：① npmmirror 下线 unpkg 服务 ② Mako - 又一基于 Rust 的构建工具 ③ Icônes - 图标集合检索 ④ go-masonry-gallery - 图片瀑布流页面生成 ⑤ Color Pick - 在线从图片中提取颜色的 ⑥ 制作 CSS 形状的现代指南 ⑦ 针对前端初学者的项目合集 ⑧ Jan - 本地运行大模型客户端
阅读全文
摘要：① MarsCode - 在线 AI IDE ② Turbo Console Log - 快速创建console ③ mcfly - 命令行历史搜索 ④ emoji-mart - emoji 选择组件 ⑤ OpenSumi 3.0 正式发布 ⑥ ElysiaJS - 基于Bun的Web框架 ⑦ extension.js - 跨浏览器插件开发 ⑧ 服务器实时消息获取5种方案 ⑨ Remix Yourself - 图片三合一 ⑩ Arc Windows
阅读全文
摘要：介绍如何在微信小程序中使用lottie 播放AE 动画，同时分享一些踩坑点与解决办法
阅读全文
摘要：① Bun 1.1 发布 - Bundows ② Signals 的标准化提案 ③ 免费的AI咒语聚合网站 ④ 前端框架新势力大盘点 ⑤ dashpress - 数据库管理 ⑥ node.js 截图库 ⑦ autospec - API 规范描述文件生成 ⑧ Journey.js - 交互式引导 ⑨ barbajs - 页面切换的平滑过渡 ⑩ CSS 容器查询交互式教程
阅读全文
摘要：① 译：编程 40 年 - 软件只是乐趣 ② CJS 和 ESM 相互兼容？ ③ superjson - 复杂的JS对象序列化 ④ play-button - 播放音视频的按钮 ⑤ Docker 快速入门 ⑥ 使用样式查询增强 CSS 变量能力 ⑦ 你需要了解的现代 CSS 特性 - 2024 春季版
阅读全文
摘要：① Node.js 纪录片发布 ② emgithub - github 嵌入链接获取 ③ Emojisplosion - 表情烟花效果 ④ Chrome DevTools 现在与 Chrome 主题相匹配！ ⑤ CartoSVG - SVG 地图制作 ⑥ MistCSS - 仅使用CSS编写React组件 ⑦ kimi - 支持20万汉字输入 ⑧ Suno v3 - AI 创作音乐
阅读全文
摘要：① UPNG.js - 纯前端实现PNG图片压缩 ② 视频：Deno 团队介绍 JSR，涵盖了主要动机和功能 ③ 摸头杀生成 ④ fig 团队加入亚马逊 ⑤ fx - 终端中友好的处理JSON ⑥ cmdk - 命令行式的React菜单组件 ⑦ Chat Nio - 下一代 AI 一站式解决方案 ⑧ StickerBaker - 个性化贴纸生成工具
阅读全文
摘要：① Rolldown 开源 - Rollup 的锈化版 ② 前端调试工具超全汇总 ③ OhMyLive2D - Live2D Web 看板组件 ④ 100万级安装量的开源作品，一年有多少打赏收入？ ⑤ Web-Check - 开源的网站分析工具 ⑥ Safari 提供原生 HTML Switch 控件 ⑦ Simple Icons - 流行标志的 SVG 图标 ⑧ CSS 中玩转 Infinity
阅读全文
