SF
前端小学生
前端小学生
注册登录
关注博客
注册登录
主页
关于
RSS
css-虚线边框滚动效果
gentlecoder
2019-05-08
阅读 3 分钟
2.5k
常常看到一种酷炫的效果,鼠标hover一片区域后,区域显示出虚线边框,并且还有线条动画,那么这种效果具体是怎么实现的呢,本文提供了几种思路仅供参考。
在我水了11种水平垂直居中方法之后,我终于明白了
gentlecoder
2019-04-21
阅读 4 分钟
1.2k
老生常谈,水平垂直居中。为什么大家都爱水平垂直居中呢? 基本HTML {代码...} 根据如上结构,通过css实现水平垂直居中。 绝对定位 利用父元素相对定位和子元素绝对定位进行水平垂直居中。根据是否知道子元素宽高,使用数值或者百分比的方式进行定位。 方法1 {代码...} 通过设置四向为0和margin: auto实现。 方法2 {代码...
切换页面主题样式研究及less教程
gentlecoder
2019-04-14
阅读 6 分钟
4.9k
某一天,一个头条的大佬问我,听说你之前在项目里面弄过主题切换,你当时是怎么实现的可以详说一下吗? 如果已经对less了如指掌,直接从这里开始。 从less说起 使用 Node.js 环境中使用 Less : {代码...} 在浏览器环境中使用 Less : {代码...} 不过比较推荐的还是通过webpack或者gulp等工具先将less编译成css,然后再...
由一道题引申出的事件循环、let\var用法、iife、块级作用域
gentlecoder
2019-04-13
阅读 5 分钟
1.8k
没有错,这道题就是: {代码...} 为什么这里会出现10次10,而不是我们预期的0-9呢?我们要如何修改达到预期效果呢? 运行时&&事件循环 首先我们得理解setTimeout中函数的执行时机,这里就要讲到一个运行时的概念。 栈 函数调用形成了一个栈帧。 {代码...} 当调用 bar 时,创建了第一个帧 ,帧中包含了 bar 的参...