vue-progressbar 知识点
摘要：
使用步骤： 1. 安装 1. import、Vue.use() 1. 组件里，created() 和 mounted() 复制官方github地址上的代码 官方github地址：https://github.com/hilongjw/vue progressbar 阅读全文
posted @ 2017-09-22 16:16 cag2050 阅读(473) 评论(0) 推荐(0)
<script>标签里的defer和async属性 区别（待补充）
摘要：
defer与async的区别（表格显示）： table th:first of type { width: 150px; } table th:nth of type(2) { } 区别 | defer | async | | 什么时候执行 | document 解析完毕且所有defer scrip 阅读全文
posted @ 2017-09-21 17:01 cag2050 阅读(208) 评论(0) 推荐(0)
管理node.js版本的模块：n
摘要：
n模块的使用： 命令 | 作用 | yarn global add n | 全局安装n n stable | 升级node.js到最新稳定版 n v0.10.26 或 n 0.10.26 | 升级到指定版本号 阅读全文
posted @ 2017-09-21 14:56 cag2050 阅读(249) 评论(0) 推荐(0)
node 知识点
摘要：
问：局部安装如何使用npm run命令？ 答：如果已局部安装了babel cli（babel cli自带babel node命令），package.json文件配置如下： 问：mac 下 node 如何升级？ 答：下载新版的 pkg 安装文件，双击直接安装即可。或使用node版本管理模块n：http 阅读全文
posted @ 2017-09-21 10:41 cag2050 阅读(203) 评论(0) 推荐(0)
让node支持es模块化(export、import)的方法
摘要：
node版本v7.9.0，支持了大部分es6的功能，但还不支持es6模块化(export、import)。 检测ES6 可以使用es checker来检测当前Node.js对ES6的支持情况。 使用命令，全局安装es checker： 安装好之后，执行以下命令来查看Node.js对ES6的支持情况。 阅读全文
posted @ 2017-09-21 10:26 cag2050 阅读(5507) 评论(0) 推荐(0)
jvm 知识点
摘要：
双亲委派模型的工作流程是： 如果一个类加载器收到了类加载的请求，它首先不会自己去尝试加载这个类，而是把请求委托给父加载器去完成，依次向上，因此，所有的类加载请求最终都应该被传递到顶层的启动类加载器中，只有当父加载器在它的搜索范围中没有找到所需的类时，即无法完成该加载，子加载器才会尝试自己去加载该类。 阅读全文
posted @ 2017-09-21 10:08 cag2050 阅读(140) 评论(0) 推荐(0)
前端 术语
摘要：
table th:first of type { width: 70px; } table th:nth of type(2) { width: 150px; } 缩写 | 英文 | 中文意思 | | esm | es module | es的模块化 cj | commonJS | commonJS 阅读全文
posted @ 2017-09-21 09:48 cag2050 阅读(235) 评论(0) 推荐(0)
js的严格模式
摘要：
严格模式主要有以下限制： 变量必须声明后再使用 函数的参数不能有同名属性，否则报错 不能使用with语句 不能对只读属性赋值，否则报错 不能使用前缀0表示八进制数，否则报错 不能删除不可删除的属性，否则报错 不能删除变量delete prop，会报错，只能删除属性delete global[prop 阅读全文
posted @ 2017-09-20 17:40 cag2050 阅读(167) 评论(0) 推荐(0)
commonJS、AMD、es模块化 区别（表格比较）
摘要：
commonJS、AMD、es6模块化 区别（表格比较）： table th:first of type { } table th:nth of type(3) { width: 150px; } table th:nth of type(4) { width: 150px; } 区别项 | es模 阅读全文
posted @ 2017-09-20 17:06 cag2050 阅读(1084) 评论(0) 推荐(0)
vue-resource 知识点
摘要：
vue resource 发送json到后端： Content Type字段的类型是application/json，就会有options请求。 http://www.ruanyifeng.com/blog/2016/04/cors.html vue resource 使用示例： If your w 阅读全文
posted @ 2017-09-20 15:52 cag2050 阅读(189) 评论(0) 推荐(0)
yarn 知识点
摘要：
yarn 与 npm 功能对应表格： 命令 | yarn | npm | | 初始化 | yarn init | npm init 安装项目所有包(注意) | yarn | npm install 添加 dependencies | yarn add [package name] | npm ins 阅读全文
posted @ 2017-09-19 15:43 cag2050 阅读(222) 评论(0) 推荐(0)
声明变量（Declared Variable）和非声明变量（Undeclared Variable）的区别
摘要：
1. 声明变量的作用域限制在其声明位置的上下文中，而非声明变量总是全局的。 2. 声明变量在任何代码执行前创建，而非声明变量只有在执行赋值操作的时候才会被创建。 3. 声明变量是它所在上下文环境的不可配置属性（non configurable property），非声明变量是可配置的（例如非声明变量 阅读全文
posted @ 2017-09-18 17:47 cag2050 阅读(3147) 评论(0) 推荐(0)
let、var、const区别（表格比较）
摘要：
let、var、const区别（表格比较）： 区别项 | let | var | const | | | 作用域 | 块级作用域 | 全局作用域或函数作用域 | 块级作用域 是否有变量提升 | 无 | 有 | 无 是否可重复声明 | 不可 | 可以 | 不可 是否属于顶层对象的属性 | 不属于 | 阅读全文
posted @ 2017-09-18 16:59 cag2050 阅读(539) 评论(0) 推荐(0)
es6比es5节省代码的地方总结
摘要：
对象方法简写： es5写法： es6写法（方法定义里，少写了冒号和function）： 阅读全文
posted @ 2017-09-18 16:44 cag2050 阅读(200) 评论(0) 推荐(0)
Promise 知识点
摘要：
.done() Promise 对象的回调链，不管以then方法或catch方法结尾，要是最后一个方法抛出错误，都有可能无法捕捉到（因为 Promise 内部的错误不会冒泡到全局）。因此，我们可以提供一个done方法，总是处于回调链的尾端，保证抛出任何可能出现的错误。 promise 理解： 1. 阅读全文
posted @ 2017-09-18 16:10 cag2050 阅读(246) 评论(0) 推荐(0)
async（await）知识点
摘要：
async 函数是 Generator 函数的语法糖。 async 函数对 Generator 函数的改进体现在: 1. async 内置执行器。 Generator 函数的执行必须靠执行器，需要调用 next() 方法，或者用co 模块； 而 async 函数自带执行器。也就是说，async 函数 阅读全文
posted @ 2017-09-18 14:41 cag2050 阅读(297) 评论(0) 推荐(0)
Generator 知识点
摘要：
Generator 函数的执行过程，其实是将同一个回调函数，反复传入 next 方法的 value 属性。 Iterator 接口的 next 方法必须是同步的，只要调用就必须立刻返回值。也就是说，一旦执行next方法，就必须同步地得到value和done这两个属性。 如果遍历指针正好指向同步操作， 阅读全文
posted @ 2017-09-18 14:20 cag2050 阅读(149) 评论(0) 推荐(0)
koa2 知识点
摘要：
koa2 常用功能： 假设 Koa 提供的 Context 对象的实例为 ctx table th:first of type { width: 200px; } table th:nth of type(2) { } 语句 | 作用 | ctx.response.body | 发送给用户的内容 c 阅读全文
posted @ 2017-09-15 16:08 cag2050 阅读(283) 评论(0) 推荐(0)
java 方向术语
摘要：
缩写 | 英文 | 中文意思 | | POJO | Plain Ordinary Java Object | 简单的Java对象 slf4j | Simple Logging Facade for Java | 简单日志门面，跟 Common Logging 都是日志接口 AOP | Aspect 阅读全文
posted @ 2017-09-15 14:18 cag2050 阅读(159) 评论(0) 推荐(0)
java 学习资料
摘要：
java 学习资料 table th:first of type { width: 90px; } table th:nth of type(2) { } table th:nth of type(3) { width: 400px; } 知识 | 链接网址 | 说明 | | java基础 | ht 阅读全文
posted @ 2017-09-15 10:19 cag2050 阅读(193) 评论(0) 推荐(0)
JVM 之：Class 类文件结构
摘要：
类文件结构 Class 文件是一组以8位字节为基础单位的二进制流，各个数据项目严格按照顺序紧凑地排列在 Class 文件中，中间没有添加任何分隔符，这使得整个 Class 文件中存储的内容几乎全部都是程序运行的必要数据。 根据 Java 虚拟机规范的规定，Class 文件格式采用一种类似于 C 语言 阅读全文
posted @ 2017-09-14 17:43 cag2050 阅读(139) 评论(0) 推荐(0)
JVM 之：Java 内存区域与内存溢出
摘要：
内存区域 Java 虚拟机在执行 Java 程序的过程中会把他所管理的内存划分为若干个不同的数据区域。Java 虚拟机规范将 JVM 所管理的内存分为以下几个运行时数据区：程序计数器、Java 虚拟机栈、本地方法栈、Java 堆、方法区。 下图所示各数据区。 Java 虚拟机是基于栈的，而 Andr 阅读全文
posted @ 2017-09-14 16:23 cag2050 阅读(154) 评论(0) 推荐(0)
数据结构 知识点
摘要：
常见数据结构特征： 数据结构 | 特征 | 栈(stack) | 先进后出 队列(queue) | 先进先出 堆(heap) | 按照一定的优先顺序排列，按照元素的优先级取出元素 堆(heap) 堆是一种特殊的树，特殊表现在是完全二叉树，堆的通用特点就是父节点会大于或小于所有子节点。 堆分为大顶堆和 阅读全文
posted @ 2017-09-14 16:15 cag2050 阅读(195) 评论(0) 推荐(0)
linux 常用命令
摘要：
linux 常用命令： 命令 | 作用 | sudo su - root | man [command] | 系统帮助手册的电子版本（一般用man就可以） info [command] | info来自自由软件基金会的 GNU 项目，是 GNU 的超文本帮助系统，相较于man的结果更为详细，可以更完 阅读全文
posted @ 2017-09-14 11:04 cag2050 阅读(200) 评论(0) 推荐(0)
Android 知识点
摘要：
在 Mac OS X 设置环境变量 ANDROID_HOME 参考：https://stackoverflow.com/questions/19986214/setting-android-home-enviromental-variable-on-mac-os-x 阅读全文
posted @ 2017-09-13 16:22 cag2050 阅读(156) 评论(0) 推荐(0)
weexpack 使用
摘要：
weexpack 的github地址：https://github.com/weexteam/weex pack weex toolkit： 初始化的项目是针对开发单个 Weex 页面而设计的，也就是说这样的项目只包括单个页面开发需要的东西，比如前端页面源文件、webpack 配置、npm 脚本等。 阅读全文
posted @ 2017-09-13 14:58 cag2050 阅读(157) 评论(0) 推荐(0)
weex-toolkit 使用
摘要：
weex toolkit 的github地址：https://github.com/weexteam/weex toolkit weex toolkit： 初始化的项目是针对开发单个 Weex 页面而设计的，也就是说这样的项目只包括单个页面开发需要的东西，比如前端页面源文件、webpack 配置、n 阅读全文
posted @ 2017-09-13 14:51 cag2050 阅读(187) 评论(0) 推荐(0)
weex 知识点
摘要：
使用 weex init [project_name] 创建的项目，执行 npm run dev 后，在 public/dist 文件夹里面就生成了两个对应的js，一个是index.web.js， 一个是 index.native.js。 这两个js，前一个是给网页端使用的，后一个是给app使用的。 阅读全文
posted @ 2017-09-13 14:25 cag2050 阅读(178) 评论(0) 推荐(0)
url参数中出现+、空格、=、%、&、#等字符的解决办法
摘要：
url参数中出现+、空格、/、?、%、#、&、=等特殊符号的时候，可能在服务器端无法获得正确的参数值，如何是好？ 解决办法： 将这些字符转化成服务器可以识别的字符，对应关系如下： URL字符转义 用其它字符替代吧，或用全角的。 符号 意义 转换 + URL 中+号表示空格 %2B 空格 URL中的空 阅读全文
posted @ 2017-09-13 13:15 cag2050 阅读(831) 评论(0) 推荐(0)
hybrid app、react-native 区别
摘要：
hybrid app、react native 区别： 项目 | hybrid app | react native | | 组件 | 用HTML、CSS、JavaScript实现页面的制作，然后运行在Webview上(模拟原生组件) | 封装了原生组件，性能更好 阅读全文
posted @ 2017-09-12 15:57 cag2050 阅读(243) 评论(0) 推荐(0)
native app、web app、hybrid app、react-native 区别
摘要：
Native App：指的是原生应用程序，一般依托于操作系统，有很强的交互. 技术：Objective C Java Native App开发的优点 1. 提供最佳的 户体验 2. 拥有系统级别的通知或提醒 3. 可以访问本地资源(通讯录，相册) 4. 针对不同平台提供不同体验 Native App 阅读全文
posted @ 2017-09-12 15:46 cag2050 阅读(468) 评论(0) 推荐(0)
hybrid app 知识点
摘要：
WebView能加载显示网页，可以将其视为一个浏览器。 Android系统中，叫做 "WebView" ios系统中，新版是 "WKWebView" ，旧版是 "UIWebView" Native App 和 Web App 的使用场景： 1. 偏交互的Native，偏浏览的Web：交互指复杂操作， 阅读全文
posted @ 2017-09-12 15:17 cag2050 阅读(208) 评论(0) 推荐(0)
移动端点击延迟的解决方案
摘要：
前置知识： 在移动端多了touch的三个touch事件。 所有事件触发顺序为：(touchstart——touchmove——touchend)——mouseover——mousedown——mouseup——click。 当有touchmove触发时，就不会再触发touchend之后的事件。 有两 阅读全文
posted @ 2017-09-11 10:17 cag2050 阅读(473) 评论(0) 推荐(0)
Java中的null
摘要：
1. null是Java中的关键字，像public、static、final。它是大小写敏感的，你不能将null写成Null或NULL，编译器将不能识别它们然后报错。 2. 就像每种原始类型都有默认值一样，如int默认值为0，boolean的默认值为false，null是任何引用类型的默认值，不严格 阅读全文
posted @ 2017-09-07 17:25 cag2050 阅读(348) 评论(0) 推荐(0)
类加载器 知识点
摘要：
类加载器基本概念 顾名思义，类加载器（class loader）用来加载 Java 类到 Java 虚拟机中。一般来说，Java 虚拟机使用 Java 类的方式如下：Java 源程序（.java 文件）在经过 Java 编译器编译之后就被转换成 Java 字节代码（.class 文件）。类加载器负责 阅读全文
posted @ 2017-09-07 17:01 cag2050 阅读(150) 评论(0) 推荐(0)
hashcode 知识点
摘要：
java中常用的哈希码的算法。 1. Object类的hashCode.返回对象的内存地址经过处理后的结构，由于每个对象的内存地址都不一样，所以哈希码也不一样。 2. String类的hashCode.根据String类包含的字符串的内容，根据一种特殊算法返回哈希码，只要字符串所在的堆空间相同，返回 阅读全文
posted @ 2017-09-07 15:53 cag2050 阅读(307) 评论(0) 推荐(0)
stylus 知识点
摘要：
循环的范围可以用两个小数点..表示，如(1..10)就是从1到10，并且包括1和10 for in 的循环范围写法： 等价于： 要拼接变量跟字符串，就必须使用大括号{}，例如a.level {$num} 使用变量，也必须使用大括号。 stylus中数组包含对象，并遍历： 注意：数组的元素不能换行 阅读全文
posted @ 2017-09-07 01:40 cag2050 阅读(472) 评论(0) 推荐(0)
HTMLCanvasElement.toBlob() 兼容性及使用
摘要：
toBlob 兼容性： 在最新版chrome和firefox中能正常使用，在Safari中报错：没有这个函数 规避方法: 不使用toBlob，使用toDataURL()将file转成base64编码，然后转成blob，如果需要，可以再转成file 以下为在vue中的写法： 阅读全文
posted @ 2017-09-06 17:35 cag2050 阅读(1271) 评论(0) 推荐(0)
文件上传 accept 兼容性
摘要：
写法1 在chrome下有反应很慢的问题，不要使用 写法2 在firefox、Safari 中有兼容性问题，弹出选择框不会高亮显示jpg后缀的图片 写法3 在写法2上都添加了image/jpeg，解决了 弹出选择框不会高亮显示jpg后缀图片 的问题 写法1： 写法2： 写法3： 阅读全文
posted @ 2017-09-05 19:08 cag2050 阅读(722) 评论(0) 推荐(0)
浙公网安备 33010602011771号