摘要：  原文地址： A quick guide to choosing a color palette Color Theory 101: A Complete Guide to Color Wheels & Color Schemes 色彩理论基础 色彩专业名词： Hue: what color so 阅读全文

摘要： 其实很简单，简单画一画就清楚了,大致的关系如下图示： 实例数据如下： { "dataSource": [ { "name": "一组", "currencySymbol": "￥", "value": [ { "name": "赵强", "value": 99999 }, { "name": "刘 阅读全文

摘要： 有这样一组数据： { "pie": { "dataSource": [ { "name": "一组", "value": 742867 }, { "name": "二组", "value": 655551 }, { "name": "三组", "value": 85551 }, { "name": 阅读全文

摘要： ## 浏览器如何工作？ 《前端性能优化 原理，工具和方法 - 邓德瑞》 阅读全文

摘要： #Server Timing #Chrome #devTools Network tab Queueing: 排队等候，当以下情况出现时，浏览器会将请求进行排队 有更高优先级的请求 当前服务器连接已经有6个TCP连接，这是HTTP/1.0 和 HTTP/1.1 的限制 浏览器正在磁盘缓存分配空间 S 阅读全文

摘要： 出现这个问题的最大原因可能是，目标端口不在netstat 的管理范围， 所以需要重新设定范围 改解决方案来自 https://stackoverflow.com/a/66827598/12261182 Solution for those who can not find the process w 阅读全文

摘要： this.$refs["gatewayModal"].ok = function(){_this.$refs["gatewayModal"].$emit('on-ok')}; // 重新组件内ok方法(默认会直接关闭modal) 阅读全文

摘要： handelfileChange(e) { this.file = null; //init const FD = new FormData(); let newNameFile = this.rewriteFileName(e.target.files[0]); FD.append("mFile" 阅读全文

摘要： /* Enhance localStorage -- Start -- usage: cusLocalStorage.setItem('infos','name','jayce) ==> "infos":"{'name':'jayce'}" cusLocalStorage.getItem('info 阅读全文

摘要：  引言 本篇文章总结了日常开发中，时长会处理的两类问题， 一个是，条件渲染， 这里的所说的条件渲染不仅仅包含了v-if ， 而是泛指，一个组件的渲染，需要具备一定的触发时机， 那么处理这种场景时， 通常有 v-if 、 手动挂载 、 以及 动态组件。 此外，第二种场景，是 某个组件中的某些方法的 阅读全文

摘要： 1. 最简单的 Store import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.store({ state:{ count:0 }, mutations:{ increment ( st 阅读全文

摘要： 1. Map Map 是ES6新增的一种集合类型， 为这么语言带来了真正的 key/value 存储机制。译作 “映射” 1.2 基本API 1.2.1 Map 实例的创建 使用new 关键字 和 Map 构造函数 以创建一个Map实例， 也叫做一个映射。 // 创建一个 空映射 const m = 阅读全文

摘要：  0. 前言 ​ 关于Typed Array， MDN 上有一段内容值得先参看阅读一下，有一个基本的认识。 0.1 什么是定型数组 （typed arrays） ? ​ 什么是定型数组？ 用一句话概括即：定型数组，是一种对内存缓冲区中的原生二进制数据有着读写机制(能力)的一种类数组对象。 (后面会 阅读全文

摘要： 使用 OpenSSH配置远程系统上的安全命令行服务 目标： 使用ssh登录远程系统并运行命令 为用户账户配置基于密钥的身份验证，以使其无需密码就能安全的登录远程系统 限制直接以root身份登录，并为OpenSSH 服务禁用基于密码的身份验证。 1. 使用SSH 访问远程命令行 1.1 什么是Open 阅读全文

摘要： 关于数组Array 的几点回顾 ”ECMAScript 数组跟其他编程语言的数组有着很大的区别， 跟其他语言中的数组一样，ECMAScript 数组也是一组有序的数据， 但是跟其他语言不同的是， 数组中的每个槽位可以存储任意类型的数据。 这意味着可以创建一个数组，它的第一个元素是字符串，第二个元素是 阅读全文

摘要： 1. 单例内置对象 所谓单例内置对象，是指由ECMAScript 实现提供的对象，与宿主环境无关。 不用显式的实例化内置对象。处理常见的Object、Array、String , 还有两个单例内置对象，Global 和 Math。 1.2 Global 事实上，不存在全局变量或者全局函数这种东西。 阅读全文

摘要： 1. RegExp 对象 JS 中像其他语言一样，有正则表达式的支持，即RegExp对象。 该对象主要提供了两个对象方法，分别是： exec() test() 用法示例如下： let str = "cat bat"; let exp = /.at/g; exp.exec(str); // ['cat 阅读全文

摘要： 手动实现一个vue cli 1. 思考准备 最一开始：创建一个web项目，所以需要一个html 文件，又是一个Vue 项目，所以需要一个div，并指明一个id. 我们使用webpack 打包后的文件，需要被引入，bundle.js, 应该把它放在dist （分发）文件夹。 > 指明id 的 div 阅读全文

摘要： 原始值包装类型 （特殊引用类型） 在ES6 时，ECMAScript 数据类型是这样去分类的： 原始值（基本数据类型） Number String Boolean Undefined Null Symbol 引用值（复杂数据类型） Object 函数也是一种引用类型 且我们知道，通常情况下，只有对象 阅读全文

摘要： 1. RegExp ECMAScript 通过RegExp类型支持正则表达式。 1.1 表示格式： let expression = /pattern/flags; //or let expression = new RegExp("pattern str","flags")// pattern s 阅读全文

摘要： 1. 强制更新 Vue 允许你强制更新： vm.$forceUpdate() 2. 阻止更新 - 通过v-once 创建低开销的静态组件 有时候你的组件中包含了大量不需要实时更新的静态内容。 这种情况下，你可以在根元素上加上一个v-once 属性，以确保这些内容仅被计算一次之后，被缓存起来。 具体就 阅读全文

摘要： 1. 内联模板 即将要说的是一个很有意思的Vue边界应用。 Vue开发者，通常都有着很敏感的组件规则。 我们写的组件全部都是以一个个组件组装到一起的。 当涉及组件之间通信，调用时，会出现各种招数应对各种场景。 如果你要写一个嵌套组件。 你必然会先创建两个单独的组件，然后在其中一个引入注册另一个（当然 阅读全文

摘要： 1. 组件的递归 如果期望你有以下实现： 这是一个嵌套了很多层的组件，你会有什么样的思路？ 1.1 递归组件 Vue 允许我们递归的调用一个组件，即在一个组件内部不断的嵌套调用自身。 为了实现组件的递归，Vue 要求我们必须指定组件的 name 属性。 此外，必须给渲染加上条件判断，在适当的时刻停止 阅读全文

摘要： antdv 清除指定字段验证： this.$refs['ruleForm'].fields.forEach(filed => { if(filed.prop == "meterInfo"){ filed.clearValidate() } }); 阅读全文

摘要： 1. 快速认识 一句话，来说，在同一个Vue实例中，$on、$once 用于设定监听器， 不同的是，$once 仅会被触发一次后立即失效。 而$off 则是一个主动的监听器销毁器。 $emit 则用于触发通过$on,$once 设定的监听器，即事件触发器/发射器。 以下是一个简单的例子： <temp 阅读全文

摘要： 1. vm.$root 1.1 描述 当前组件树的根 Vue 实例。如果当前实例没有父实例，此实例将会是其自己。 在Vue 中， 什么是一个组件树的根实例？ 实际上，通过Vue Devtools 能够很清楚的看到： 具体的，在代码中，Vue 项目的入口文件main.js 中，一般的会有这样的代码段： 阅读全文

摘要： 1. 插槽内容 假设我们有这样一个组件： <template> <section class="eassy-container"> <header class="eassy-header"> lorem </header> <main class="eassy-main"> lorem </main 阅读全文

摘要： 1.准备：先封装一个最基本的input组件 按照先前讲到的自定义v-model，我们可以轻松完成一个具备双向绑定的input元素： <template> <div>所有作用于当前 <BaseInput v-model="value"/> <br/> {{value}} </div> </templa 阅读全文

摘要： 1. v-model 语法糖 当你希望一个自定义组件的值能够实现双向绑定。 那么就需要： 将值传入组件； 将变化的值逆传回父组件。 实际上，就可以利用 props 实现的父传子 +　通过自定义事件this.$emit实现的子传父。实现双向的数据流传递。 下面是一个示例： 有这样一个父组件： <tem 阅读全文

摘要： attribute 和 property 的区别 property 和 attribute非常容易混淆，两个单词的中文翻译也都非常相近（property：属性，attribute：特性），但实际上，二者是不同的东西，属于不同的范畴。 property是DOM中的属性，是JavaScript里的对象； 阅读全文