自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 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关注的人

提示
确定要删除当前文章?
取消 删除