摘要:
后端路由 输入url->请求发送到服务器-》服务器解析请求的路径-》拿取对应资源-》返回对应页面 前端路由 输入url->js解析地址-》找到对应地址的页面-》执行页面生成的js->看到页面 1、hash模式(#) Eg: http://www.xxx.com/#/123 1)#号后的就是hash内 阅读全文
摘要:
举个例子,来说明下为什么监听不到数组变化 var target ={ val: 1 } let _value = target.val Object.defineProperty(target,"val",{ get:function(){ return _value }, set:function 阅读全文
摘要:
数组问题 数组原length为m,当重新设置数组的length为 n,会自动移除数组的最末m-n个元素,只保留起始处的n个元素。 举个例子,如下: 在proxy之前,我们无法去模拟数组的这种行为。 什么是Prxoy(代理)和Reflect(反射)? proxy 是一种封装,能去拦截并改变js引擎的底 阅读全文
摘要:
什么是数据响应式? 数据响应式即数据双向绑定,就是把Model绑定到view,当我们通过js修改Model,View会自动更新;若我们更新了View,Model的数据也会自动更新,这就是双向绑定。 数据响应式原理 vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的, 那么vue是如 阅读全文
摘要:
前言: 在项目中经常有一些场景会连续发送多个请求,而异步会导致最后得到展示的结果可能不是最后一次发送请求返回的结果,且对性能也有非常大的影响。 场景: 列表式切换商品,有时候上一次请求的结果非常慢,而我又点了另外一个商品,这时候第二次请求的接口比上一次快,那么就点击第二次的商品看到的信息却是上一次的 阅读全文
摘要:
我们都知道cors请求分类两类:简单请求get,post,option;其他是复杂请求。 详情查看 https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS 场景:很多时候发送一个post请求,结果却显示两个请求(一个 阅读全文
摘要:
在style标签设置scoped属性,可以使组件之间的样式不互相污染,达到样式私有模块化的目的。 接下来,我们分别从原理、优缺点、解法来认识下 原理: style标签设置scoped属性,经过PostCSS转译后,在DOM结构以及css样式上加唯一的标记:data-v-hash属性,意味着CSS样式 阅读全文
摘要:
一、Set是什么? set结构似于数组,但是成员的值都是唯一的,没有重复的值。 参数可以是数组,类似数组的对象,字符串。 eg: new Set([1, 2, 3, 4, 4]) ; new Set(document.querySelectorAll('div')); new Set(‘abbc’) 阅读全文
摘要:
本文主要介绍了 XSS 和 CSRF 的攻击原理和防御措施及两者区别。接下来我们来了解下。 XSS 一、XSS原理 Xss(cross-site scripting)攻击:通过向某网站写入js脚本或插入恶意 html标签来实现攻击。 比如:攻击者在论坛中放一个看似安全的链接,骗取用户点击后,窃取co 阅读全文
摘要:
onmousemove 、onmouseover 区别 onmousemove 是鼠标在元素上移动时触发,且在元素上每移动一下就会触发一次。 onmouseover 是鼠标移入元素时触发一次,再次在元素上移动时不会触发,但是鼠标移入元素内的子元素时也会触发(冒泡) onmouseenter 仅鼠标移 阅读全文