元素显示隐藏的9种思路
在网页制作中,元素的显示隐藏是非常常见的需求。本文将介绍元素显示隐藏的9种思路,对于元素显隐来说,最常见就是display:none | display:block,但是使用这种方法有个问题
时间: 2019-12-11阅读: 56标签: 元素
HTTPS用的是对称加密还是非对称加密?
随着互联网安全意识的普遍提高,对安全要求稍高的应用中,HTTPS的使用是很常见的,甚至在1年前,苹果公司就将使用HTTPS作为APP上架苹果应用市场的先决条件之一,所以无论是即时通讯IM还是其它应用,在网络安全意识增强的今天
时间: 2019-12-10阅读: 36标签: 加密
css如何实现保持div等高宽比?
那么css如何实现高度height随宽度width变化保持比例不变呢?即给定可变宽度的元素,它将确保其高度以响应的方式保持成比例(即,其宽度与高度的比率保持恒定)。下面以高宽 2:1 为例,通过2种方式来实现这种效果。
时间: 2019-12-10阅读: 22标签: 宽高
纯CSS3仿网易云孤独星球特效
今天收听网易云音乐时看到孤独星球的特效,于是就顺手搬到这里了。孤独星球特效本身没有什么难点,但如果要加入音轨控制星球运动频率就有点麻烦了
时间: 2019-12-09阅读: 75标签: 特效
CSS3中的渐变效果
渐变是CSS3中比较丰富多彩的一个特性,通过渐变我们可以实现许多绚丽的效果。渐变可分为线性渐变和径向渐变。线性渐变:沿着某条直线朝一个方向产生渐变效果
时间: 2019-12-08阅读: 73标签: 渐变
纯CSS3制作3d网红热词盒子
今天给大家分享的是CSS3制作的带3d效果的方块,上面简单整理了一下2019年的网红热词。这个DEMO用到了CSS3的3d变化技巧,做出来的效果还不错。请注意,该3d效果依赖transform-style: preserve-3d属性
时间: 2019-12-06阅读: 62标签: 效果
CSS加载会阻塞页面显示?
可能大家都知道,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗?接下来,我们就一起来分析一下。那么为什么会出现上面的现象呢?我们从浏览器的渲染过程来解析下。
时间: 2019-12-05阅读: 46标签: 阻塞
html网页添加音乐视频方式
声音无法自动播放这个在 IOS/Android 上面一直是个惯例,桌面版的 Safari 在 2017 年的 11 版本也宣布禁掉带有声音的多媒体自动播放功能,紧接着在 2018 年 4 月份发布的 Chrome 66 也正式关掉了声音自动播放
时间: 2019-12-05阅读: 52标签: 视频
从输入URL到页面加载发生了什么?
输入URL到页面加载发生了什么?通过连接这个过程,然后针对性地对每个过程进行优化,最终实现的就是我们的前端性能优化。本篇文章主要介绍一些基础性的概念,很少涉及真正的性能优化。
时间: 2019-12-04阅读: 55标签: url
DOM 高级工程师不完全指南
前端框架真的太香了,香到我都不敢徒手撕 DOM 了!虽然绝大多数前端er都有这样的困扰,但本着基础为大的原则,手撕 DOM 应当是一个前端攻城狮的必备技能,这正是本文诞生的初衷
时间: 2019-12-03阅读: 58标签: dom
css盒模型
盒模型:box-sizing;标准盒模型: content-box 宽高即为content的宽高;IE盒模型:border-box 宽高为content+padding+border;dom.style.width/height 只能获取内联样式设置的宽高
时间: 2019-12-01阅读: 27标签: 模型
vue中能穿透组件的css选择器
如果父组件style设置了scoped,除了全局样式与子组件内部修改样式以外不受外部样式的影响,但要是父组件想修改子组件某个地方的样式但又不想为了这么一点变动去添加个全局样式该怎么做呢?
时间: 2019-11-28阅读: 80标签: 选择器
能用CSS能播放声音吗?
CSS 是样式、布局和表示的领域。它充斥着颜色、大小和动画。但是你知道吗,它还可以在网页上控制播放声音。本文介绍了一些技巧。实际上它并不是真正的 hack,而是针对 HTML 和 CSS 的严格实现
时间: 2019-11-28阅读: 88标签: 音频
CSS 性能优化还有哪些方法?
CSS 必须通过一个相对复杂的管道,就像 HTML 和 JavaScript一样,浏览器必须从服务器下载文件,然后进行解析并将其应用于DOM。由于优化程度极高,这个过程通常非常快——对于不基于框架的小型 web 项目,CSS通常只占总资源消耗的一小部分
时间: 2019-11-27阅读: 68标签: 优化
robots.txt 和 sitemap
为了爬虫, 在网站根目录创建robots.txt文件(utf-8),文件内容涉及四类键值对:User-agent,Disallow,Allow,Sitemap,支持正则, Disallow后没内容就是允许所有,sitemap四种写法:
时间: 2019-11-27阅读: 60标签: Sitemap