m0_74977981的博客

我们可以使用。

总的来说，v-if有更高的切换开销，而v-show有更高的初始渲染开销。如果在运行时绑定条件很少改变，则v-if会更合适。这块内容只会在指令的表达式返回真值时才被渲染（类同if条件语句）v-if是“真实的”按条件渲染，因为它确保了在切换时，条件区块内的事件监听器和子组件都会被销毁与重建。顾名思义，v-else-if提供的是相应于v-if的“else if区块”。另一个可以用来按条件显示一个元素的指令是 v-show。v-else为v-if添加一个“else区块”中，提供了条件渲染，这类似于。

（简而言之就是嵌套，点击内层误触内层的现象）点击测试冒泡P和div都会出现，这是因为P标签在div标签里面。

Vue (发音为 /vju:/，类似 view)是一款用于构建用户界面的JavaScript 框架。它基于标准 HTML、CSS 和 javaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

在 Vue 中，处理表单绑定非常简单，主要依赖 v-model 指令，它能自动处理表单元素和 Vue 数据的双向绑定。通过 v-model，你可以轻松地将数据与表单控件（如文本框、单选框、复选框、下拉框等）进行绑定，从而实现数据与视图的同步。表单验证可以通过计算属性、方法和条件渲染来完成，确保表单的正确性和有效性。通过这些基本的操作，你可以在 Vue 中高效地处理表单输入、更新和验证等任务。

接着看<MyApp/>里面究竟是什么：也就是引用的MyApp.vue部分：MyApp.vue里面的template（也就是html部分--同时也是上述页面显示部分）是动态的message（动态数据来源于script里面的message：'组件基础组成'）；组件与组件之间不是完全独立的，而是有交集的，那就是组件与组件之间是可以传递数据的传递数据的解决方案就是props。这和我们嵌套HTML元素的方式类似，Vue实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑。组件最大的优势就是可复用性。

双大括号不能在 HTML attributes 中使用。想要响应式地绑定一个 attribute，应该使用。attribute 与组件的 dynamicid 属性保持一致。如果绑定的值是 null 或者。如果你有像这样的一个包含多个 attribute 的JavaScript 对象。那么该 attribute 将会从渲染的元素上移除。在前面的基础上，进一步探讨属性绑定相关知识。指令指示 Vue 将元素的。指令（也可以用“:”代替）是否应该存在于该元素上,就是最常见的例子之一。

Vue 使用一种基于 HTML 的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析。（如下代码意味着这个项目中App.vue将成为项目运行时的root窗口，以后的代码都将围绕App.vue展开）双大括号将会将数据插值为纯文本，而不是 HTML。若想插入 HTML，你需要使用。中已经对vue做了相关配置，接下来对vue的使用做进一步的探讨。一个简单的判断方法是是否可以合法地写在。

getTime() //时间戳-单位是毫秒（从1970.1.1 0时0分0秒来算）.getDay() //获取周几（其中周日显示0）.toLocaleString() //获取日期+时间。.toLocaleDateString() //获取日期。.toLocaleTimeString() //获取时间。.getFullYear() //获取年份。.getDate() //获取日。

【代码】Javascript应用(轮播图进阶)

其中转账数目包含小数部分或是完全整数，只需要更改parseInt() 与perseFloat() 即可。

制作一个简单的轮播图 ：（包括自动播放，和手动点击按钮）

1. setInterval(function,time) 周期函数-指定时间后，重复执行指定函数(其中time的单是毫秒，1000毫秒=1s)2. setTimeout(function,time) 延时定时器-指定时间后，执行一次函数(其中time的单是毫秒，1000毫秒=1s)5.将setTimeout() 定时器无限进行。4.同时调用两种方式。

skew（xAngle,yAngle） html元素沿着x轴倾斜xAngle角度,沿着y轴倾斜yAngle角度,yAngle可以省略。translate（tx ,ty）:html元素沿x轴移动tx距离，沿y轴移动ty的距离（ty可以省略，省略时，默认为零）translate3d(tx,ty,tz) :html元素沿x轴移动tx距离，沿y轴移动ty的距离,沿z轴移动tz距离。scale(sx,sy) html元素沿x轴的缩放比为sx，沿y轴的缩放比为sy,同样sy可以省略。

盒子由外至内：外边距>边框区>填充区>内容区。

所以，申请空间时，可能存在原失效数据，但不论原数据是符号、数字、音频……等，都是二进制数据，计算机都可以进行读取、更改，进而将原数据覆盖为所需有效数据。指针是基于数据的元素，类同数据类型，指针具有各类型指针int*、char*、short*......等基础类型，以及结构体指针、双星指针等较高级表达。计算机删除则是将数据剔除有效区间（本质上数据依旧存在，真正的“删除”是实现数据覆盖）①整数：short(16bit)，int(32bit)，long(64bit)5.指针修改数组值（指针记录数组首位元素地址）

