翻译一篇文章 标题,第三方的css并不安全 文章源地址 https://jakearchibald.com/201… 前几天,有很多关于css的键盘记录器的相关的消息。 css 键盘记录器 https://g…
分类:css
对BFC规范的理解
1. 什么是BFC BFC(block formatting context):块级格式化上下文。简单来说它就是一种会影响元素与元素之间的位置、间距的属性。 2. 如何触发(创建)BFC float:给元素添加浮动 le…
fixed固定定位 定位元素的层级和float层级的区别 遮盖效果
71讲 固定定位 固定定位与上一讲的绝对定位很相似,不同点是: 固定定位永远是浏览器窗口左上角 不会随着滚轴滚动,常用来做广告 72讲 元素的层级 相对定位没有脱离文档流,但是会灵魂出窍进行元素遮盖。绝对定位脱离了文档流…
切换页面主题样式研究及less教程
某一天,一个头条的大佬问我,听说你之前在项目里面弄过主题切换,你当时是怎么实现的可以详说一下吗? 如果已经对less了如指掌,直接从这里开始。 从less说起 使用 Node.js 环境中使用 Less : npm in…
react16之前的生命周期
lefecycle-React react16之前后的生命周期 A.初始化阶段:1.设置默认属性: static defaultProps = { name: 'sls', age:23, number: 0 }; //…
隐藏火狐和谷歌浏览器滚动条
有时候想要实现滚动条隐藏,但是还是可以滚动内容的效果 怎么实现呢? 谷歌浏览器webkit &::-webkit-scrollbar { display: none; } 火狐浏览器 scrollbar-widt…
CSS > 选择器优先级与效率优化
CSS选择器优先级与效率优化 Date: 7th of Aug, 2015 Author: HaoyCn 本文收集网上各处关于CSS选择器的文章总结,并自己归纳一篇。 各类选择器的优先级 important声明 1,0,…
CSS 字体(例如font-awesome),使用子域名之后不能正确显示
症状 原来能正常显示的情况下,将js、css、图片文件改为子域名访问,方便cdn加速。切换之后一切正常,但是font-awesome的图片没有正确显示,全部显示框框 原因 因为浏览器的安全规则,虽然是子域名,但是css跨…
一段程序让你看懂JS中的this
看下面这段程序 var name = "Bob"; var nameObj ={ name : "Tom", showName : function(){ console.log(this.name); }, waitS…
使用原生js实现轮播图效果
知乎原文 我的博客 微信公众号这几天在逛网站的时候,发现很多网站都有轮播图这个效果,所以我就仿照小米的官网用原生js写了一个轮播图效果,希望大家喜欢。这是我发布在github上的最后实现的效果:https://heter…
Web前端经典面试试题(二)
上次由于时间有限只分享了一部分的前端面试题,所以本篇继续分享前端经典面试试题 一. 栈和队列的区别? 栈的插入和删除操作都是在一端进行的,而队列的操作却是在两端进行的。 队列先进先出,栈先进后出。 栈只允许在表尾一端进行…
新手引导动画的4种实现方式
前言 前一阵子忙着找工作,面试过程中,碰到一个感觉比较有意思的问题,尽量多的列举出新手引导动画的实现方式, 昨天稍微总结了一下, 实现了4种.源码在最后,如果想直接看结果的,可以拉到最后去看. 这里假设所有的弹出层都是基…