学习笔记
曦染DLp
这个作者很懒,什么都没留下…
展开
-
使用CSS制作流动线效果
这回项目要做一个大屏展示,大概样式是,中间一个地球,向外发射几条蓝色直线,直线另一头是展示的标题。为了体现科技感,蓝色直线要做出一种像水流一样的流动特效。原创 2023-03-08 16:47:21 · 5818 阅读 · 0 评论 -
【Vue基础】关于Vue中CSS的scoped属性作用域与样式穿透
scoped在了解scoped属性之前,先了解一下Vue(中的插件)在渲染DOM时干了什么。Vue在渲染DOM后会在DOM节点上生成一个随机串data属性,这一属性给了当前组件下的DOM一种唯一标识。当在style标签中加入scoped属性后,在页面渲染完毕后,style下所有的CSS都会自动转换,在过滤器上添加与DOM相同的data属性值。也就是说,从结果来看,scoped属性让CSS只对当前组件中的元素起作用,防止了CSS全局污染。要注意,scoped修饰后的CSS过滤器只对编译器中写入的元素起作原创 2022-04-02 17:21:23 · 3388 阅读 · 0 评论 -
【CSS笔记】一些CSS的基础(随手更新)
PC端与移动端的适配问题响应式布局同一页面在不同屏幕尺寸下有不同的布局,实现不同屏幕分辨率的终端上浏览网页的不同展示方式。1.设置meta标签例如:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">视口就是网页可见区域的尺寸,设置视口时只设置宽度就行,不用在乎高度,具体高度由网页内容自动撑开。上面 meta 标签中内容的含义如下原创 2022-04-02 17:14:29 · 139 阅读 · 0 评论 -
【Vue基础】父子组件之间的数据传递
父组件向子组件传递数据父组件要做的:1.父组件import引用子组件;2.在components中注册子组件;3.通过v-bind属性向子组件中传值。例如:<child :parent-name="parentName"></child>子组件要做的:4.子组件通过props获取父组件传递的值;props: { /* 通过属性接收父组件传过来的数据,属性是parent-fun, props中可以使用parentFun变量接收 */ parentName: {原创 2022-04-02 17:07:15 · 2133 阅读 · 0 评论