![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
cjFrontEnd
这个作者很懒,什么都没留下…
展开
-
纯css 利用多栏布局实现瀑布流 简略版
由于工作需要,今天尝试用纯css实现了一下瀑布流的布局,实现的原理是利用多栏布局配合break-inside属性,此种方式的实现代码非常简单,也不需要依赖任何插件,下面 先看一下实现的效果图:下面贴上实现代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"&g...原创 2019-03-04 11:05:14 · 343 阅读 · 0 评论 -
前端性能优化之减少重排,对比重排与重绘
在前端开发的过程中,性能优化是一个最常见的问题,重绘与重排也是提到优化时不可忽视的一块。那么什么是重绘与重排呢,在解释重绘与重排之前,我们首先需要先了解清楚浏览器的渲染过程, 下面先上一张比较常见的渲染过程图:根据上图我们可以看到和总结出浏览器的渲染大致分为以下五个步骤: DOM Tree: 浏览器根据HTML解析出DOM Tree Style Rules:根据C...原创 2019-03-03 23:56:41 · 1240 阅读 · 0 评论 -
深入理解 requestAnimationFrame
随笔-34 文章-12 评论-371requestAnimationFrame 知多少?在Web应用中,实现动画效果的方法比较多,JavaScript 中可以通过定时器 setTimeout 来实现,css3 可以使用transition 和 animation 来实现,html5 中的 canvas 也可以实现。除此之外,html5 还提供一个专门用于请求动画的 API,即 r...转载 2019-05-29 18:01:49 · 229 阅读 · 0 评论 -
web安全指XSS与CSRF
根据《图解http》一书关于web攻击的介绍,攻击的模式有两大类,主动攻击与被动攻击主动攻击:主要针对服务器上的资源进行攻击,代表攻击方式有SQL注入与OS命令注入.被动攻击:攻击者并不是直接对web应用发起攻击, 而是通过一定的引诱或者圈套策略发起攻击.被动攻击中最常见的两种攻击方式是XSS与CSRF:xss(cross-site-scripting):跨站脚本攻击...原创 2019-06-23 23:21:10 · 179 阅读 · 0 评论