Luo3255069063的博客

拥有专属的HTML，CSS，数据的，可重用的页面独立区域一个页面由多个组件聚合而成一个大型的页面在代码层面上，一个组件就是一个可反复使用的自定义标签。

声明变量时不用指定类型，且变量的数据类型可任意切换声明变量num，且指定变量类型为数字类型如果把变量修改成指定类型以外的数据类型，则会报错错误:(4, 1) TS2322: Type ‘string’ is not assignable to type ‘number’.在编译的过程中会提示错误，但是不会阻止编译。

【代码】Vue.js（Axios）

【代码】Vue.js（过滤器(Filter)）

【代码】Vue.js（自定义指令）

什么是: 在模型数据发生变化时，自动执行的函数何时: 只有希望在模型数据变化时，立刻执行一项操作时，才需要监视函数监控模型变量如何:new Vue({ el: “xxx”, data: { … }, watch:{ 模型变量名(){ this.模型变量名 … } } })

浏览器/平台已实现的，可直接使用的原生函数问题：代码繁琐基于原生API基础上，进一步封装的，更简化的一组函数的集合前人将多次成功项目的经验总结，形成的帮成品项目优：后人继续开发即可，项目整体代码和做事的步骤极简化，不再需要大量重复手工劳动缺：需要改变原有的做事方法，如Vue.js中根本没有查找方法，但是，数据也能出现在想出现的位置https://cn.vuejs.org/一个渐进式（Progressive）的基于MVVM设计模式的JavaScript框架适用于以数据操作为主的项目（WEB、APP）。以

组织路由地址的任意位置添加/:参数名，说明要访问这个路径就必须提供这个参数此例中要想访问资格组件则必须提供对应的3个参数注：在路由地址中设置参数，只能限制必须提供这个参数，但是无法限制提供的参数值。

此例中，父组件中的子组件Child1，设置了属性abc，并绑定了要在子组件中使用的数据a接收属性，通过propis属性，属性值可以是数组，数组中的数据是要接收的属性名此例中，Child1接收在父组件中设置的属性“abc”一个数据不要起多个名字，所以设置属性时，要和数据名保持一致**细节2：**子组件使用父组件的不一定是数据，给属性绑定或者设置成任何属性值都可以传递给子组件此例中给属性a绑定的值是200，那么子组件接收到的a，值就是200。

项HelloWorld这样的组件，在其他组件中展示的组件，被称为子组件，展示子组件的组件被称为父组件。例：Home组件是HelloWorld组件的父组件，App组件爱你是router-link/router-views组件的父组件。

在工程项目中，每一个.vue文件都是一个独立的组件render:h=>App 按照App组件来创建当前组件的表现形式组件.$mount(‘#app’)把组件挂载到#app挂载点上综上，挂载到挂载点上的是main.js中实例化的组件，这个组件和App.vue一模一样，修改App就是修改这个组件。

作用：侦听一个数据，当这个数据发生变化了马航执行对应的方法

HTML的双标签内容中使用，在{{}}之内书写JS代码。

jq中的跨域

JQ操作Dom（下）

JQuery操作Dom

JavaScript之Promise补充与Dom操作

JavaScript之ES中的类继承

JavaScript之强制修改this、数组解构、对象解构、打散、参数增强

JavaScript之ES6新特性（包括this总结）

JavaScript之数组方法

JavaScript之ES5新特性

JavaScript之继承

JavaScript之原型

JavaScript之闭包引入

Boot——组件（导航和选项卡、分页、卡片、轮播图）

组件

Bootstrap5（display显示、flex布局相关属性、浮动、定位、文本、栅格系统）

Bootstrap

变换，动画

弹性布局。变换

css补充（下），弹性布局（上）

/

浮动

浮动（上）

1.行高设置为50px，所以一行文字会在50px内居中。2.默认行高区域：当设置了高度，就会出现默认行高区域，比一行文字高度略大3.只要让行高等于高度，就可以让一行文字垂直居中4.行高：一行文字所占的高度，文字会在这个高度内居中，行高等于高度line-height:100px，文字就会在100px高度内局中。

标签的边框。

补充：精灵图一般页面上会出现好多小图标，这些小图标如果是独立的图片，那么加载起来就会很耗费时间。一般的开发中会把这些小图标集成到一整个图片上，燃火使用精灵图的方式从中找到需要的小图标进而显示精灵图的使用。

建议遵循以下顺序:布局定位属性:display / position/ float / clear / visibility / overflow（建议display第一个写，毕竟关系到模式)自身属性:width / height / margin / padding / border / background文本属性:color / font / text-decoration / text-align /vertical-align / white- space / break-word。

浮动