coderXRW-CSDN博客

原创 vue学习篇之——vue-router的使用

路由的概念路由就是指向的意思，当你在页面中点击Home按钮，你就可以跳转到home内容部分，你点击about按钮，就跳转到about内容部分；在vue中，由于vue是一个单页面应用，路由就是处理组件之间的跳转。也可以理解为dom元素的隐藏和显示，在客户端（即前端）的路由实现总共有两种方法：基于hash基于h5新增属性history(常用)路由的项目配置一般项目开发都会采用vue-cli来直接搭建项目，我们来看看生成的vue-router文件的部分：这个是router的文件，一般会将route

2020-07-20 22:48:10 337

原创一位平凡人的春招面经汇总（前端）21届

地平线前端一面南京（1h）3.2笔试题（20min）第一题function test(a) { a = 3}var a = 4test(a)console.log(a)// 4, 3，变量提升第二题，下列执行结果，以及原理，第二个输出和第三个输出有什么不同var o = { user:'aaa', fn:function() { console.log(this.user); }}o.fn()window.o.fn()var c = o.fnc()//

2021-03-31 12:55:15 1063

转载 js设计模式 -- 单例模式

什么是单例模式？保证一个类仅有一个实例，并提供一个访问它的全局访问点，这样的模式就叫做单例模式。那么如何实现单例模式呢？有两种方法：1.我们现在把这段判断逻辑写成一个静态方法(其实也可以直接写入构造函数的函数体里）：2.我们也可以使用闭包来实现。可以看出，在getInstance方法的判断和拦截下，我们不管调用多少次，SingleDog都只会给我们返回一个实例，s1和s2现在都指向这个唯一的实例。工作实例近年来，基于 Flux 架构的状态管理工具层出不穷，其中应用最广泛的要数 Redu

2020-12-21 15:18:05 1556

原创简单理解proxy

什么是Proxy？它有什么作用？Proxy的MDN据阮一峰文章介绍：Proxy可以理解成，在目标对象之前架设一层 “拦截”，当外界对该对象访问的时候，都必须经过这层拦截，而Proxy就充当了这种机制，类似于代理的含义，它可以对外界访问对象之前进行过滤和改写该对象。在vue2.+中我们知道在Vue2.xx中使用 Object.defineProperty()方法对该对象通过递归+遍历的方式来实现对数据的监控的。但是当我们使用数组的方法或改变数组的下标是不能重新触发 Object.defineProp

2020-11-01 21:34:34 2523

原创深入js之什么是函数节流？

节流概念：节流的意思是让函数有节制地执行，而不是毫无节制的触发一次就执行一次。什么叫有节制呢？就是在一段时间内，只执行一次。注意（区别与防抖的地方）防抖函数文章戳这里：防抖持续触发并不会执行多次到一定时间再去执行不管你触发多少次，我都是每隔一段时间执行一次，我行我素！来康康代码实现工具函数中写入// 函数节流export function throttle(fn, wait) { let run = true return function () { var

2020-08-22 20:45:00 543

原创深入js之什么是函数的防抖？

防抖一直对防抖和节流傻傻分不清楚，看了也总是忘记，直到项目中遇到了，才彻底搞清楚。什么是防抖？防抖就是当你触发了一个事件，这个事件就会被执行，你又不想这个事件频繁的被执行，所以就可以设置间隔时间，让事件被触发，但是过一定时间在执行。开发应用场景：在使用uni-app开发小程序的时候，我需要实现一个搜索框的搜索联想功能，那么当用户输入内容时候，需要实时对后端请求接口，如果不设置防抖，每输入一个文字，都会发起一次请求，这样太消耗性能了；如图：输入了6次a,那么不设置防抖就会请求6次。如果

2020-08-21 19:56:04 192

原创 vue中params和query的区别，以及具体用法

query传递参数会在url后面用？连接起来，且参数之间用&&符号连接然后显示在页面的url中；params传递参数不会显示在页面中；query有点像ajax中的get请求，而params像post请求。在vue中使用query要搭配path路径，而params只能由命名路由name来引入；看下列代码：路由中path的配置 { path: '/argu/:name/:id', //这种路由配置是params传递参数,且这个后面必须加参数，如果不加，刷新页面这些参数会消失..

2020-07-22 10:22:21 17839 2

原创 vue-router中的keep-alive组件

vue-router中keepalive缓存的知识补充这个keep-alive是vue内置的一个组件，如果你希望一些组件不被反复的被渲染刷新，就可以使用<keep-alive></keep-alive>将组件包裹起来，被包裹起来的组件会被缓存起来，保存这个组件的状态，当你再次访问该组件，会直接从缓存中读取内容，该组件不会被重新渲染。//keepalive包含的组件会被进行缓存<keep-alive> <component /></keep

2020-07-21 22:25:32 4492

原创彻底搞懂js中闭包的问题

一、首先要了解js中作用域链1.执行环境1.执行环境的定义（也称为执行上下文）：简单来说就是当前js代码在解析和执行时所在的环境。在一个执行环境中，有一个与之关联的变量对象（简称对象），在该对象中，存储着这个执行环境中定义的变量和函数；但这个对象是抽象的，并不能被外界所访问到。2.那么在js中，就只有三种执行环境：一个是window的全局执行环境：这个是默认的代码执行环境，一旦代码被载入，引擎最先进入的就是这个环境。例如，我们在全局运行下列代码，那么当前的执行环境就是 window ，也就是全局，

2020-07-17 21:46:33 466

原创如何恢复path系统变量

如何恢复path系统变量当你不小心把path系统变量删除或者改变了，那么你在cmd中输入任何命令都是无效了的。看了网上很多解决办法，复制别人的path再去配置等等，或者在注册表中恢复（这个前提是你没有重启电脑，注册表中还存在之前的path）。但是如果你重启电脑后，那path就不存在了这个时候就需要在高级系统设置中找到---->系统安全，然后点击系统还原。然后选择你删除path的时间，大概是什么时候，这里系统一般都会推荐，这个时间点是你最近一次修改系统相关内容的时间。然后然后点击完成，就

2020-06-08 14:19:22 8017 3

weixin_42282727的博客