04 2019 档案
找出数组中重复的数字
摘要：方法一、先排序再判断 先对数组进行排序，判断前一个与后一个相等且不在新数组中的情况下，再把元素放到新数组中去。 方法二、两个for循环 数组中的每一个数均和后面的所有数进行比较，如果存在相等的数且不在新数组中，将该数加到新数组中。 方法三、判断同一个数字的从前往后和从后往前位置是否一致 循环数组中的
阅读全文
vue中使用video插件vue-video-player
摘要：一、安装插件 二、配置插件 在main.js中全局配置插件 三、使用插件 在vue组件中的程序如下： 四、结果 结果如图所示： vue-video-player的npm社区地址：https://www.npmjs.com/package/vue-video-player
阅读全文
浏览器的重绘与重排
摘要：一、基本概念 浏览器从下载文件至本地到显示页面是个复杂的过程，这里包含了重绘和重排。在页面的生命周期中，一些效果的交互都有可能发生重排（Layout）和重绘（Painting），这些都会使我们付出高额的性能代价。 通常来说，渲染引擎会解析HTML文档来构建DOM树，与此同时，渲染引擎也会用CSS解析
阅读全文
JavaScript 浏览器中的事件
摘要：1、事件的基本概念 事件是指在文档或者浏览器中发生的一些特定交互瞬间，比如打开某一个网页，浏览器加载完成后会触发 load 事件，当鼠标悬浮于某一个元素上时会触发 hover 事件，当鼠标点击某一个元素时会触发 click 事件等等。 事件处理就是当事件被触发后，浏览器响应这个事件的行为，而这个行为
阅读全文
前端自动化构建工具--Gulp&&Webpack
摘要：前端构建工具的作用可以认为是对源项目文件或资源进行文件级处理，将文件或资源处理成需要的最佳输出结构和形式。 在处理过程中，我们可以对文件进行模块化引入、依赖分析、资源合并、压缩优化、文件嵌入、路径替换、生成资源包等多种操作，这样就能完成很多原本需要手动完成的事情，极大地提高开发效率。 一、Gulp
阅读全文
Vue原理--虚拟DOM
摘要：为什么需要虚拟DOM？ 如果对前端工作进行抽象的话，主要就是维护状态和更新视图，而更新视图和维护状态都需要DOM操作。其实近年来，前端的框架主要发展方向就是解放DOM操作的复杂性。 运行js的速度是很快的，大量的操作DOM就会很慢，时常在更新数据后会重新渲染页面，这样造成在没有改变数据的地方也重新渲
阅读全文
Vue原理--双向数据绑定
摘要：MVVM MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。 Vue.js 是一个提供了 MVVM 风格的双
阅读全文
数组方法总结
摘要：虽然 ECMAScript 数组与其他语言中的数组都是数据的有序列表，但与其他语言不同的是，ECMAScript 数组的每一项可以保存任何类型的数据。 也就是说，可以用数组的第一个位置来保存字符串，用第二位置来保存数值，用第三个位置来保存对象，以此类推。 而且，ECMAScript 数组的大小是可以
阅读全文
apply，call以及bind的区别
摘要：每个函数都包含两个非继承而来的方法:apply()和 call()。 这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内 this 对象的值。 一、apply() apply()方法接收两个参数:一个是在其中运行函数的作用域，另一个是参数数组。其中，第二个参数可以是 Array 的
阅读全文
同步I/O、异步I/O与阻塞I/O、非阻塞I/O的区别
摘要：一、I/O I/O (Input/Output，输入/输出)即数据的读取（接收）或写入（发送）操作。 通常用户进程中的一个完整I/O分为两阶段：用户进程空间<-->内核空间、内核空间<-->设备空间（磁盘、网络等）。 I/O有内存I/O、网络I/O和磁盘I/O三种，通常我们说的IO指的是后两者。 二
阅读全文
JavaScript创建对象的方式
摘要：一、工厂模式 工厂模式是软件工程领域一种广为人知的设计模式，这种模式抽象了创建具体对象的过程。 考虑到在 ECMAScript 中无法创建类，开发人员就发明了一种函数，用函数来封装以特定接口创建对象的细节。 function createPerson(name, age, job){ var o =
阅读全文
数组去重方法总结
摘要：方法一.for循环（两次嵌套） 两层循环，外层用于循环数组，内层用于循环result数组中的值，将result数组中的值和数组中的值判断是否相等。 方法二.利用splice直接在原数组进行操作 两层循环，外层循环元素，内层循环时比较值。 值相同时，则删去这个值。 注意点:删除元素之后，需要将数组的长
阅读全文
前端性能优化：雅虎14条优化规则
摘要：1.减少HTTP请求数 常用的方法，合并css，js（将一个页面中的css和js文件分别合并）以及 Image maps和css sprites等。 2.使用CDN（内容分发网络） 通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的 cache服务器内，通过DNS负载
阅读全文
