html
文章平均质量分 87
蓝色bule
这个作者很懒,什么都没留下…
展开
-
grid布局
Flex布局是轴线布局,只能指定“项目”针对轴线的位置,可以看作是一维布局。Grid布局则是将容器划分成“行”和“列”,产生单元格,然后指定“项目所在”的单元格,可以看作是二维布局。Grid布局远比Flex布局强大。基本概念容器和项目采用网格布局的区域,称为容器。容器内部采用网格定位的子元素,称为项目。<div> <div><p>1</p></div> <div><p>2</p></div&原创 2021-06-29 21:54:56 · 103 阅读 · 0 评论 -
flex布局
概念采用Flex布局的元素,称为Flex容器。它的所有子元素自动成为容器成员,称为Flex项目。容器的属性flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-contentflex-direction属性该属性决定主轴的方向(及项目的排列方向).box{ flex-direction: row | row-reverse | column | column-reverse}共有4个值row:主轴原创 2021-06-29 16:38:47 · 74 阅读 · 0 评论 -
一次面试小记
1.created和mounted的区别?DOM是在哪个阶段渲染完成的?- created::数据观测,property和方法运算,watch/event事件回调。然而,挂载阶段还没开始, $el property 目前尚不可用。未渲染DOM。这个使用已经可以使用到数据,也可以更改数据,不会触发updated函数。- mounted:实例被挂载后调用,这时 el 被新创建的 vm.$el替换了。如果根实例挂载到了一个文档内的元素上,当 mounted 被调用时 vm.$el也在文档内。**挂载元素,获原创 2021-06-29 11:17:25 · 125 阅读 · 0 评论 -
前端性能优化
前端性能优化1.减少HTTP请求2.使用HTTP2HTTP2相比HTTP1.1的优点:解析速度快多路复用首部压缩优先级http2可以对比较紧急的请求设置一个较高的优先级,服务器在收到这样的请求后,可以优先处理流量控制服务器推送3.使用服务器端渲染a.客户端渲染:获取html文件,根据需要下载JavaScript文件,运行文件,生成DOM,在渲染。b.服务端渲染:服务端返回HTML文件,客户端只需解析文件。优点:首屏渲染快,SEO好;缺点:配置麻烦,增加了服务器的计算转载 2021-04-15 18:07:36 · 71 阅读 · 0 评论 -
css3动画
1.animate.csshttps://daneden.github.io/animate.css/2.velocity.jshttp://velocityjs.org/原创 2018-06-21 09:34:21 · 202 阅读 · 0 评论 -
div四个角边框
.rect { position: absolute; top: 20px; left: 20px; width: 100px; height: 100px; background: linear-gradient(to left, #000, #000) left top no-repeat, linear...原创 2018-11-23 10:38:24 · 1435 阅读 · 0 评论 -
登录框密码框input框禁止复制、粘贴、剪切和右键功能
<input name="pwd" type="password" id="pwd" onpaste="return false" oncontextmenu="return false" oncopy="return false" oncut="return false"/>原创 2019-02-12 08:28:00 · 3150 阅读 · 1 评论