6.与定位配套的方位属性left,right,top,bottom，但定位的取值必须是fixed，absolute，relative中的一项。7.与定位配套的层次属性z-index,调整，值越小越靠下，值越大，越靠上。特点：随浏览器的滚动而滚动，保留自己原来的空间，参考物是自己之前的位置。特点：不随浏览器的滚动而滚动，释放掉自己原来的空间参照物是整个浏览器。特点：随浏览器的滚动而滚动，释放掉自己原来的空间参照物是整个浏览器。特点：子元素随浏览器的滚动而滚动，释放掉自己的空间,参考物是父级。

3. getElementsByTagName() 根据元素名称获取元素，返回符合元素组成的数组。1. getElementById() 根据id值获取元素，返回符合的第一个元素（只会返回第一个）③replaceChild(替换元素,去除元素) 用'替换元素'取代'去除元素'②insertBefore(插入元素,位置) 将'插入元素'插入到'位置'之前。【true时为深复制(复制所有), false时为浅复制(只复制外壳)】二、 修改（修改内容、属性、样式）三、 添加(创建元素+添加元素)

【代码】Javascript应用（TodoList表格）

【n1-a1，n2-a2，n3-a3，n4-a4 分别表示上右下左顺序边角的椭圆边角，其中n代表水平，a代表垂直】e.g 有趣的小水滴动画（应用）

【代码】HTML笔记01。

(内部与外部的优先级取决于哪条指令【style与link】代码位置更加靠下（代码运行时覆盖原因）)3.同级别长度，css代码按照顺序执行，后面的代码会将前面的覆盖掉，即样式覆盖。2.优先级高低 id选择器>class选择器>元素选择器。4.以上适用于绝大多数场景，若特殊场景不适用，则自行测试。相同标签重复设置时优先级：行内样式>内部样式=外部样式。1. 选择器写得越长（越准确），优先级越高。（三类样式设置标签不同时，效果叠加；②first-line标签。② UI状态伪类选择器。① 结构性伪类选择器。

利用transform实现奥运五环层叠效果。

media [not|only] 设备名称and设备特性{}⑥aspect-ratio 设备宽高比。②min-width 最小宽度。③max-width 最大宽度。⑤resolution 分辨率。③projection 投影仪。①screen 计算机屏幕。④height 设备高度。①width 设备宽度。④ all 全部设备。

(url设置字体资源路径 format设置字体资源格式[其中format取值只有OpenType(*.otf) TrueType(*.ttf)])font-family: 定义服务器字体的名字;服务器字体：在不同的电脑、操作系统、浏览器之间的全场景字体风格统一。

①transition-property 指定html元素的哪个css属性及逆行平滑渐变处理。animation-iteration-count 执行次数(infinite无数次执行)animation-name 设置动画名称(配合@keyframes name使用)animation-direction 设置动画的方向 （alternate交替）animation-timing-function 渐变的速度。animation-duration 执行持续时间。from|to|百分比{

2.内联块级盒子实现横向布局：需要向横向布局的元素添加display:inline-block;②对文字大小进行处理，给使用display:inline-block的父级元素设置字体大小为0，并且该元素要设置有效字体大小。②元素之间的间距均匀分布，需要计算，而且不一均分。[注意：单纯使用float存在问题，所在父级元素无高度会导致下方元素上移，容易造成局部布局覆盖问题 ]【∴当设置子元素width均相等，且不设置压缩因子（或设置相等），则可以得到均分父级元素的效果】③书写比较繁琐，代码冗余。

【代码】Javascript应用（下拉框） 笔记17。

③background-repeat 设置图片平铺 repeat平铺 no-repeat不平铺 repeat-x 只横向平铺 repeat-y纵向平铺。【注：background: linear-gradient(方向，颜色，颜色,transparent) 表示逐渐融入环境】4.rgba(red,green,blue,alpha) alpha取值范围0~1，表示透明度（单代表颜色的透明度）3.rgb(red,green,blue) 取值范围为 ：0~255 e.g rgb(20,40,50)

【代码】CSS（阴影） 笔记应用10。

【代码】CSS（实现3d盒子旋转切换效果） 笔记12。

2.字符串 var a='aaaaaa' var b='a'var 声明变量的关键字(涵盖int、float...等等)1. 数字类型 var a=10 var b=10.5。4.undefined类型 声明了一个变量，但是没有赋值。【注：同数字类型相加为加法，不同类型相加为拼接 】5.null涉及到一个量，但是这个量本身不存在。3.布尔类型（真假） true false。（定义不区分类型，但是最后使用时有类型）引入格式（内嵌&外引）