- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue-06 列表渲染 for
列表渲染指令1.v-for 迭代数组语法： v-for="(alias, index) in array" 说明： alias : 数组元素迭代的别名； index : 数组索引值从0开始(可选)2.v-for 迭代对象的属性语法： v-for="(value, key, index) in Object" 说明： value : 每个对象的属性值; key : 属性名(可选); index : 索引值(可选) 。3.可用 of 替代 in 作为分隔符<!DOCTYPE ht
2021-02-28 23:12:52
213
原创 vue-05 条件渲染 v-if
v-if 是否渲染当前元素 v-else v-else-if v-show 与 v-if 类似，只是元素始终会被渲染并保留在 DOM 中,只是简单切换元素的 CSS 属性 display 来显示或隐藏效果图代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" conte..
2021-02-26 22:07:09
127
原创 用EnumMap代替序数索引
有时候，会见到利用ordinal方法来索引数组的代码。例如下面这个简化的类，表示一种烹饪用的香草：public class Herb { public enum Type { ANNUAL, PERENNIAL, BIENNIAL } private final String name; private final Type type; Herb(String name, Type type) { this.name = name; th
2021-02-26 21:58:38
162
原创 vue-04 Class与Style绑定 v-bind
通过 class 列表和 style 指定样式是数据绑定的一个常见需求。它们都是元素的属性，都用 v-bind 处理，其中表达式结果的类型可以是：字符串、对象或数组。语法格式v-bind:class='表达式' 或 :class='表达式'class 的表达式可以为：字符串 :class="activeClass"对象 :class="{active: isActive, error: hasError}"数组 :class="['active', 'error']" 注意要加上单引号,
2021-02-24 20:37:03
104
原创 Effective Java(用实例域代替序数、用EnumSet代替位域)
1.用实例域代替序数枚举类型有一个ordinal方法，它的范围是常量的序数从0开始，不建议使用这个方法，因为这不能很好地对枚举进行维护，正确应该是利用实例域，例如：public enum ErrorCode { FAILURE(0), SUCCESS(1); private final int code; //上一条讲到枚举天生不可变，所有域都应该是final的。 ErrorCode(int code) { this.code = code
2021-02-24 20:24:03
127
原创 vue-03 计算属性和监听器
computed 选项定义计算属性计算属性 类似于 methods 选项中定义的函数计算属性 会进行缓存，只在相关响应式依赖发生改变时它们才会重新求值。 函数 每次都会执行函数体进行计算。计算属性（双向绑定）计算属性默认只有 getter ，不过在需要时你也可以提供一个 setter监听器 watch当属性数据发生变化时,对应属性的回调函数会自动调用, 在函数内部进行计算 通过 watch 选项 或者 vm 实例的 $watch() 来监听指定的属性 需求：通过 watch 选项
2021-02-23 21:52:44
85
原创 Effective Java 用enum代替int常量
在java1.5之前，表示枚举类型的常用模式是声明一组具名的int常量，每个类型成员一个常量：public static final int APPLE_FUJI = 0;public static final int APPLE_PIPPIN = 1;public static final int APPLE_GRANNY_SMITH = 2;public static final int ORANGE_NAVEL = 0;public static final int ORANGE_
2021-02-23 21:23:12
138
原创 vue-02 模板数据绑定渲染
可生成动态的HTML页面，页面中使用嵌入 Vue.js 语法可动态生成1. {{xxxx}}双大括号文本绑定2. v-xxxx以v-开头用于标签属性绑定，称为指令双大括号语法{{}}格式：{{表达式}}作用：使用在标签体中，用于获取数据可以使用 JavaScript 表达式一次性插值v-once通过使用v-once指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新输出HTML指令v-html格式：v-html='xxxx'作用：如果是HTML
2021-02-22 22:56:31
141
原创 vue-01 hello world
1、打开VS code，点击File->Open folder，找到D:\workspace\vscode\vue-demo2、新建目录，demo-013、安装vue4、编写html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="I...
2021-02-22 22:46:44
89
原创 Effective java 优先考虑类型安全的异构容器
泛型最常用于集合，如Set和Map<K, V>，以及单元素容器，例如ThreadLocal 和AtomicReference 。在这些用法中，它都充当被参数化了的容器。这样就限制你没个容器只能有固定数目的类型参数。一般来说，这种情况正是你想要的。一个Set只有一个类型参数，表示它的元素类型；一个Map有两个类型参数，表示它的键和值类型；诸如此类。 但是，有时候你会需要更多的灵活性。例如，数据库行可以有任意多的列，如果能以类型安全的方式访问所有列就好了。幸运的是，有一种方法可以很容易地做到这
2021-02-22 22:34:00
113
原创 VS code 安装教程
一、介绍 Visual Studio CodeVisual Studio Code (简称 VS Code / VSC) 是一款免费开源跨平台的现代化轻量级代码编辑器，支持语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux，运行流畅，可谓是微软的良心之作……在 Build 2015 大会上，微软宣布推出免费跨平台的 Visual Studio Code 编辑器。介
2021-02-18 22:39:39
798
原创 第1章 NPM 包管理工具
1.1 什么是 NPMNPM 全称 Node Package Manager，它是 JavaScript 的包管理工具, 并且是 Node.js 平台的默认包管理工具。通过NPM 可以安装、共享、分发代码,管理项目依赖关系。可从NPM服务器下载别人编写的三方包到本地使用。可从NPM服务器下载并安装别人编写的命令行程序到本地使用。可将自己编写的包或命令行程序上传到NPM服务器供别人使用。其实我们可以把 NPM 理解为前端的 Maven。我们通过 npm 可以很方便地安装与下载 js 库
2021-02-18 22:23:43
188
原创 Effective Java 利用有限制通配符来提升API的灵活性
如第28条所述，参数化类型是 不可变的（invariant）。对两个不同类型T1和T2而言，List<T1>与List<T2>没有父子类型关系。1、Extends有时候，需要的灵活性要比不可变类型所能提供的更多。考虑第26条中的堆栈下面就是他的公共API：public class Stack<E> {public Stack();public void push(E e);public E pop();public boolean isEmpt
2021-02-18 22:06:30
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人