摘要：
Performance Performance 是 Chrome 开发者工具中的一个功能，用于记录网页从初始化到运行时的所有性能指标。 注意！！！ 使用 Performance 前，我们最好打开 Chrome 的无痕模式。因为 Chrome 上一般有着大量的插件，会或多或少的影响页面的性能，所以我们 阅读全文
摘要：
type 指示type要使用的验证器。可识别的类型值为： string：类型必须为string。type 默认是 string // 校验 string: [ {type: 'string', message: `请输入字符串`, trigger: 'blur'} ] <el-form-item l 阅读全文
摘要：
所有三个操作系统都提供了应用程序向用户发送通知的手段。 Electron允许开发者使用 "HTML5 Notification API" 发送通知，并使用当前运行的操作系统的本地通知 API 来显示它。 HTML5 API，它只能在渲染器进程中使用 渲染进程 主进程 使用electron 类：Not 阅读全文
摘要：
背景 前端点击导出excel按钮后，请求完需要导出的数据后发送给主进程electron，由主进程保存到本地 dialog 显示用于打开和保存文件、警报等的本机系统对话框。 模块提供了api来展示原生的系统对话框，例如打开文件框，alert框，所以web应用可以给用户带来跟系统应用相同的体验. 前端代 阅读全文
摘要：
单例模式 保证一个类仅有一个实例，并提供一个访问它的全局访问点。 单例模式是一种常用的模式，有一些对象我们往往只需要一个，比如线程池、全局缓存、浏览器中的 window 对象等。 JavaScript 中的单例模式 1. 使用命名空间 在JavaScript里，实现单例的方式有很多种，其中最简单的一 阅读全文
摘要：
代理模式 代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问。 生活中有很多的代理模式的场景。例如，明星有经纪人作为代理，老板有秘书作为代理等等，当有事情的时候，会找到经纪人或秘书，再由他们转达给明星或者老板。 首先通过一个例子来简单的了解了解，故事是这样的... 以下故事纯属虚构，不要 阅读全文
摘要：
状态模式 允许一个对象在其内部状态改变时改变它的行为，对象看起来似乎修改了它的类。 简单的解释一下： 第一部分的意思是将状态封装成独立的类，并将请求委托给当前的状态对象，当对象的内部状态改变时，会带来不同的行为变化。 第二部分是从客户的角度来看，我们使用的对象，在不同的状态下具有截然不同的行为，这个 阅读全文
摘要：
说起布局其实就和盖房子的道理一样，你首先要盖好房子的模型（规划好页面的布局），房子的雏形盖好后就是往房子里面布置家具了（在布局里面添加东西），这样，房子盖好后不论你往里面添加什么家具也不能影响房子（杠精请坐下），布局也一样，布局完成后，只需要在布局的容器里面添加更加细化的东西就行了。切忌边写内容边布 阅读全文
摘要：
什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。 为什么会跨域？ 呐，说起跨域就不得不提一下同源策略，那什么是同源策略呢？ 同源策略（浏览器提供的一种安全的运行环境） 同源策略限制了从同一 阅读全文
摘要：
策略模式（Strategy） 定义：将定义的一组算法封装起来，使其相互之间可以替换。封装的算法具有一定的独立性，不会随客户端的变化而变化 废话不多说，先来个例子 上面的例子，一定会有人这么写的，你要说没有我也没办法(～￣▽￣)～，这样写首先不利于维护，其实也不好方便扩展 改进一下： 上面的例子就可以 阅读全文