-
JS中call,apply,bind方法实现
js中改变this指向一般有三种方式 显示转化主要是通过call,apply,bind方式来实现。下面介绍这三个方法实现的基本原理。 Call实现 Apply实现 Bind实现 bind返回的是一个函数。
-
vue-router中路由懒加载的方式
什么是路由懒加载 路由懒加载，也叫延迟加载或按需加载，是在需要的时候进行加载的一种技术。在单页应用中，运用懒加载技术，可以将页面进行划分，需要的时候进行加载对应的页面，有效的减小首屏页面加载的资源大小。 在 Vue.js 中，懒加载可以帮助你减小应用的初始加载大小，并在路由被访问时再加载对应的组件。这可以通过使用 Vue 的异步组件和 Webpack 的代码分割功能来实现。 实现路由懒加载的方式 2.通过import()方式 3. webpack提供的require.ensure实现懒加载
-
JS中new实现
js中通过new关键字去创建对象实例，原理如下：
-
JS获取页面FPS值
FPS是指每秒钟页面的刷新率，可以通过计算每秒 window.requestAnimationFrame 的调用频率来做为 FPS 值。它接收一个回调函数，该回调函数会在浏览器下一次重绘之前执行。所以只要我们循环调用并记录单位时间内的调用次数就能计算当前页面的帧率了。
-
浅谈301和302对seo的影响
301永久重定向 –对seo更友好 使用301重定向来永久重定向页面。“永久”这个词意味着重定向页面的所有权重都会被传递到指向页面。 如果我们把一个地址采用301跳转方式跳转的话，搜索引擎会把老地址的PageRank等信息带到新地址，同时在搜索引擎索引库中彻底废弃掉原先的老地址。 302临时重定向–对SEO不友好 302重定向，一般是做临时性的跳转，是暂时性的，在使用的过程中也会比较常见，不过各位在使用的过程中不要使用太多的302重定向， 因为搜索引擎会认为新的跳转url是临时性的，用得过多的话，可能会导致降权处理，这个也是我们必须要去重视的一个地方，千万不要因为使用比较多的302重定向，而导致我们的网站被降权 302重定向将不会将重定向页面的所有权重质量传递到指向页面。重定向页面仍将保留其网页排名、页面权限和流量价值。并且指向页面不会累积任何页面的权重。 错误地使用302重定向是非常危险的。这会严重损害你网站的搜索引擎可见性。 nginx 301 302跳转的配置 301跳转配置： 302跳转配置 server {listen 80;server_name aaa.com;rewrite ^/(.*) http://bbb.com/$1 redirect;access_log off;}
-
vue2中mixins介绍
参考链接
-
JavaScript的隐式类型转换详解
JavaScript中的数据类型 什么是隐式转换 当运算符在运算时，若两端的数据类型不统一，编译器会帮我们自动转换成相同类型的数据，这就是隐式转换。 隐式转换规则 隐式转换是一步一步完成的，如果比较或运算的过程中数据类型仍不一致，最终会将两边数据都转成Number类型再进行运算。 Object => String => Number Boolean => Number null/undefined => Number 什么情况下会发生隐式转换 当运算符两端的数据类型不一致，会触发隐式转换 +可以拼接字符串，也是运算符 Number只有当与Number、Boolean、null、undefined +时才是算术运算符 拼接字符串 非字符串数据先调用String()转化为字符串再进行拼接 对象类型则toString()后拼接 两个非String数据拼接 均变为String 再进行拼接 算术运算符 非Number数据先调用Number（）转化为数字，再进行运算 2. -运算符 -运算符只会视为计算，故与引用类型-时，只会返回NaN 3.==运算符 ==只判断值是否相等 ==两边均为引用数据类型时 返回false，因为引用数据类型比较的是地址 引用类型比较 只有长度小于1的数组才有可能转为Number,长度0（空数组） => “” => 0,[1] => “1” => 1 而Function与Object最终不会转成纯Number只能为NaN 根据隐式转换规则 Object => String => Number Boolean =>…
-
Javascript中的高阶函数
什么是高阶函数 高阶函数是一个接受其他函数作为参数，或返回一个新函数的函数。Javascript中的函数可以作为值来传递和使用，因此高阶函数是JS中的一种常见模式。 使用场景 高阶函数在JavaScript中使用广泛，特别是在函数式编程中。它们可以帮助我们编写更灵活，可重用和可维护的代码。 以下是一些常见的使用场景：
-
vue中定义异步组件
在vue2中，使用Vue.component方法来定义异步组件。异步组件允许你延迟加载组件，从而提高应用的初始化加载速度。 1.通过import方式引入 2.使用工厂函数的方式定义异步组件，这个工厂函数定义异步组件， 在组件需要渲染时加载组件。 vue3中，可以通过defineAsyncComponent方法来定义异步组件。 异步操作不可避免地会涉及到加载和错误状态，因此 defineAsyncComponent() 也支持在高级选项中处理这些状态 异步组件可以搭配内置的 <Suspense> 组件一起使用
-
js中数组flat方法的使用和实现
定义 flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 语法 var newArray = arr.flat([depth]) 参数 depth:可选参数，指定提取的嵌套数组的深度，默认值为1 返回值 一个包含将数组与子数组中所有元素的新数组。（就是扁平化后的每一项重新组成的数组，所以不会改变原数组。） 示例 方法实现 通过reduce实现 forEach + 递归实现