主页

技术爱好者周刊(第30期)

聊一聊点云PCL中常用的高级采样方法 崔鹏程 点云常见的采样方法 计算几何基础【用图来助你理解几何算法】 车泽民 开发常用的几何算法基础,多会一点少依赖ai一点 主打一个“小巧灵动”:Vite + Svelte 李勇鲁 通过开发小型应用,用数据详细比对svelte和vue,在我们开发项目进行分析的时候可以借鉴下。 TypeScript vs Flow 徐堂鑫 本文主要对比了 TypeScript 和 Flow:TypeScript 是 JavaScript 的类型化超集,是编程语言;Flow 是静态类型检查器 基于“第一性原理”的思路工作 陆欣 基于第一性原理去思考,找到事物的本质,从根本上解决问题。我们在做功能前多思考每个功能要解...

阅读更多

技术爱好者周刊(第29期)

谷歌出品的“2024CSS 年度盘点” 张修竹 谷歌出品的“2024CSS 年度盘点” 重识 JavaScript 策略模式和适配器模式 刘世豪(言未) 本文主要讲解了 JavaScript 中的策略模式和适配器模式。策略模式通过封装算法实现可替换性,如计算出行时间、优化 if-else 分支和表单验证等场景。适配器模式用于接口不兼容的情况,如打车 SDK 扩展、axios 底层请求方法切换和优化业务组件请求方法等。最后总结设计模式要分离不变与变化部分,遵循开闭原则,复杂模块可做概要设计,阅读优秀源码能提升应用能力。 轻量桌面应用新星:Electrico,能否颠覆Electron的地位? 李勇鲁(路飞) 在桌面应用开发的世界里,Electron曾经是一位风...

阅读更多

技术爱好者周刊(第28期)

vue项目中使用shepherd.js实现新手引导功能 刘世豪(言未) 这篇文章主要介绍在 vue 项目中使用 shepherd.js 实现新手引导功能。先阐述实现背景和需求,对比多个插件库优缺点后选择 shepherd.js。然后详细说明了其安装、引入使用、案例演示(如修改弹窗颜色、设置显示步骤条)及属性方法汇总。 前端开发不会写动画?分享4个动画库助你打造视觉盛宴 李勇鲁(路飞) 这篇文章是作者分享前端常用的动画库。重点介绍了 gsap、lottie、React Spring 和一个轻量级动画库。gsap 性能优化且 API 人性化;lottie 开源,优势众多;React Spring 基于 React 基于物理做动画。还提及其他未用过的动画库,作者常用 gsa...

阅读更多

技术爱好者周刊(第27期)

大前端:如何突破动态化容器的天花板? 李勇鲁(路飞) 从渲染层,平台抽象层,运行时支持,UI框架层四个方面以及如何突破动态化容器瓶颈的实践,思想值得学习和借鉴。 README 驱动开发 张修竹 GIthub 创始人 10 年写的文章,关于Readme 作为项目的”指南针”的用途,以及如何写好一个Readme。 前端体验优化之渐进式图片 车泽民 图片渐进式加载的原理和实现,以及如何在前端项目中使用渐进式图片。 浅析requestAnimationFrame的用法与优化 刘世豪(言未) requestAnimationFrame 的用法和优化,以及与 setTimeout 的对比。 2024 年前端安全报告 黄鹤翔 2024 年的 We...

阅读更多

技术爱好者周刊(第26期)

关于代码评审(CodeReview)那些不得不说的事儿 陆欣 程序写出来是给人看的,附带能在机器上运行。 前端小知识:??= 操作符,更简洁的默认值处理方式 李文娟 ??= 一种更简洁的设置默认值方案 Vite6版本 崔鹏程 整体来看没啥本质的变化,等下个版本吧 型、接口、枚举值都应该使用PascalCase命名 徐堂鑫 类型、接口、枚举值都应该使用PascalCase命名 变量命名 张修竹 命名不是一个创造性的过程,而是一个发现性的过程,仔细观察这段代码到底在做什么,理解它的核心功能和目的,让名字自然地从这种理解中显现出来 如果你在想名字时遇到困难,可以按照以下步骤操作: 1. 写注释 在函数/变量上方写一段注释,用自然语言描述它...

阅读更多

技术爱好者周刊(第24期)

让性能提升56%的Vue3.5响应式重构之“版本计数” 刘世豪 关于vue3.5版本计数的一些介绍 前端小知识:??= 操作符,更简洁的默认值处理方式 李文娟 ??= 一种更简洁的设置默认值方案 CSS3最强布局-Grid布局 徐堂鑫 grid布局相当强大,通过grid布局可以轻松实现flex不是那么容易实现的效果。 这篇文章详细介绍了 CSS3 的 Grid 布局,包括 Flex 布局痛点、Grid 是什么及兼容性,还讲解了声明容器、划分行列、间距定义、元素定位、网格命名、区域声明、网格流动、对齐管理、自动排列等方面,涵盖了各种属性和用法,如行列设置、定位方式、区域布局等,为开发者提供了全面的 Grid 布局知识。 Creating a Java...

阅读更多

技术爱好者周刊(第23期)

Intl 徐堂鑫 Intl 对象是 ECMAScript 国际化 API 的一个命名空间,它提供了精确的字符串对比、数字格式化,和日期时间格式化。 postMessage 还能这样玩 李勇鲁 postMessge 还可以这样玩,以后如果有类似的需要通过 iframe 进行通信的可以试下。 VoidZero - 下一代 JavaScript 工具链 陆欣 背景:JavaScript 应用规模和复杂性不断增加,现有的 JavaScript 工具链虽然丰富,但存在碎片化严重、每个应用都依赖大量第三方依赖项、配置和集成工具复杂等问题。 目标:VoidZero 旨在解决这些问题,为开发者提供一个更加流畅和高效的开发体验,构建一个统一、高性能、可组合且运行时无关的 J...

阅读更多

技术爱好者周刊(第22期)

77.9K Star 的 Axios 项目有哪些值得借鉴的地方 李勇鲁 一文彻底认识Axios 轻量级web框架 张修竹 一款轻量级web框架 2024年全网最新最详细《WebGL教程》 崔鹏程 2024年全网最新最详细《WebGL教程》 来看写个丝滑的播放器进度条VueUse能给省多少事 陆欣 视频进度条使用timeupdate事件控制进度会有顿感,通过帧率控制可以更加丝滑 用flex布局实现一个流程设计器 李文娟 用flex布局实现一个简单的流程设计器 一份前端够用的 Linux 命令 徐堂鑫 一份前端够用的 Linux 命令 淘宝、京东复制好友链接弹出商品详情是如何实现的 车泽民 淘宝、京东复制好友链接...

阅读更多