10 2021 档案

vue优化相关散记
摘要：SPA应用方式出现的 问题：1.首屏渲染等待时长，2.无法处理混合请求；3.需要后端介入逻辑层； 中间件的功能与优势：1.直接push页面内容到浏览器，无需异步请求；2.分次处理JSON数据，减轻前端浏览器压力；3.分藕业务逻辑，提升开发针对性；应用如下： 1.异步请求后分段输出；2.提升业务针对性 阅读全文
posted @ 2021-10-30 12:47 短腿~欧尼 阅读(55) 评论(0) 推荐(0)
vue兄弟组件传值的两种方式
摘要：1：建一个总线public.js文件 import vue from 'Vue' export default new vue 2，场景如：父组件中 有A B两个子组件，需要将A组件中的值传入B组件 A组件中：引入public.js（也可以在main.js中引入） import bus from ' 阅读全文
posted @ 2021-10-30 12:29 短腿~欧尼 阅读(566) 评论(0) 推荐(0)
vue中的watch属性deep和immediate区别
摘要：vue中的watch属性deep和immediate区别deep：其值是 true 或 false ；确认是否深入监听。deep 的意思就是深入观察，监听器会一层层的往下遍历，给对象的所有属性都加上这个监听器，在页面初始化化时不会触发，只有当值改变时，才会触发immediate：其值是 true 或 阅读全文
posted @ 2021-10-30 12:06 短腿~欧尼 阅读(1002) 评论(0) 推荐(0)
window.postMessage安全地实现跨源通信
摘要：window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.domain设置为相同的值) 时，这两个脚本才能相互通信 阅读全文
posted @ 2021-10-13 17:25 短腿~欧尼 阅读(803) 评论(0) 推荐(0)
Vue中hash模式和history模式的区别
摘要：vue-router 中hash模式和history模式。 在vue的路由配置中有mode选项，最直观的区别就是在hash模式下的地址栏里的URL夹杂着‘#’号 ，而history模式下没有。vue默认使用hash。 mode:"hash";mode:"history"; hashhash模式依靠的 阅读全文
posted @ 2021-10-12 10:44 短腿~欧尼 阅读(442) 评论(0) 推荐(0)
包装类
摘要：- 在JS中为我们提供了三个包装类： String() Boolean() Number() - 通过这三个包装类可以创建基本数据类型的对象 例子： var num = new Number(2); var str = new String("hello"); var bool = new Bool 阅读全文
posted @ 2021-10-11 17:12 短腿~欧尼 阅读(41) 评论(0) 推荐(0)
get请求使用body传参
摘要：1.浏览器当前的实现是不允许 get 发送 body, 但后端应用通常可以发送. 比如 nodejs 或 postman . 特殊情况可以用后端服务转发一下. 因为前端不能使用 get 方法从浏览器里发送 body. 2.nodejs的request模块来实现 var request = requi 阅读全文
posted @ 2021-10-11 14:28 短腿~欧尼 阅读(8628) 评论(0) 推荐(0)