翔翔要努力！-优快云博客

原创 JS中的原型和原型链

是JavaScript中一个非常重要的概念。每个JavaScript对象都有一个原型对象（Prototype Object），它是一个包含属性和方法的对象。当你访问一个对象的属性或方法时，如果这个对象本身没有这个属性或方法，JavaScript引擎就会沿着对象的原型链（Prototype Chain）向上查找，直到找到这个属性或方法为止。原型链是由每个对象的原型对象组成的一个链表，它连接了所有对象的原型对象。JavaScript中的原型是通过构造函数（Constructor Function）来创建的。

2023-03-23 11:21:32 184

转载 VUE做菜单权限管理

如果路由很多，可以在应用初始化的时候，只挂载不需要权限控制的路由。取得后端返回的菜单后，根据菜单与路由的对应关系，筛选出可访问的路由，通过。字段都不为空，需要根据此字段与后端返回菜单做关联，后端返回的菜单信息中必须要有。每次路由跳转的时候都要判断权限，这里的判断也很简单，因为菜单的。是一一对应的，而后端返回的菜单就已经是经过权限过滤的。找不到对应的菜单，就表示用户有没权限访问。菜单与路由分离，菜单由后端返回。对应的字段，并且做唯一性校验。全局路由守卫里做判断。

2023-03-20 10:51:05 734

原创防止js脚本阻塞页面的方法

这意味着，如果一个页面中有多个 defer 脚本，它们将按照它们在 HTML 中出现的顺序依次执行，而且它们都会在 DOMContentLoaded 事件之前执行。多个带有 async 属性的脚本之间的执行顺序是不确定的。这意味着，如果一个页面中有多个 async 脚本，它们将并行下载和执行，并且它们之间的执行顺序是不确定的。属性适用于那些不需要整个文档都解析完成的独立脚本，比如用于分析数据或提供附加功能的脚本。属性适用于那些需要整个文档都解析完成之后再执行的脚本，比如用于操作 DOM 的脚本。

2023-03-14 18:17:41 1220

原创 new操作符的实现原理

它接受构造函数和参数，并返回一个新的对象实例。如果构造函数返回一个对象，则返回该对象，否则返回新创建的对象实例。操作符用于创建对象实例。它实际上是一个语法糖，它创建一个空对象并将其传递给构造函数，以便在构造函数内部初始化它。在 JavaScript 中，

2023-03-12 14:51:47 171

原创 Set和Map数据结构

ES6（ECMAScript 2015）引入了两个新的数据结构：Map和Set，这两个数据结构是用于存储和操作数据的高效工具。

2023-03-12 14:44:14 117

原创组件缓存之keep-alive实现原理

是Vue内置的一个抽象组件，用于包裹需要被缓存的组件，并提供了一些特殊的属性和钩子函数来管理这些被缓存的组件实例。组件包裹需要被缓存的组件时，该组件的实例将被保存到缓存对象中，并在下一次渲染时直接使用缓存的实例，从而实现组件的缓存。上面的例子中，最多只会缓存5个实例，当缓存实例的数量超过5个时，最早缓存的实例会被销毁。属性来限制缓存实例的数量，当缓存实例的数量超过限制时，最早缓存的实例会被销毁。属性来控制哪些组件需要被缓存，哪些组件不需要被缓存。的组件，用于包裹需要被缓存的组件。属性保存原始组件的子节点。

2023-03-10 10:37:17 913