全部javascript八股文cssvuereactgodot前端http-网络AIGolangelectronflutter浏览器vite工具gitpnpm前端规范前端监控htmlnextjs前端性能macLinux富文本eslintnginxuniappwebpacknuxttypescriptqwikvscode前端工具数据库react native性能优化移动端webcocoswebstorm编辑器dockerpm2pwawebrtc前端部署antdbabelmarkdownnestjspanellumthreejswebwindows前端工程化AI辅助astroechartsjenkinsmongodbnodeollamaredisshadcn_uisupabase流程图设计模式
css11-17
阅读css3新特性
2.过渡 过渡,是我在项目里面用得最多的一个特性了!也相信是很多人用得最多的一个例子!我平常使用就是想让一些交互效果(主要是hover动画),变得生动一些,不会显得那么生硬!好了,下面进入正文! 引用菜鸟教程的说法:CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点,必须规定两项内容:指定要添加效果的CSS属性指定效果的持续时间。 2 1语法 栗子1 栗子2 上面栗子是简写模式,也可以分开写各个属性(这个在下面就不再重复...
#面试
css11-17
阅读CSS之圣杯布局与双飞翼布局
一、圣杯布局与双飞翼布局 首先我们需要知道两种布局的需求是什么。 需求都是实现如下的三列布局 ,(重点!!) 1、两侧内容宽度固定,中间内容宽度自适应 2、三栏布局,中间一栏最先加载、渲染出来 即便布局类似,二者还是有本质上的区别: <img width="756" height="261" src="../../ resources/f84d298c0bfa42c5bd47ed416070cd1b 307b58ab8fe649b89....
css10-14
阅读clientX与clientY : pageX与pageY
clientX/clientY : 鼠标相对于当前视口的x/y坐标, 不不考虑页面滚动的距离。(以视口左上角为原点) pageX/pageY : 鼠标相对于整个页面的x/y坐标,会加上页面的滚动距离 (以页面左上角为原点) screenX/screenY : 鼠标相对于屏幕的x/y坐标 (以屏幕左上角为原点) offsetX/offsetY : 鼠标在触发事件的目标元素上的x/y坐标(以元素的左上角为原点)