Gong_01的博客

【代码】Ant Design删除Tag标签点击动画。

定位模式 是否脱标 移动位置 是否常用 static： 静态定位 占有位置 relative ：相对定位 占有位置 相对于自身位置移动 absolute：绝对定位 不占有位置 相对于父级位置移动，要和定位父级元素搭配使用（子绝父相） fixed ：固定定位 不占有位置 sticky ：粘性定位 占有位置 兼容性较差，必须添加 top 、left、right、bottom 其中一个才有效为DOM元素添加额外的行为和交互，通常用于操作DOM、绑定事件、修改元素属性等。

vue引入echarts：bar柱状图-pie饼图-radar雷达图-scatter散点图（相关配置实例）

JavaScript部分。

this.$router.go(-1)

HTML部分

Vue中获取RSA并进行数据加密

页面跳转，例如 A 页面跳转到 B 页面，需要将 A 页面的数据传递到 B 页面，推荐使用 路由参数进行传参，而不是将需要传递的数据保存 vuex，然后在 B 页面取出 vuex 的数据，因为如果在 B 页面刷新会导致 vuex 数据丢失，导致 B 页面无法正常显示数据。避免大量的嵌套规则。这样做可以避免跟现有的以及未来的 HTML 元素相冲突，因为所有的 HTML 元素名称都是单个单词的。当在组件中使用 data 属性的时候 (除了 new Vue 外的任何地方)，它的值必须是返回一个对象的函数。

vue2项目配置vant（移动端）

一个构造函数，可以生成多个对象，每个对象都有相同的结构。对于JS中的任何一个普通函数，当用new关键字来调用时，它就是构造函数。ECMAScript提供了多个内置构造函数，如 Object、Array、String、Boolean、Number、Date…等等。ECMAScript也允许自定义构造函数构造函数一般首字母会大写，为了和普通函数区分一个构造函数可以通过new创建多个实例对象创建构造函数时，里面的属性和方法前必须加this，this就表示当前运行时的对象。

JavaScript中的部分函数

CSS单位：em、rem、%、vh、vw、vmin、vmax

css盒子模型2. 外间距合并：只有上下边距可以，左右边距不能合并3.设置块状元素居中border：1.简写：border: 1px solid red;(分别为border-width ；border-style ；boredr-color的缩写，默认3px，黑色) (不简写：border-right-style)2.border-style......

1.新建.prettierrc文件2.保存文件内容：{ "semi":false, //移除分号 "singleQuote":true //用单引号表示}3.进行格式化文档并保存

html代码： <form method="post" enctype="multipart/form-data" > <input type="file" @change="getFile($event)"/> <input type="file" @change="getFile1($event)"/> <input type="file" @change="getFile2($event)"/> <b.

在根目录下新建vue.config.js文件module.exports = { devServer: { proxy: { '/api': { target: 'http://api.zhuishushenqi.com', //地址为：http://api.zhuishushenqi.com/cats/lv2/statistics //axios引用时用/a

目的：起一个本地的mock-server来完全模拟请求以及请求回来的过程安装json-server：npm install -g json-server创建db.json：在一个文件夹下新建一个db.json文件{ "school": [ { "id": 1, "name": "first", "address": "beijing" } ], "student": { "name": "lihua" }}启动json-server：在当前文件夹下输

安装：1.npm安装：npm install axios2.在主入口文件main.js中引用：import axios from 'axios'Vue.use(axios);3.在组件文件中的methods里使用：getNewsList(){ this.axios.get('api/getNewsList').then((response)=>{ this.newsList=response.data.data; }).cat