大前端
文章平均质量分 84
这里是一个前端人的自我修炼手册,希望在学习和分享的道路上能与你并肩。
茶无味的一天
很惭愧,一无所成,卖码为生,只希望在学习和分享的道路上能做一点微小的贡献。
展开
-
原生 JS 手写一个优雅的图片预览功能,带你吃透背后原理
本文将用一个极简的例子详细讲解如何用原生JS一步步实现完整的图片预览和查看功能,无任何第三方依赖,兼容PC与H5,实现了触屏双指缩放等,干货满满。为提升阅读体验,正文中代码展示均有部分省略处理,点击查看完整源码。原创 2022-11-02 18:56:39 · 591 阅读 · 1 评论 -
如何用 JavaScript 编写你的第一个单元测试
单元测试易于设置,是软件开发的有效工具。它们有助于及早消除错误并防止它们重现。这使项目更易于管理和维护,即使它们变得更大更复杂——尤其是在大型开发团队中。像这样的自动化测试还使开发人员能够重构和优化他们的代码,而不必担心新代码的行为是否正确。单元测试是开发过程的关键部分,对于帮助你构建更好、更安全的 JavaScript 应用程序至关重要。祝测试愉快!翻译 2022-11-02 18:49:05 · 400 阅读 · 0 评论 -
这道JS经典面试题不要背,今天带你彻底搞懂它!
这是一道非常经典的面试题,涵盖了从函数的基本概念、运算符优先级,到作用域链、原型链、this关键字、new关键字等基础知识点考察,可以说能完整答对JS基础才算过了关,本文就带大家回顾并剖析这道面试题,应该是全网最详细的文章了,这次彻底搞懂它。}原创 2022-10-08 18:14:37 · 158 阅读 · 0 评论 -
哪些浏览器事件不会冒泡?
你知道哪些浏览器事件不会冒泡吗?回答这个问题之前,我们首先要具备具体区别在第三个参数,w3c规定了true表示捕获阶段触发,false表示冒泡阶段触发,默认false。在JS中通常利用来进行,但并不是所有事件都会冒泡。下面我们看看哪些事件是不能冒泡的,又有哪些相关应用场景。原创 2022-10-07 18:55:58 · 511 阅读 · 0 评论 -
为什么大家偏爱怪异盒模型border-box?
而对于标准盒模型来说,它则更像是定义了一个“盛满水”的杯子,此时增加杯子高度,它还是会维持其“盛满水”的状态,自动把水调整到盛满杯子为止,而往里头加水的话,它也会为了维持“盛满水”的状态而自动增加水杯的高度。这其实是比较符合直觉的,想象一个杯子盛满了水,此时加大了杯子的高度,水自然就不是满的了,于是我们又要往里头加水才能继续盛满水杯。我们都知道有两种盒模型,w3c盒模型和IE盒模型,IE是业界毒瘤所以IE盒模型又叫怪异盒模型(好吧我瞎说的)。就是内容宽度,和边框边距相互独立,反过来。,希望与你共同成长~原创 2022-10-06 17:59:23 · 280 阅读 · 0 评论 -
时隔一年多jQuery发布3.6.1新版本,你还在用JQ吗?
现在为自定义 CSS 属性值trimmed,以前类似的东西会保留值中的前导和尾随空格,返回“value”。在单页面应用大行其道,各种新鲜框架层出不穷的时代,或许已经很少有人会再关注jQuery,甚至唯恐避之不及,但它曾经的功绩仍不可磨灭,jQuery致力于消除浏览器差异,简化了操作DOM的方法,让早期的开发者们能轻松实现动画、修改CSS等各种操作,说它是JavaScript史上使用最广泛的一个库也不为过。曾经辉煌的 JS 框架如今渐渐日薄西山,我们将会见证其终局,还是看着它一步步重新回归到大众视野?原创 2022-10-06 17:06:03 · 1644 阅读 · 0 评论 -
利用Vue自定义指令让你的开发变得更优雅
前段时间在用框架开发H5页面时,碰到框架中的组件内置了一个属性用于适配异形屏,虽然是组件内部实现的,但这个方式让我萌生一个想法:能不能自己写一个属性来实现这样的功能?原创 2022-10-05 17:03:05 · 263 阅读 · 0 评论 -
用纯CSS实现优惠券剪卡风格
在做商城类项目的时候,我们可能都会经历过“优惠券”这类需求,笔者在过往工作中,都是直接要求UI切图来实现,直到有一天产品告诉我一个奇思妙想:这个优惠券的宽度会随内容变化的!一下子让我陷入了人生的大思考,这样图片方式可不好整呐,因此萌生一个想法:能不能用纯css实现这些效果呢?原创 2022-10-05 15:33:26 · 1070 阅读 · 0 评论 -
浅谈前端工程化的发展以及相关工具介绍
随着发展的逐步发展,作为工程师除了需要关注需要写的⻚面,样式和逻辑之外,还需要面对日益复杂 的系统性问题,比如模块化文件的组织、ES6 JS 文件的编译、打包压缩所有的 JS 代码、优化和合并图片静态资源等等事情。我们的项目需要以一种合理的方式进行组合,以应对在团队协作、需求迭代中保持项目 的稳定发展。这种方式就是工程化系统去运行我们的项目。原创 2022-10-05 15:06:28 · 157 阅读 · 0 评论 -
面试官问我 JS 中 foreach 能不能跳出循环
可能只是为了方便书写所创造出来的语法糖,在业务代码中也经常使用,但没有思考过它存在的问题,本文旨在记录自己的心路历程,抛砖引玉,如果对你有所帮助那就更好啦。如何根据不同的业务场景,选择使用对应的工具函数来更有效地处理业务逻辑,才是我们真正应该思考的,或许这也是面试当中真正想考察的吧。的特性,而且也很明显就是不能跳出循环,因为根本没有办法操作到真正的。,这是无法避免的,所以抛出异常可以作为一种中断。的定义根本不是我认为的语法糖,它的标准说法是。的设计中并没有中断循环的设计,而使用。原创 2022-09-30 17:20:04 · 284 阅读 · 0 评论