腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端架构与工程

专栏作者

71

文章

86086

阅读量

41

订阅数

hover 背后的数学和图形学

webgl canvas svg api css

前端开发中，hover是最常见的鼠标操作行为之一，用起来也很方便，CSS直接提供:hover伪类，js可以通过mouseover+mouseout事件模拟，甚至一些第三方库/框架直接提供了 hover API ，比如 jQuery 的 hover() 函数。大部分前端开发者在使用这些很方便的方法时，可能并没有思考过 hover 背后的实现原理。

2021-11-19

1.3K0

不仅仅是复制粘贴 - 聊聊前端脚手架

api 开源 css node.js php

许多团队在制定前端工程方案时会加入脚手架模块。虽然不同的团队对工程化的理解和实施有所差异，但是对于脚手架的定位基本是一致的：创建项目初始文件。这是一条看起来十分简单地准则，但是对于这条准则应该如何理解，如何实施却并不是一件很简单地事情。在探索这条准则的深度之前，我们不妨看看类似的一些成熟方案，比如Eclipse。这个大名鼎鼎的IDE软件被很多Java和Android开发者使用。通过Eclipse创建一个新项目时，它提供了丰富的配置项，这些配置项可以归纳简化为以下流程：选择项目类型 -> 选择项目目录 ->

2018-01-30

1.2K0

前端工程师的基本素养

node.js html css javascript java

阅读原文闲来无事，今天随便聊聊前端工程师应该具备哪些素质，权当博大家一笑。前端工程师到底是工作很简单的“切图仔”，还是包揽客户端和中间层的“大前端”？招聘市场上有大量的公司对前端工程师求贤若渴；但同时求职市场上却有大量的前端工程师在“求职若渴”。造成这种两难局面的原因是用人单位与求职者对前端工程师的技能需求以及定位存在差异。应该怎么定位前端工程师这个岗位？我们可以从前端的发展历史中得到答案。 1.1.1 前端工程师的发展史 1990年，Tim Berners Lee发明了世界上第一个网页浏览器Worl

2018-01-30

1.1K0

必应首页平铺背景图片的实现方案

近期某个项目中需要实现以下需求：保持背景图片原始宽高比; 如果屏幕宽高比与背景图片宽高比不一致，则以图片中心为基点等比缩放背景图片，以适应屏幕尺寸。以上需求的原则就是始终保持背景图片宽高比，居中等比缩放填满屏幕。我们知道background-size: cover;是在背景图片保持原始比例的基础上，等比缩放覆盖背景区域。但是缩放的基点是左上角(0,0)，并不是居中缩放的。这样的机制下，屏幕显示的始终是背景图片的左上部分，并不能满足项目的需求。后来无意中注意到必应首页的背景图片是居中平铺的，行为表现与

2018-01-30

1.7K0

CSS3伪类和伪元素的特性和区别

前端er们大都或多或少地接触过CSS伪类和伪元素，比如最常见的:focus,:hover以及<a>标签的:link、visited等，伪元素较常见的比如:before、:after等。其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念，CSS1和CSS2中对伪类的伪元素的区别比较模糊，甚至经常有同行将:before、:after称为伪类。CSS3对这两个概念做了相对较清晰地概念，并且在语法上也很明显的讲二者区别开。伪类 - pseudo classes 首先看看CSS2中对伪类的定义： CS

2018-01-30

9840

【翻译】浏览器渲染Rendering那些事：repaint、reflow/relayout、restyle

腾讯云测试服务 css node.js

原文链接：http://www.phpied.com/rendering-repaint-reflowrelayout-restyle/ 有没有被标题中的5个“R”吓到？今天，我们来讨论一下浏览器的渲染（Rendering）-一个产生于Page 2.0生命周期中，甚至有时候会在下载瀑布流中出现的过程。我们来讨论浏览器在接收到HTML、CSS和JavasSript后，如何把你的页面呈现在屏幕上。一、浏览器渲染过程不同的浏览器的渲染过程存在些许不同，但大体的机制是一样的，下图展示的是浏览器自下载完全部的代

2018-01-30

9630

利用max-height适应多尺寸屏幕的下拉动画

移动设备的特点之一便是屏幕尺寸多种多样，所以我们在制作针对移动设备的动画时必须不同尺寸屏幕的兼容性。比如我们要制作以下动画：红框2为详细内容，默认收起；红框1处为事件响应热区，点击后展开或收起红框2的

2018-01-30

1.2K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态