浮点数转中文 链接：https://github.com/BryanAdamss/VueTemplate/blob/master/src/common/js/NumberToChinese.js 背景 项目有整数转中文的需求，本想直接搜索个简单的实现。 但发现网络上的有一些问题 有些无法处理浮点数 有些存在生硬翻译问题，无法翻译成满足日常习惯的中文；如 11 翻译成了 一十一，应翻译成 十一 有些翻译范围有限 造轮子 决定自己实现一个浮点数转中文的工具方法 支持浮点数 支持正负数 符合日常口语习惯 能支持翻译 js 数字范围内的所有数字 实现代码12345678910111213 ...

v-model、.sync 的异同v-model 实现双向数据绑定(数据 model 改变会自动反映到视图 view 上，视图 view 的数据变化也会同步到数据 model 中)，一般用在表单的双向数据绑定约定俗成的用在表单相关组件上 v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。在调试工具中直接修改这 3 个特性值都不会生效； 语法糖:默认形况下会绑定表单的 value 以及监听 input 事件；可通过 model 选项，配置 v-model 的触发机制 12345678910111213141 ...

Vue inheritAttrs、$attrs、$listeners、provide、inject、slot、slotScope不使用 vuex、eventBus 在高层级组件中传递数据 组件调用关系 A->B->C （A 调用 B，B 调用 C） 基本概念 inheritAttrs 默认情况下父作用域中的不被子组件认作为 props 的特性绑定 (attribute bindings) 将会“回退”且作为普通的 HTML 特性应用在子组件的根元素上。 通过设置 B 组件的 inheritAttrs 为 false，可屏蔽掉这种默认行为。B 组件仍可通过$attrs 访问这些不 ...

flip 动画技术前言 尺寸、位置动画会触发重排，导致动画不流畅、动画启动慢 flip 技术主要的目的是将常见的尺寸(width、height)、位置(top、left...)动画映射为性能开销小的transform动画 基本概念 First: 元素的初始状态 Last：元素的最终状态 Invert：反转 Play：开启动画 基本思路 First：获取元素的初始状态 Last：设置元素的状态为运动结束的最终状态 Invert：通过设置相反的transform值将元素从最终状态反转为初始状态 Play：设置元素transition运动属性(缓动、时长等)，再清空transform动画来启动动 ...

学习黄奕老师的《vue 源码分析》视频的相关笔记仓库地址：https://github.com/BryanAdamss/vue-for-analysis Vue-analysis-note版本 vue 2.5.17-beta.0 Flow静态类型检查器检查方式 类型推断 根据调用的方法，推断入参的类型 类型注释 主动添加入参及返回值的类型 在 vue 中的配置 通过根目录下的.flowconfig进行相关配置 [libs] \n flow字段指名了flow 自定义类型定义文件的目录为根目录下的flow文件夹12345678flow |--- compiler.js # ...

记录搭建 gitlab-ci 服务相关概念；配置太多，很多不是很理解，仅做个记录，方便后期查阅； Gitlab-ci前置概念 持续集成（Continuous Integration） 持续集成强调开发人员提交了新代码之后，立刻进行构建、（单元）测试。根据测试结果，我们可以确定新代码和原有代码能否正确地集成在一起 个人开发代码->构建、单元测试->向原有代码上集成 主要用来发现个人开发代码是否能主体代码上集成 持续交付（Continuous Delivery） 持续交付在持续集成的基础上，将集成后的代码部署到更贴近真实运行环境的「类生产环境」（production-like ...

重读了一遍 vuex 文档，用自己的语言记录了一部分东西，方便自己后期查找 Vuex安装 Vuex 依赖 Promise。如果你支持的浏览器并没有实现 Promise (比如 IE)，那么你可以使用一个 polyfill 的库，例如 es6-promise 什么情况需要 Vuex 相互嵌套的组件多，需要相互共享、传递数据时。 简单方案:EventBus、provide/inject、inheritAttrs/$attrs/$listeners 或者手动实现一个订阅者模式 概念 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中 ...

工作中，经常因命名规范而头疼，所以特意整理了部分规范，就便后期查找 文件及文件夹命名规范原则 命名尽量简短，不要产生多个单词；尽量采用约定俗称的名称； 需要重点标识的可采用特殊标识去； 规范 文件夹 多个单词时：统一采用全小写+连字符；如 source-codehttp://www.ruanyifeng.com/blog/2017/02/filename-should-be-lowercase.html 特殊情况需要特别标识的可以采用帕斯卡命名方式，如 vue 组件的文件夹 SyncClass 文件 统一采用全小写+连字符形式：auto-height.js 特殊情况需要特别标识 ...

记录 chrome 调试工具的一些常用技巧没有时间详细整理，想到什么记录什么 Chrome Devtools 常用技巧网络请求相关拷贝网络请求地址 选择NetWorkTab 右键一个网络请求 选择copy 选择copy link address即可拷贝某一请求实际地址 注意 如果直接双击一个网络请求会打开一个新标签页，然后会请求对应网络地址，如果有装JSONView可以直接查看对应结果 拷贝网络请求的 response 选择NetWorkTab 右键一个网络请求 选择copy 选择copy response即可 注意 选择copy response拷贝出的 response ...

工作中经常会用到 git,都只是停留在简单的操作上，对于出现的问题也只会百度解决，无法知其所以然，所以准备好好了解一下 git，做到知其所以然。以下为阅读《progit》做的一些笔记，方便后期查阅。 Git起步同其他版本控制系统的差异 Git 存储的是项目随时间改变的快照而不是与初始版本的差异 Git 存储的是每个改变点项目整体快照 如果某文件没有被修改，Git 不会重新存储该文件 其他常见版本控制系统存储的是每个文件与初始版本的差异 Git 近乎所有操作都是本地执行 速度快 可以离线操作 Git 保证完整性 用 SHA-1 散列（hash，哈希）来计算校验和，这意味着不可能在 ...