明里灰的博客

当一个放在整个页面的容器，它的宽度定义为 width:100%;假设再添加 padding ，border 或者 margin 则会溢出父容器，是向外扩张的，也就是说设置了之后看不到效果。标准盒模型和 IE盒模型的区别在于设置 width 和 height 属性时，所对应的范围不同，可以通过box-sizing来改变元素的盒子模型。，width和height属性其实是。，属性width，height包含了。(内容)的宽度和高度。(边框)，四个部分。

经过昨天的中期答辩，其实可以看出来项目进度太慢了，现在是第十周，预计第十四周是终级答辩，在这段时间要把项目写完。前端要加上一个未登录的拦截器，后端加上全局的异常处理。对于饿了么项目的商品建表，之前建的表有很多问题，商品的口味规格加料之类的属性，不能直接像笛卡尔积一样，一个一个对应匹配，因为有些组合是不存在的，此时用一个spu表存商品的各种属性（口味，甜度），一个sku表存属性之间的链接关系。

在默认情况下语法糖组件内部的属性和方法是不开放给父组件访问的，可以通过defineFxpose编译宏指定哪些属性和方法可以访问。create-vue是官方新的脚手架工具，底层切换到了vite（下一代构建工具），为开发提供急速响应。接下来输入执行下面的语句（之后如果要打开项目也是指令，终端要进入项目所在的目录）本质：是在原有传入数据的基础上，外层包了一层对象，包成了复杂类型。监听一个或多个数据的变化，数据变化时执行回调函数。接收一个对象类型的数据，返回一个响应式的对象。

computed计算属性概念基于现有数据，计算出来的新属性，依赖的数据变化，会自动重新计算生命周期Vue生命周期：一个Vue实例从创建到销毁的整个过程，工程化开发&脚手架Vue CLI，组件化：一个页面可以拆分为一个个组件，每个组件有着自己独立的结构、样式、行为。好处：便于维护，利于复用，提升开发效率

设置可以写为 v-bind:src="imgSrc"，也可以简写为 :src="imgSrc"表达式的值为true，元素存在于dom树中，为flase时从dom树中移除。v-text指令的作用是：设置标签的内容（textContent）axios回调函数中的this已经改变，无法访问到data中的数据。v-html指令的作用是：设置元素的innerHTML。设置元素的属性（比如：src，title，class）根据表达式的真假，切换元素的显示和隐藏。根据表达值的真假，切换元素的显示和隐藏。