- 博客(21)
- 收藏
- 关注
RSS订阅原创 盒模型、省略、浮动、MVVM
1、盒模型1.1怪异盒子模型的width和height包括border和padding的宽度。使用属性：box-sizing = border-box 来创建一个怪异盒模型。在怪异模式下的盒模型，盒子的（content）宽度+内边距padding+边框border宽度=我们设置的width(height也是如此)，盒子总宽度/高度=width/height + margin。1.2 box-sizing = context-box是标准盒模型。
2023-09-03 21:39:32
141
原创 动态组件和异步组件
简单来说是一个概念，一个可以让组件异步加载的方式；它一般会用于性能优化，比如减小首屏加载时间、加载资源大小。，它是用于不同组件之间进行动态切换的。
2023-08-26 23:11:59
83
原创 flex：1
这样的场景在Flex布局中非常的多。例如所有的等分列表，或者等比例列表都适合使用。当希望元素充分利用剩余空间，但是各自的尺寸按照各自内容进行分配的时候，适合使用。当希望元素充分利用剩余空间，同时不会侵占其他元素应有的宽度的时候，适合使用。整体设置为200px，内部设置。,会自动按照内容比例进行分配宽度。或者其他flex数值。
2023-08-26 22:52:06
78
原创 vite和webpack区别
而vite是直接启动开发服务器，请求哪个模块再对该模块进行实时编译。由于vite在启动的时候不需要打包，也就意味着不需要分析模块的依赖、不需要编译，因此启动速度非常快。这种按需动态编译的方式，极大的缩减了编译时间，项目越复杂、模块越多，vite的优势越明显。在HMR方面，当改动了一个模块后，仅需让浏览器重新请求该模块即可，不像webpack那样需要把该模块的相关依赖模块全部编译一次，效率更高。当需要打包到生产环境时，vite使用传统的rollup进行打包，因此，vite的主要优势在开发阶段。
2023-08-26 21:57:32
84
原创 Vue水波纹报错 TypeError: wave.ensureState is not a function
Vue水波纹报错 TypeError: wave.ensureState is not a function
2023-02-06 15:45:33
170
原创 小记1：多选框的使用
适用于多个勾选框绑定到同一个数组的情景，通过是否勾选来表示这一组选项中选中的项。checkedItems: [],//里面放多个对象 一个用户可选多个。与数组中的元素值相对应，如果存在指定的值则为选中状态，否则为不选中。//对象：存用户userId 和模块的sectorId。sectorId: [], //存选中的index。sysDic.sector.dicList：数字字典。checkedItems：Array 收集选中项。
2022-09-10 21:43:18
175
原创 Css 文本省略
*（多行文本的情况下，用省略号“…”隐藏溢出范围的文本)*/-webkit-line-clamp: 2;/*可以显示的行数，超出部分用...表示*/-webkit-box-orient: vertical;/*子元素垂直排列*/display: -webkit-box;/*弹性伸缩盒子*/
2022-09-05 11:53:08
341
原创 遇到“export ‘default‘ (imported as ‘XLSX‘) was not found in ‘xlsx‘的解决方法
遇到"export 'default' (imported as 'XLSX') was not found in 'xlsx'的解决方法
2022-04-23 14:47:07
3092
原创 购物车案例
1.项目初始化vue create shopcarnpm add bootstrapnpm add less [email protected] -D2.在components下创建 MyHeader组件 MyFooter组件 MyGoods组件 - 商品MyCount组件然后引入到App.vue上注册 在main.js中引入bootStrap库3.让MyHeader组件支持不同项目---自定义背景色可以让使用组件的人自定义-----父传子 子组件props定义变量来接收同理，文
2022-03-08 14:03:10
787
原创 Vue todolist 笔记 代码
目标：实现待办事项的添加1、收集数据----定义变量task-----v-model=“task” 实现数据收集与双向绑定2、回车确认[email protected]="事件名（回调函数名）"3、实现回车后要做的事：将当前的数据传到App.vue涉及到子传父的技术：父自定义事件和方法, 等待子组件触发事件给方法传值父组件：@自定义事件名=“父组件methods函数名”子组件:this.$emit("自定义事件名",传值)----->执行父组件methods里的函数代码4
2022-03-07 21:59:14
283
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人