摘要：
Flex布局（弹性布局） Flex是弹性布局，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为Flex布局。行内元素也可以使用Flex布局。 采用Flex布局的元素，称为Flex容器。flex item项目是Flex布局的元素，简称项目。 容器：水平的主轴（main axis）和垂直的交叉轴 阅读全文
摘要：
grid和flex区别是什么？ Flexbox 是一维布局系统，适合做局部布局，比如导航栏组件。Grid 是二维布局系统，通常用于整个页面的规划。flex布局和grid布局是现在的主流的两种布局方式。二者从应用场景来说并不冲突。虽然 Flexbox 也可以用于大的页面布局，但是没有 Grid 强大和 阅读全文
摘要：
阅读全文
摘要：
常用的条件指令有： v-ifv-else-ifv-else其中v-if可以单独使用，v-else-if必须紧跟v-if，v-else必须紧跟v-else-if或者v-if。当表达式的值为true时，当前元素/组件及所有的子节点都将会被渲染，反之被移除。 如果一次判断的是多个元素或组件，那么可以在元素 阅读全文
摘要：
一：vue中如何绑定事件？vue事件分为两类，一个是原生dom事件，一个是组件自定义事件，绑定方法类似: #绑定原生dom事件 <div id="example-1"> <button v-on:click="handle">Add 1</button> <p>The button above ha 阅读全文
摘要：
vue提供动态绑定class的方法，是根据属性控制控制class的显示与隐藏。 testStyle,testStyle2是类名，是否在元素中引用该类，取决于后面的方法（属性）传递回来的值（true 或 false） <template> <div> <div :class="{testStyle:t 阅读全文
摘要：
什么是数据双向绑定？ vue是一个mvvm框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是vue的精髓之处了。值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的，非UI控件不会涉及到数据双向绑定。 单向数据绑定是使用状态 阅读全文
摘要：
1.首先通过命令行在相关文件夹下下载vue-router（npm i vue-router)，在路由文件中引入相关依赖 import { createRouter, createWebHashHistory } from "vue-router"; 2.创建路由信息对象数组: path:路径参数 c 阅读全文
摘要：
1.首先，添加盒子：定义图片盒子small-box， 黄色移动盒子tool， 放大盒子big-box 2.设置css样式：完成基础样式的实现 3.对象获取：获取图片盒子small-box，黄色盒子tool， 大盒子big-box，放大图片bigImg 4.通过添加鼠标事件完善界面效果：这里添加了鼠标 阅读全文
摘要：
简介： ”TypeScript的作者是安德斯·海尔斯伯格，C#的首席架构师。 它是开源和跨平台的编程语言。它是JavaScript的一个超集， 而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 用途： 支持 ECMAScript 6 标准（ES6 教程）。 TypeScript 由微 阅读全文
