用户3671866876938
获得徽章 0
- 三、弹性盒子布局
弹性盒子布局（Flexbox Layout）是CSS3中引入的新的布局方式，它提供了一种更加灵活和简便的布局方式。可以通过指定弹性容器和其内部的弹性项目，来实现各种复杂的布局。评论点赞 - 单向数据流模式：
优点：数据流动明确可控，提高了应用程序的可预测性；状态集中管理，便于调试和维护。
缺点：中小型应用可能会引入过多的状态管理代码，增加了代码量。
使用案例：React框架使用了单向数据流模式，通过组件之间的数据传递和状态管理来实现UI的更新。评论点赞 - 强缓存：通过设置响应头中的Cache-Control或Expires字段来控制是否使用强缓存；
协商缓存：通过设置响应头中的ETag或Last-Modified字段来与服务端进行比对，判断是否需要重新请求资源；
离线缓存：使用Service Worker等技术，可以使网页在离线状态下依然可访问。评论点赞 - 了解了TypeScript中泛型类的使用方法和场景，并学习了使用类型约束来增加代码的灵活性和安全性。泛型在实际开发中具有广泛的应用，通过合理使用泛型，评论点赞
- 一、减少重绘和重排
优化CSS选择器：尽量避免使用通配符选择器和后代选择器，因为这些选择器会增加查找元素的时间复杂度。
合并和压缩CSS和JavaScript文件：将多个CSS或JavaScript文件合并成一个文件，并进行压缩，可以减少文件的加载时间。
使用requestAnimationFrame来触发重排：通过requestAnimationFrame方法来实现动画效果，可以将多次重排合并为一次。展开评论点赞 - 前置理解：
1. name: 给单选框加上 name 属性 可以分组 → 同一组互相会互斥
2. value: 给单选框加上 value 属性，用于提交给后台的数据
value 结合 Vue 使用 → v-model评论点赞 - vue3.3新特性-defineOptions
背景说明：
有<script setup>之前，如果要定义 props,emits 可以轻而易举地添加一个与 setup 平级的属性。
但是用了<script setup＞后，就没法这么干了 setup 属性已经没有了，自然无法添加与其平级的属性
为了解决这一问题，引入了defineprops 与 defineEmits 这两个宏。但这只解决了props 与emits 这两个属性。
如果我们要定义组件的 name 或其他自定义的属性，还是得回到最原始的用法
-再添加一个普通的<script>标签。
这样就会存在两个<script 标签。让人无法接受。展开评论点赞 - 1. setup选项的执行时机？
beforeCreate钩子之前 自动执行
2. setup写代码的特点是什么？
定义数据＋ 函数 然后以对象方式return
3. <script setup>解决了什么问题？
经过语法糖的封装更简单的使用组合式API
4. setup中的this还指向组件实例吗？
指向undefined展开评论点赞