谁住在深海的大包络里

TODOList：输入框中输入一段文字，点击提交按钮后提交至下方无序列表。 这时，在输入框中输入的字符（数据），也会响应到实例中data.inputVal的数据。 mode...

由于max-width限制了第二段的最大宽度，只能接受比他小的值，所以对整个<p>标签400px的宽度设置，对他不起作用。 由于min-width限制第三段的最小宽度，只能...

在CSS引用中，注释不使用<!--注释内容-->,而是/*注释内容*/，与C语言类似。 2. 通过类选择器为有class属性的元素设置CSS样式 切记，一定要在class名...

例如左对齐：<p align="left"> ... </p> 或者使用预格式标签<pre> ... </pre>即可使最终网页显示效果与编译器显示效果相同...

这里我们想实现点击按钮交替显示两个组件。 思路：设置一个数据 type，并在两个组件中监听 type 的值，来决定组件是否被使用，在点击函数中通过判断 type 值来实现改...

这里显示的是传递进来的HTML标签，并没有进行渲染。 这样做的缺点首先是需要在外面写一个<div>盒子进行包裹。其次，若content内容较多时，比较难阅读。 作用：将父组...

简单说就是：对传递的参数进行判断。 例如：我们想对上述代码中父组件传递给子组件的 “12345” 这个数字进行检查，看是否为数字而不是字符串，以免有人在上传年龄时上传名字。...

那么为什么没有将模板内的<tr>显示在页面。 那么我们在实例vm中加上el:"#root"。问题就解决了！ 这里的组件 <row> 跳出 <tbody> 和 <table>...

数组操作首先我们写出来一个列表我们想修改这个数组内数据，并同时渲染到页面上splice方法(位置，删除个数，要添加的元素)直接改变引用在控制台直接修改数组对象的操作我们还可...

我们开始从div盒子解读，在div中进行点击事件监听，如果点击触发handlediv方法。（方法设计后面再说），然后在这个盒子上将一个名为class的变量和 {activa...

这里引申出 get 函数的工作原理：当 get 函数依附的值 （this.firstname） 变化时重新渲染。...

Mustache 标签将会被替代为对应数据对象上 “msg” 属性的值。无论何时，绑定的数据对象上 msg 属性发生了改变，插值处的内容都会更新。 如果使用 v-once ...

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一...

用于比较变量改变前后的值。使用时将其放置在值改变前。...

左右两个盒子脱离了标准流分别向左右浮动，但是需要在html中要先写左右两个盒子的代码。 如果右盒子在中间盒子后面，那么中间盒子会摆满整行，而右盒子会在下一行向右浮动。...

不同：Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，...

BFC（Block Formatting Context）提供了一个环境，并让HTML元素在这个环境中按照一定规则进行布局。我们需要知道，在一个环境中，元素不会影响到其它环...

内部的Box会在垂直方向，一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。 每个盒子（块盒与行盒）的m...