品味前端

摘要： 正文中会出现的一些标记解释： 「相关/扩展阅读」关联笔者之前写过的相关内容文章，同时也是避免本文篇幅过长所做的扩展。 「推荐阅读」引用别的文章链接，一般是掘金高赞文章，或是官方权威文档。 写这篇文章的目的，起初只是为了记录面试中高频出现的问题，逐渐汇集了 Web 前端中重要的知识点，与个人一些理解与 阅读全文

摘要： 前端到底是“死”没死我是不知道，但是 jQuery 似乎又“回光返照”了一下，窜稀式地连更了几个小版本。 我仔细看了看，并没有新功能出现，不过还挺有意思的，也让我学习到了新的东西。简单来说，这几个版本的更新主要与 Chrome 引入新选择器产生的缺陷有关。那么谷歌浏览器是如何导致 jQuery 产生 阅读全文

摘要： CSS 隐藏元素的方法你能说出来几种？ 这是一个在初级 web 前端面试中可能常会提及的问题，聊这个话题不仅仅只是讨论“茴”字有几种写法，更是能从一个简单的问题中体现出你的 CSS 边界能力，本文提炼了十种最实用的方法，希望对你有所帮助。 常规方法 display: none; 结构消失，会触发回流 阅读全文

摘要： 我正在参加「兔了个兔」创意投稿大赛，详情请看：「兔了个兔」创意投稿大赛 前言 这是我用三天时间设计并完成的游戏，名叫 Carzy Bunny 疯狂的兔叽，玩家将扮演兔子，通过简单点击屏幕控制跳跃来到处收集金币、以及散落的新年红包🧧，并最终寻得关卡钥匙🔑来通关！ 你可以在下面码上掘金中体验游戏，由 阅读全文

摘要： 前言 年底相信大家都被各种年度总结报告刷屏了吧，看了那么多年度报告，都是一屏滑过一屏，动画全是清一色淡入加淡出，难免有些审美疲劳。 我在上一篇文章 2022年终总结 的时候临时起意，于是想设计出一个交互式年度总结网页，本想为平淡的这年增添亿点别样色彩，遗憾没能抓住2022的尾巴，此番就作为回顾的篇章 阅读全文

摘要： 「回顾2022，展望2023，我正在参与2022年终总结征文大赛活动」 小时候盼着一年快点过去，要快点长大才能去经历多彩的人生。 现在却盼着一年不要太快过去，时常在焦虑和迷茫中惶惶度日。 直到敲下这行字的时候，我都不知该如何去总结这一年。在掘金从 Lv3 到 Lv5，从寥寥阅读到写出爆文，这或许该是 阅读全文

摘要： 如今的我们对算法可谓并不陌生，由于互联网发展迅猛，哪怕没有系统学习过计算机底层理论的程序员，也接触过无数的算法。 昨天笔者看到一个开放性思考题，内容是这样的： 如果一个程序只运行一次，在编写它的时候，你是采用最直观但是效率较低的算法，还是依然寻找复杂度最优的算法？ 可能你心中已有答案，但这个问题我们 阅读全文

摘要： 项目背景 作为一名阿宅，摄影可能是为数不多能让我出门的事情了，以前在广州有很多漫展，基本一两个月必有一场，我也经常会去蹭拍coser，不得不说拍照技术都是在那段时期锻炼出来的。可惜好景不长，这几年疫情反复不断，距离上一次我拿起相机甚至可以追溯到两年前，实在是泪目。既然不能出去拍照，那只能继续宅着敲代 阅读全文

摘要： 前言 本文将用一个极简的例子详细讲解如何用原生JS一步步实现完整的图片预览和查看功能，无任何第三方依赖，兼容PC与H5，介绍了如何仅通过指针事件进行多端统一的事件监听，如何实现触屏双指缩放等，干货满满。 完整代码 为提升阅读体验，正文中代码展示均有部分省略处理，完整代码可以在码上掘金查看：code. 阅读全文

摘要： 测试代码是确保代码稳定的第一步。能做到这一点的最佳方法之一就是使用单元测试，确保应用程序中的每个较小的功能都按应有的方式运行——尤其是当应用程序接收到极端或无效输入，甚至可能有害的输入时。 为什么要进行单元测试？ 进行单元测试有许多不同的方法，一些主要目的是： 验证功能：单元测试确保代码做正确的事情 阅读全文