Doublewater

近日，在做活动页的过程中遇到两层吸顶的需求，并且要兼容 IE9 及以上的浏览器。乍一看不就是个吸顶嘛，应该不难吧，事实证明还是踩了很多坑才出来。兼容性问题多到吐血，我太难了...

sticky被称为粘性定位元素，postion属性值为sticky的元素在目标区域内时表现的和position: relative时无异。 元素固定的相对偏移是相对于离它最...

小米 好的公司有年终且在年前发放，一般的公司有（可能打折的）年终且年后分批发放，不好的公司各有操作。 3 月已来，小米的年终也开始热议起来。 最近，一则传小米年终打折，14...

前端开发中的单位选择是关键的技术决策之一。本文探讨了常见的前端单位，包括pt、rpx、px、em、rem、%、vh、vw，并对它们的区别进行了详细解释。...

问题：普通文字的font-weight是normal，要求hover的时候font-weight变化为bold。 而font-weight变化时文字所占空间会变化，导致元素...

TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系，于2021年12月底正式对外开源。TDesign 用到了哪些广受欢迎的开源技术，选择这些技术的原因...

Deco 智能代码项目是我们团队在「前端智能化」方向上的探索，我们尝试从设计稿生成代码（Design To Code）这个切入点入手，对现有的设计到研发这一环节进行能力补全...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第15天，点击查看活动详情。 背景 相信很多小伙伴都遇到过这种需求，某某文字最多显示n行，超出n行显示.....

这可能是Vue技术面试最常问到的面试问题之一，我们都知道计算数据是监听数据变化并返回计算函数返回值的，watch就是单纯的数据监听处理。那么二者在源码实现上又有什么区别呢？...

方法一 数组分割法 这种方法也是自己最容易想到的一种方式，通过将数组以点分割，然后按照3位一体进行字符的拼接 方法二 字符截取法 字符截取法，具体看看注释 方法三 求模法 ...

reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少使用它，导致这个如此强大的方法被逐渐埋没...

在我初学 JS 语言的继承机制原型和原型链的时候，我一直理解不了这种设计机制，再加上之前原有对 Java继承的理解，在学习 JS 继承机制的设计上踩了一个大坑，很多知识点前...

冒泡排序： 就像冒泡一样，每次都可以选出一个最大的值到顶部，这里是数组的最后面的值，所以用两层循环。 第一层是冒泡次数，应该是arr.length-1，因为已经在顶部的不需...

例子 input触发键盘输入事件，将输入内容发送到后台： 可以看到，我们每次按下键盘输入的时候，都会去请求，这样很浪费资源，一般应用中都是等待用户输入完整的字符，再去请求后...

文章以图/文/代码案例三种结合的形式解读。毋庸置疑,前端缓存一定是前端架构者必定需要考虑的因素，也是开发者的巨大加分项。是前端性能优化中最重要的知识点之一。...

确实，相信很多人（包括我自己）都有类似的感慨，对某个知识点，看确实是看懂了，但如果真的再用同样的套路再去解一些带有同样解题思路，但稍加变形的题，往往会束手无策。对这种情况有...

跨域 定义 指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。 同源策略：是指协议，域名，端口都要相同，其中有...