摘要：
1. HTML 4.01 Strict 2. HTML 4.01 Transitional 3. HTML 4.01 Frameset 4. HTML 5 阅读全文
2019年8月31日
2019年8月30日
摘要：
组件意在 复用 , 若为 对象, 则会相互干扰. 且 Vue 不允许此事发生, 规定必须为函数, 否则报错. 原理如下 对象 函数 阅读全文
摘要：
首先, Vue 里面的组件之间的数据流动是 单向 的, 数据可以从父组件传递给子组件, 但不能从子组件传递给父组件, 因为组件和组件之间是 隔离 的. 就像两个嵌套的 黑盒子 . 能通过 props 向子组件传递数据其实是因为子组件 暴露 出了这个属性到 外部, 但子组件并不知道是谁把数据传过来的. 阅读全文
摘要：
1. 在注册一个组件时, 添加一个 props 属性, 将需要添加的 props 作为数组的元素进行添加, 比如下面的例子中, 我们添加了一个变量 name , 他就是一个 props, 我们可以通过它来接收从 父组件 传进来的数据 ( 韩梅梅 ). 2. 上面这种形式是写死的, 一般不这样用, 而 阅读全文
摘要：
组件化开发 需要使用到组件, 围绕组件, Vue 提供了一系列功能方法, 这里仅记录组件的 最简单 的使用方法. 1. 通过 Vue.component(tagName, options) 注册一个 全局组件, 这个组件可以在不同的 Vue 实例 中使用. 2. 局部组件 在 Vue 实例中注册(声 阅读全文
摘要：
主要是通过 v-model 对表单元素做数据的 双向绑定. 用法其实也很简单, 只是因为表单元素有不同类型, 处理方式有些许不同, 这点需要注意. 1. 如果是 输入框 , 可以直接使用 v-model="" , 注意这里的 .trim | .number | .lazy 是三个 v-model 的 阅读全文
摘要：
MVVM 的 产生 / 实现 / 发展 可以写一篇很长的博客了, 这里仅写一下个人对 MVVM 的一些肤浅的认识. 1. 在 没有 MVVM 之前, 前端可以说是 jQuery一把梭 , jQuery 解决的是前端在写页面 交互/ 功能 时需要 频繁操作 dom 这一痛点, 在 简化 dom 操作 阅读全文
2019年8月29日
摘要：
Vue 中可以通过 v-on 来绑定事件监听函数, 不过事件会有许多额外情况, 比如 是否阻止冒泡 / 是否阻止重载 / 是否限制点击次数 / 是否可以通过按键触发 等等. 这时就需要使用到 事件修饰符. 下面是 vue 的 事件修饰符 和 按键修饰符. 事件修饰符 按键修饰符 下面是一个实际的例子 阅读全文
摘要：
在 Vue 里绑定样式属性可以使用 v-bind:class="" 和 v-bind:style="" , 二者都可以接受 变量 / 数组 / 对象. 不同点是 v-bind:class 里面绑定变量的值是 class , 指向对应的 类选择器 样式表, 而 v-bind:style 里面绑定的变量 阅读全文
摘要：
需求: 我需要在某个数据变化时能够执行特定的动作, 比如我在输入框中输入数字 88, 系统检测到以后就会弹窗 拜拜 , 而输入其他字符则不会触发, 这种需求简直多入牛毛, 实际上这就是 自定义事件 , 和 点击 / 按下 / 滚动 这种事件是一样的, 都是符合条件以后就执行特定代码. 在 vue 里 阅读全文
摘要：
需求: 在 Vue 中, 我们可以像下面这样通过在 引号 或 双花括号 内写 js 表达式去做一些简单运算, 这是可以的, 不过这样写是不直观的, 而且在 html 中 夹杂 一些运算逻辑这种做法其实并不好. 最理想的情况是: html 只负责展示, 绑定的数据都是 赤裸裸 的 变量, 而非 表达式 阅读全文
摘要：
v-bind / v-on / v-if / v-for , 这四个指令应该是 vue 里面最常用的了, 之前已经简单记录的前三个的使用方法, 接下来就记一下 v-for 的基本用法. 1. v-for 需要使用 x in xs 的这种写法, 类似 for i in rangeA 循环, xs 代表 阅读全文
2019年8月28日
摘要：
1. 在这个问题上, 不同浏览器的设置方法有所差异, 可以写成下面这种形式. 详情见: https://stackoverflow.com/questions/2610497/change-an-html5-inputs-placeholder-color-with-css 阅读全文
摘要：
1. 一般来说, 使用 <textarea> 这个标签都会禁用掉它的这个默认属性, 不然可能会被用户玩儿坏, 而且也不利于其他元素的展示, 使用到的属性是 resize , 改为 none 即可. 阅读全文
摘要：
1. v-if 实现了真正的 条件渲染, 条件为真时, 节点被创建, 相应的监听函数也会生效, 条件为假时, 节点被销毁, 触发事件监听函数不会生效. 而 v-show 只是使用了 display:none , 其元素节点始终在 dom 树中, 不会被销毁和重建. 如下所示, 按钮 A 使用了 v- 阅读全文
摘要：
1. 所谓 双向数据绑定, 可以理解为: 修改 A , B 会跟着被修改, 修改 B , A 会跟着被修改. 常用在需要 进行用户输入的地方, 比如 这些 html 标签: input、select、textarea、checkbox、radio 等. 2. 下面是一个输入内容, 反转字符串的 de 阅读全文
摘要：
1. Vue 中的 v-on 指令用于绑定 dom 事件 的监听函数. 下面代码实现的是 点击更改文字颜色 的功能. 注意, this 指向这个 Vue 的实例对象. 2. v-on 可以简写为 @ , 比如 v-on:click 可以写为 @click 阅读全文
摘要：
1. 首先, 指令后的引号内是可以写 js 表达式的, 这点很重要. v-if 的用法很简单, 只需要给 v-if = " " 的引号内放一个 布尔值 即可. 注意: v-if 的隐藏是不渲染这个 html 元素, 而非 display: none. 2. 但仅仅是上面这样还无法运行, 还得实例化一 阅读全文
摘要：
1. 在 Vue 中可是使用 v-bind 对 html 中的 属性 进行绑定, 如下所示, 我们想给这个 a 标签绑定一个 title 值: 下面是预览情况: 2. 注意, 这里 v-bind:title="" 的引号内可以使用 js 表达式, 比如下面的三元运算表达式. 3. v-bind 可是 阅读全文
摘要：
v-html 可以在目标节点位置内部插入 html 子节点, 跟节点的 .innerHTML 属性类似, 使用方法如下: 注意, v-xxx 这种 指令 的数据绑定不是双花括号, 而是 ="", 可以理解为是给 html 标签 增加的特殊的 属性. 阅读全文
摘要：
1. 新建一个 .html 文件 => 引入一个在线的 vue 库 => 写一个带 id 的 html 标签 => 写一个 script 标签, 这里的 vApp 是 Vue() 这个构造函数的一个实例, 他通过 el 与 dom 建立的联系, 通过 data 和 模板语法 声明式 地将数据渲染进 阅读全文
2019年8月27日
摘要：
Vue 项目的目录结构如下, 我们将会在后面逐个去了解它们的作用: 01. build - 存储项目构建相关的代码, 比如 webpack. 02. config - Vue 的配置目录，包括端口号等, 分为开发环境 / 测试环境 / 生产环境. 03. node_modules - 存储项目的各种 阅读全文
摘要：
vue-cli 是 Vue 官方出品的快速构建单页应用的脚手架, 相当于 React 官方出品的 create-react-app , 下面演示 vue-cli 的 最 基本用法: 1. 全局安装 vue-cli, 这里使用 cnpm 进行安装, 没有安装 cnpm 可是看: 这里 2. 安装后, 阅读全文
摘要：
注意, 以下操作需要 以管理员身份 在 PowerShell 中进行, 不能是 CMD / Git Bash 等. 1. 以 管理员身份 运行 PowerShell 2. 执行 get-ExecutionPolicy 命令, 如果输出 Restricted，则表示需要我们手动打开. 3. 执行 se 阅读全文
摘要：
如果不使用 vpn , 在国内直接使用 npm 的官方镜像会很慢，这里推荐使用淘宝 NPM 镜像。淘宝 NPM 镜像是一个完整的 npmjs.org 镜像，可以用此代替官方版本(只读). 操作方法如下: 1. 安装 cnpm, 并将源地址改为: https://registry.npm.taobao 阅读全文
摘要：
直接复制以下代码到 html 文件中即可运行. Vue 对象可以理解为是一位聪明的 工人. 不需要让我们手动修改 DOM. el 表示: element , 通过它定位页面上的 DOM 节点. 这里的 #app 即为 id = "app" 的 DOM 节点. data 属性是一个对象, 里面的属性表 阅读全文
摘要：
input 输入框的聚焦选中时的边框是由 outline 属性控制的, 直接使用: input { outline: none } 即可. 如下: 阅读全文
摘要：
以 Git Bash 和 阿里云 ECS云服务器 为例, 想要进行远程连接, 可以使用 ssh 用户名@服务器IP 进行连接. 如下: 注意: 1. 密码输入时是没有提示的 2. root 是超级管理员 3. 连接成功的前提是: 服务器开启了 ssh 服务 4. 也可以不使用 Git Bash, 转 阅读全文
摘要：
使用 kill -9 进程号 命令, 可是强行终止该进程. 如果使用直接使用 kill 进程号 命令, 则会让进程 "自行了断" . 因此, 一般是 kill -9 进程号 用得较多. 阅读全文
摘要：
比如 TCP端口 / UDP端口 / 端口占用程序的进程号 等, 这些信息都可以使用: netstat -atunlp | grep 端口号 来进行获取. 比如我们想获取 22 端口的相关信息: 这里的 5 个参数表示的意思分别是: -a: 显示所有连接的端口 -t: 指明显示 TCP 端口 -u: 阅读全文
2019年8月26日
摘要：
方法1. 点击左上角 File > Preferences > Color Theme. 方法2. 使用快捷键: Ctrl + K , Ctrl + T PS: 查询各种操作的快捷键可以点击: F1 键. 阅读全文
摘要：
1. 使用: npm -v 查看是否安装了 npm , 如果没有安装, 请前往 Nodejs 官网 下载安装, 下图表示已经安装 npm , 版本为: 6.9.0 . 2. 使用 tsc -v 查看是否安装了 typescript , 下面表示已经安装, 版本为: 3.5.3, 如果没有安装, 可以 阅读全文
