主页

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

前端一些内存泄漏的定位和方案! 张泰玮 内存泄漏原因:代码错误如全局变量、闭包、事件监听器未清理导致内存无法回收。 排查工具:Chrome DevTools的Performance和Memory面板,堆快照比较,Allocation instrumentation追踪。 解决策略:移除不必要监听器,管理全局变量,避免循环引用,合理使用插件和定时器。 AlaSQL.js:用SQL解锁JavaScript数据操作的魔法 车泽民 使用sql语句查询数据在前端,挺有意思的,能否用来提升一些场景查询性能? 目前star挺高的。 手撸一个星系,送给心爱的姑娘!(Three.js Shader 粒子系统实现) 郭兵宇 体验一下 Three.js Sha...

阅读更多

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

现代 CSS 解决方案:文字颜色自动适配背景色! 刘世豪 CSS相对颜色能够基于一个现有颜色 A,通过一定的转换规则,快速生成我们想要的颜色 B。 VSCode无限画布模式(可能会惊艳到你的一个小功能) 郭晓旭 文章作者在日常开发中遇到了编辑器打开窗口太多因此造成单个窗口显示空间不足的问题。为了解决这个问题进行了思考和调研,一是受到figma的启发,决定开发画布模式;二是研究vs code源码,自己动手写vs code插件。 后续关注一下,期待他这个插件上线 凡事有交代,件件有着落,事事有回音 崔鹏程 一篇老文章 再分享一次,让靠谱成为你的标签——凡事有交代,件件有着落,事事有回音 前端生成海报图技术选型与问题解决 李勇鲁 根据不同场景选择适合...

阅读更多

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

msgpack.org 崔鹏程 数据压缩方案调研 崔鹏程 popper.js.org 李勇鲁 压缩图片:在线缩小图片大小(免费) 崔鹏程 一个比较好用的免费压缩图片的网站,另外也介绍了图片压缩相关知识 有什么不知道但非常有用的HTML标签?-知乎 徐堂鑫 <fieldset>和<legend>标签不借助css,可以实现带边框面板; <details>和<summary>标签不借助css和js,可以实现可收缩面板。 Hello算法 李文娟 通过清晰易懂的动画图解和可运行的代码示例,理解算法和数据结构的核心概念。 「为什么 JavaScript 中的 0.1 + 0.2 不等于 0...

阅读更多

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

Triangulation by Ear Clipping(耳切法处理多边形三角划分) 刘世豪 Triangulation by Ear Clipping(多边形耳切法三角剖分) 耳切法三角剖分是一种常用的多边形分解方法,其基本思想是在多边形内部选择一个顶点(被称为“耳朵”),然后连接该顶点与相邻的两个顶点,形成一个三角形。然后,将该三角形从多边形中删除,并重复这个过程,直到所有的顶点都被连接成三角形为止。 在进行耳切法三角剖分时,需要满足以下两个条件: 选取的“耳朵”顶点必须是凸顶点(即内角小于180度)。 选取的“耳朵”顶点与相邻的两个顶点构成的三角形不能包含多边形的其他顶点。 通过不断选取“耳朵”顶点并连接,最终可以将多边形分解为若干个不重叠的三角形。 实际项...

阅读更多

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

Rust 切片类型:原理、操作和实用方法 车泽民 Rust 中的切片类型是一种动态视图,用于访问数组和向量等连续数据结构的子序列。切片允许高效访问和操作数据,无需复制或移动数据本身,体现了 Rust 的借用和视图设计理念。作为动态大小类型(DST),切片本身不具有确定尺寸,而是通过引用类型如&[T]或&mut [T]传递大小信息,体现了 Rust 的所有权管理。切片在内存安全和性能优化方面发挥关键作用,对于编写安全高效的 Rust 代码至关重要。随着对 Rust 的深入探索,切片在处理集合、实现算法和构建性能关键型应用中扮演着重要角色。 20 分钟学会 DBSCAN 张泰玮 DBSCAN 算法核心:DBSCAN 是一种基于密度的聚类算法...

阅读更多

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

只写后台管理的前端要怎么提升自己 崔鹏程 前端个人成长建议,写的比较中肯,其中一些建议非常值得学习。 2023 前端年度技术总结 崔鹏程 一个优秀的前端同学对2023年前端技术的总结,其持续学习的态度和方法非常值得学习。 利用 console.log 能玩出什么厉害的花活? 崔鹏程 教你如何用 console.log 在浏览器控制台中玩出新花样,包括添加颜色、艺术字符画、背景图片和SVG动画等,让你的控制台输出更有趣。 console.log('%c ', ` line-height:100px; padding-left:400px; background-repeat:no-repeat; background-ima...

阅读更多

撰写文章说明

撰写文章 创建文章 发表一篇新文章,你所需要做的就是在 /_posts 文件夹中创建一个新的文件。文件名的命名非常重要。文章的文件名遵循下面的格式: 年-月-日-标题.md 下面是一些合法的文件名的例子: 2011-12-31-new-years-eve-is-awesome.md 2012-09-12-how-to-write-a-blog.markdown 内容相关 所有博客文章顶部必须有一段 YAML 头信息(YAML front-matter)。 YAML 头信息 --- title: 技术爱好者周刊(第1期) tags: 周刊 key: 10001 author: 崔鹏程 --- 在 --- 之间你可以设置属性的值,key 手动递增即可,tags 为...

阅读更多