![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 65
英雄史诗
这个作者很懒,什么都没留下…
展开
-
Vue集成flexiable.js的一种方法
可以把flexiable.js文件直接引入。原创 2023-03-21 00:50:39 · 479 阅读 · 1 评论 -
js中双||的作用
eg:a||b,则如果a是有效值,返回a;否则返回b,无论b是否有效。原创 2023-01-18 11:37:30 · 287 阅读 · 0 评论 -
一个nginx部署多个应用及nginx总结
参数server的配置是指虚拟的server;比如可以监听相同的端口。这点与后端的应用不同,后端如果监听相同端口,会报端口冲突。server.location参数:可以指定本地目录,做直接访问;也可以转发,也就是逆向代理。逆向代理也是实现跨域的一种方式:老web中,直接暴露了后端,浏览器直接对后端请求,后端设置了允许跨域;新web中,webpack支持代理(部署时同样配置nginx的代理),前端访问的特定开头的url(/api)。原创 2022-10-13 15:17:29 · 2482 阅读 · 0 评论 -
如何理解CROS
还沿用当初自己对这块的几个疑问,回答疑问的过程,也是梳理的过程。&:前后端分离的应用,前端、后端是2个独立的应用,运行在不同端口。在浏览器看来,是不同的域。前端页面中的ajax请求后端接口,即是跨域访问了,触发cros。&:有多种方法,其中1个是在后端应用设置允许放入的来访域请求。对应的后端也支持了preflight(option)请求。springboot有现成方法。eg:3.浏览器是如何控制cros的?&:浏览器对跨域请求,发出preflight;得到后端响应,看响应header中允许的来访域是原创 2022-07-09 16:24:20 · 4152 阅读 · 1 评论 -
node.js及npm的基本理解
介绍了vue工程中使用的node.js和npm的概念、实现原理和使用场景。原创 2022-06-27 20:06:47 · 452 阅读 · 0 评论 -
Web应用文件上传总结
1.客户端法1)html协议_File控件 enctype="multipart/form-data" input type="file" enctype="multipart/form-data"的作用:设定了上报数据的格式是multipart(多部分实体);默认是kv键值对格式。法2)vue+ElementUI中的使用 <!-- 批量创建单据:导入整机代码,创建单据 name =上传的文件对应的参数名,供后台获取 :headers=设置上传的请求头部 :act原创 2021-09-30 17:20:46 · 279 阅读 · 0 评论 -
js_变量、作用域和内存问题
原创 2021-05-12 09:30:07 · 97 阅读 · 0 评论 -
js中构造elementUI树状菜单的数据结构
背景说明elementUI中自带树状菜单,就是数据结构有点复杂,偏向json风格。数据库中菜单数据是二维表格,通过parentPk定义上下级,是list型。需要把list转换成tree的结构。elementUI树状菜单的数据结构每个节点有4个属性,id、label、newVal、children数组;通过children数组包含关系标示上下级。var treeData={ id: 1, label: '一级 1', newVal: "",原创 2021-05-11 16:04:54 · 834 阅读 · 1 评论 -
async\await的用法及比Promise的先进性
背景刚跨越了抽象的Promise,说可以解决回调地狱。我实践中回调地狱遇到的不多,Promise的理解和掌握真是费劲。又有了更先进的async\await!!本文将解答了我的疑问:async干什么的?await干什么的?与promise的关系?async、await的阻塞性?是什么async\await是解决js回调的更优形式,用更符合人脑直接理解的线性代码形式,实现了回调功能。是基于Promise对象的,async返回promise对象,await等待promise对象。所以pr原创 2021-04-23 14:37:39 · 186 阅读 · 0 评论 -
DOM的property与HTML的attribute
HTML源码的组件,是attribute;由浏览器根据HTML源码生成的DOM对象,是property。二者是不同形态的描述,其值不是一一对应的。When writing HTML source code, you can define attributes on your HTML elements. Then, once the browser parses your code, a corresponding DOM node will be created. This node is an ob转载 2021-03-17 17:22:24 · 114 阅读 · 0 评论 -
Promise使用小结
1、是什么?1.是一种机制,处理未来发生事件的流程。2、为什么?1.“可以一定程度上解决回调地狱”ps:一般场景下,回调地狱并不难理解,倒是promise的结构和用法给人的困惑更多。3、如何用?4、哪些场景?用setTimeout模拟异步请求,实现5秒钟打印一次的功能。//直接写:几乎同时执行setTimeout(function() { console.log('m1')}, 5000)setTimeout(function() { console.log('m2')},原创 2021-03-13 16:23:56 · 104 阅读 · 0 评论 -
vue组件通讯总结
<h1 class="title">vue之父子组件间通信实例讲解(props、$ref、$emit)</h1> <div class="info"> 更新时间:2018年05月22日 10:16:18 作者:四小七 </div> <div class="lbd clear...转载 2021-03-08 16:47:56 · 497 阅读 · 1 评论 -
Vue:导航栏结构_下拉框填充数据_router传参
1 左侧导航栏1)标签结构一级标签,整体容器,用来设置菜单整体属性。二级标签,一级菜单,菜单组三级标签,二级菜单,菜单内容通过嵌套,实现菜单层级的扩展。2)控制隐藏显示v-if=‘false’3)从数据生成menu,递归https://www.vue-js.com/topic/5f69a47496b2cb0032c38566https://www.cnblogs.com/caijt/p/11015116.html<el-menu :default-openeds="['1']"&原创 2021-03-05 17:15:19 · 704 阅读 · 0 评论 -
Vue学习笔记1_vuerouter+axios+vuex的基本理解
VuerouteraxiosVuexPromise原创 2021-02-25 20:16:47 · 93 阅读 · 0 评论 -
跨域资源共享 CORS 详解
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。(图片说明:摄于阿联酋艾因(Al Ain)的绿洲公园)一、简介CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJ.转载 2021-02-22 09:14:28 · 86 阅读 · 0 评论