- 博客(7)
- 收藏
- 关注
原创 学习笔记3:CSS样式入门01
其会依据阅读方向/书写模式而变化(writing-mode/direction)gap和margin的用法一致,是flex的专属margin。使用逻辑属性 inline-size/block-size。width对应的是主轴尺寸;5 . order的作用?xxx:nth-child(2n)是如何产生作用的。flex布局中出现剩余/不足空间,如何处理?原因是flex是一维盒子,仅保证行或列的对齐。flex项目是如何在flex中进行展示的?主轴侧轴起点的作用,其会被什么影响?起点用于设置从左/右/上/下开始。
2024-03-22 09:26:31 158 1
原创 学习笔记2:css布局的历史
CSS主要实现的是我们所看见的布局,当前的主流解决方案就是grif,flex和float,三种布局,一次为基础实现了所有的布局。最开始就是HTML进行页面的框架设置,当布局的需要产生后,经过一段时间的努力,将样式布局的设计单独拆分出来,就成为了CSS。通过欺骗的方式来实现对不同浏览器的兼容,这个存在的问题是容易失效,临时方案存在不稳定的风险。如在小程序和飞书小程序之间所使用的依据运行平台选择执行不同的代码就是前端Hack的案例。CSS主要解决的是什么问题,当前的解决方案是什么?前端的Hack是什么意思。
2024-03-22 09:25:02 150 1
原创 学习笔记2:css布局的历史
CSS主要实现的是我们所看见的布局,当前的主流解决方案就是grif,flex和float,三种布局,一次为基础实现了所有的布局。最开始就是HTML进行页面的框架设置,当布局的需要产生后,经过一段时间的努力,将样式布局的设计单独拆分出来,就成为了CSS。通过欺骗的方式来实现对不同浏览器的兼容,这个存在的问题是容易失效,临时方案存在不稳定的风险。如在小程序和飞书小程序之间所使用的依据运行平台选择执行不同的代码就是前端Hack的案例。CSS主要解决的是什么问题,当前的解决方案是什么?前端的Hack是什么意思。
2024-03-22 09:22:27 178 1
原创 学习笔记1
当涉及异步更新问题时,异步传过来的数据在渲染之后,需要重新渲染数据,此时可以使用updated生命周期钩子,进行Dom重绘。组件是无法像原生标签一样直接@click的,需要加上.native属性才可以。slot的用法,什么时候用slot,slot的使用会有什么优势和好处。这可以直接为子组件添加新的功能,而不用去对子组件进行修改。slot可以实现父组件直接将写好的东西插入到子组件中。updated生命周期钩子,重绘被更新的DOM。
2024-03-22 09:20:19 189 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人