推荐
最新
热榜
疑难杂症：运用 transform 导致文本模糊的现象探究

疑难杂症：运用 transform 导致文本模糊的现象探究

在我们的页面中，经常会出现这样的问题，一块区域内的文本或者边框，在展示的时候，变得特别的模糊，如下(数据经过脱敏处理)：正常而言，应该是这样的：emmm，可能大图不是很明显，我们取一细节对比，就非常直观了：何时触发这种现象？那么？什么时候会触发这种问题呢？在Google上，其实我们能搜到非常多类似的案例，总结而言：当文本元素的某个祖先容器存在transform:translate()或者transform:scale()等transform操作时，容易出现这种问题当然，这只是必要条件，不是充分条件。继续深
Css
【动画进阶】有意思的网格下落渐次加载效果

【动画进阶】有意思的网格下落渐次加载效果

最近，群友贴了一个非常有意思的动画效果，整体动画效果如下：点击某个按钮后，触发一个动画效果，原本的网格内容，将按顺序（又带点随机的效果）从高处下落进行加载填充动画。当然，我个人认为这个动画有点华而不实，主要体现在这个动画一次需要耗费较长时间，有点消磨人的耐心。不过确实一个很好的CSS动画教学案例。而本文，就将具体去剖析这个动画，如果使用纯CSS，应该如何实现。还原布局结构首先，我们需要大致还原布局结构，这个并非整个动画的核心。整个动画的核心在于元素按顺序（又带点随机的效果）从高处下落渐次进行下落加载填充动画。当然，还原这个布局也非常简单，这里我们借助flex布局快速实现，几个...
面试
怎样判断面试者是否有扎实的前端基础？

怎样判断面试者是否有扎实的前端基础？

以下我们以自己岗位在招的一份JD为例，不同业务和项目背景可能会对技能有不同要求，本份JD仅供参考。我们想要的同学JD业务背景淘宝内部最大创新项目之一，大团队已有百人规模，大部分项目处于保密阶段，前景远大职位描述1.负责组件库与业务页面开发。2.带领团队完成技术产品实现。3.负责大型多应用架构设计。4.利用前端技术与服务端协同完成团队业务目标。职位要求1.掌握图形学，webgl或熟练使用threejs框架，熟练canvas相关渲染及动画操作的优先。2.熟练掌握JavaScript。3.熟悉常用工程化工具，掌握模块化思想和技术实现方案。4.熟练掌握React前端框架，了解技术底...
Vue
你了解vue的diff算法吗？说说看

你了解vue的diff算法吗？说说看

面试官：你了解vue的diff算法吗？说说看一、是什么diff算法是一种通过同层的树节点进行比较的高效算法其有两个特点：比较只会在同层级进行,不会跨层级比较在diff比较的过程中，循环从两边向中间比较diff算法的在很多场景下都有应用，在vue中，作用于虚拟dom渲染成真实dom的新旧VNode节点比较二、比较方式diff整体策略为：深度优先，同层比较比较只会在同层级进行,不会跨层级比较比较的过程中，循环从两边向中间收拢下面举个vue通过diff算法更新的例子：新旧VNode节点如下图所示：第一次循环后，
JavaScript
【中高级前端】必备，30+高频手写实现及详细答案(万字长文)，你值得拥有噢

【中高级前端】必备，30+高频手写实现及详细答案(万字长文)，你值得拥有噢

本文已参与 「掘力星计划」 ，赢取创作大礼包，挑战创作激励金。前言快排、冒泡、Promise、Promise.all、new...你能都手写实现吗？从原理出发到底层实现，和胖头鱼一起学习这30+高级知识吧！！！点击查看日拱一题源码地址（目前已有62+个手写题实现）1.实现instanceOf的3种方式instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。MDN上关键点:构造函数Fn的prototype，实
Vue
说说你对SPA（单页应用）的理解?

说说你对SPA（单页应用）的理解?

你对SPA单页面的理解，它的优缺点分别是什么？如何实现SPA应用呢一、什么是SPASPA（single-pageapplication），翻译过来就是单页应用SPA是一种网络应用程序或网站的模型，它通过动态重写当前页面来与用户交互，这种方法避免了页面之间切换打断用户体验在单页应用中，所有必要的代码（HTML、JavaScript和CSS）都通过单个页面的加载而检索，或者根据需要（通常是为响应用户操作）动态装载适当的资源并添加到页面页面在任何时间点都不会重新加载，也不会将控制转移到其他页面举个例子来讲就是一
下拉加载更多
猜你喜欢
换一换
最新文章
更多