雨山君-优快云博客

原创【算法】洗牌问题：对随机的深入理解

在刷LeetCode的时候遇到这样一道题：打乱一个没有重复元素的数组。这道题其实不算难，略微一想其实能写出很多解法。有一种洗牌算法比较简单的实现了O(n)的时间和空间复杂度。我自己最开始实现如下： let shuffle = function() { let nums = [...this.arr] let p = 0 let range = nums.length - 1 while (range > 0 ) { let cur = Math

2020-07-27 23:22:07 314

原创【Vue】为什么在使用v-for的时候需要指定key属性？

这个问题涉及到了虚拟Dom的更新过程和策略。当渲染的数据发生改变时，会生成新的虚拟Dom树和老的虚拟Dom树进行比较，返回对Dom树的更新操作。以列表渲染为例，如果数据项的顺序被改变，为了尽量减少Dom的渲染操作，Vue将不是移动DOM元素来匹配数据项的改变（更不是全部销毁重新渲染），而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素，即就地复用策略。比如：在BC中间插入一个新的节点，如果不指定key，在页面Dom的真实变更如下：原来ACBDE的Dom其实没有变化，只是在最

2020-07-15 15:44:16 1172

原创【Vue】嵌套组件的生命周期、钩子函数调用顺序

单个组件的生命周期和钩子函数的调用顺序在Vue.js的官方文档上可以十分清晰地学习到。但是两个嵌套的父子组件，他们之间的生命周期进程顺序和钩子函数的调用顺序，就好像不是特别清晰。要验证这这个其实还是特别简单的。只需要分别在两个嵌套的父子组件的各个钩子函数中增加打印日志就可以了。打印的结果如下：从钩子函数的调用顺序来看，子组件的生命周期是包含在父组件的mounte周期中。子组件等待挂载的时候，其中的属性才会被创建。等待子组件挂载完成，才会调用父组件的mounted函数。 ...

2020-07-10 17:49:34 727

原创 IE7下 DOM对象属性访问

什么是 DOM？ DOM 是 W3C（万维网联盟）的标准。 DOM 定义了访问 HTML 和 XML 文档的标准： “W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。” W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM...

2020-01-19 16:17:39 336

原创从IE 到 Chrome：旧工程兼容性改造——document.frames()

从IE 到 Chrome：旧工程兼容性改造——document.frames() 运行环境涉及到ie7，ie11，和chrome63，chrome43 用法差别在ie7中，document.frames的使用是 document.frames('frameName') 返回值是对应frame的window对象。但是如果参数不是iframe的name属性值，而是id属性的值，返回同样是对应if...

2020-01-14 16:34:13 1628

原创 JS类型判断之殇

JS类型判断之殇typeofInstanceofObject.prototype.toString.call() 谈及JS中的类型判断，最为常见的可能是typeof 和 instanceof。但是这两个方法都存在各自的问题。 typeof typeof 只返回六种基本类型 ‘undefined’ --未定义的变量或值 ‘boolean’ ...

2019-10-28 19:26:36 272

原创 IE浏览器只读输入框，按退格键返回上一页问题

IE浏览器只读输入框，按退格键返回上一页问题问题描述在vue+element-ui开发时，使用到el-input的readonly属性，在ie11浏览器下点击输入框仍然能获取到焦点。这个时候按退格键（backspace）会使得url地址栏的地址回退上一页。问题分析 ie浏览器退格键是返回上一页的快捷键。在输入状态时，退格键的返回上一页会被屏蔽。但是在只读输入框中，能获取到焦点，又没有对退格键...

2019-09-21 10:22:12 2039

原创 Vue-router引入路由文件问题

Vue-router引入路由文件问题 router文件下面有一个index.js文件，里面可以写我们需要访问的路由。但是当项目被拓展之后，为每个子项目单独写一个路由配置文件是必要的。增加子文件：xxx.js const router= [{……},{……}] export default router 但是在index.js文件中引用的时候，直接import后添加到routes: []中无法正...

2019-09-09 00:05:51 2973

qq_37373546的博客