2022年3月
(十八)v-if,v-else-if,v-else和v-show区别，computed(计算属性),watch(监听dom元素变化后执行得事件)
摘要： 区别: v-if,v-else-if,v-else相当于DOM元素的添加删除 v-show控制元素的渲染，显示或者不显示 v-show的性能开销小 写法上v-if更简单,但是性能开销上v-show更小一些 computed里面得方法用于计算属性值,当拿到数据后,对数据进行二次处理,然后绑定到对应得d 阅读全文
posted @ 2022-03-30 16:10 yingxianqi 阅读(448) 评论(0) 推荐(0)
(二)notification提示信息
摘要： 1：引用ant-design-vue/es/notification，前提是要先安装引用ant-design-vue import notification from 'ant-design-vue/es/notification' 2：可以全局定义notification的属性 notificat 阅读全文
posted @ 2022-03-29 16:47 yingxianqi 阅读(559) 评论(0) 推荐(0)
(一)安装ant design vue以及最基础的使用
摘要： 1:在vue3.x中安装ant design vue 模块,安装完成以后在node_modules里面会多一个ant-design-vue文件夹，呢里以安装2.28版本为例 npm install ant-design-vue@next --save (如果要安装最新版本的3.11：npm i -- 阅读全文
posted @ 2022-03-29 11:06 yingxianqi 阅读(1512) 评论(0) 推荐(0)
(一)实现一个完整的前后端请求登录的过程前端逻辑(axios+process+Vue-ls+Antd的notification)
摘要： 1：配置自适应(开发，生产)环境的全局变量 在根目录下面创建两个文件.env.development ，.env.production (1).env.development 开发环境 NODE_ENV=developmentVUE_APP_AXIOS_BASEURL=http://localhos 阅读全文
posted @ 2022-03-25 16:03 yingxianqi 阅读(581) 评论(0) 推荐(0)
(十七)vue用axios的拦截器传header
摘要： 下面以axios拦截器携带Authorization参数,以请求头header的方式传递到后台,权限认证jwt也是这样子做的 1.在main.js import Axios from "axios"; Axios.interceptors.request.use( config => { confi 阅读全文
posted @ 2022-03-25 10:04 yingxianqi 阅读(850) 评论(0) 推荐(0)
(一)swagger配置管理webapi接口
摘要： 1：nuget引入swagger相关dll Swashbuckle.AspNetCore.Swagger Swashbuckle.AspNetCore.SwaggerGen Swashbuckle.AspNetCore.SwaggerUI 2：ConfigureServices方法配置suagger 阅读全文
posted @ 2022-03-24 20:30 yingxianqi 阅读(164) 评论(0) 推荐(0)
(十六)Vue-ls存储缓存,比如存用户信息等
摘要： 1:安装Vue-ls npm install vue-ls --save 2.在main.js里面引用vue-ls import Storage from 'vue-ls'; 3.设置Storage的option操作 storageOptions: { namespace: 'pro__', nam 阅读全文
posted @ 2022-03-24 17:46 yingxianqi 阅读(563) 评论(0) 推荐(0)
(十五)process通过配置实现生产环境和开发环境对应全局变量的自动切换
摘要： 1：npm安装process,安装完成以后在node_modules里面看是否有process文件夹来确认是否安装成功 npm install process --save 2：在项目根目录下面创建两个文件 .env.development .env.production 3：在.env.devel 阅读全文
posted @ 2022-03-23 15:24 yingxianqi 阅读(360) 评论(0) 推荐(0)
(十四)QS(QueryString的简写)解析参数的使用
摘要： 1:安装qs模块 npm install qs --save 2:卸载qs模块 npm uninstall qs --save 如果卸载不掉也可以在node_modules模块里面找到qs文件夹直接删除,效果是一样的,因为安装的模块都被安装到node_modules里面去了 然后在yarn inst 阅读全文
posted @ 2022-03-21 18:17 yingxianqi 阅读(541) 评论(0) 推荐(0)
(十三)fetch-jsonp处理jsonp字符串(axios不支持jsonp)
摘要： jsonp 优势： 1:请求数据没有跨域的限制,后台不用考虑跨域问题 2:对于老版本浏览器更加支持 缺陷:： 1:只支持get请求,不支持其他所有方式的请求(请求方式受到了限制) 2：只支持get请求,不支持post(不安全因素一) 3：因为没有跨域，所以调用接口方不能限制ip，安全方面不是很到位( 阅读全文
posted @ 2022-03-17 17:45 yingxianqi 阅读(601) 评论(0) 推荐(0)