11 2019 档案
摘要：作用：提供了一些最常用的NPM包镜像地址，能够让我们快速的切换安装包时候的服务器地址； 什么是镜像：原来包刚一开始是只存在于国外的NPM服务器，但是由于网络原因，经常访问不到，这时候，我们可以在国内，创建一个和官网完全一样的NPM服务器，只不过，数据都是从人家那里拿过来的，除此之外，使用方式完全一样
阅读全文
摘要：vue.js 1.x 文档 vue.js 2.x 文档 String.prototype.padStart(maxLength, fillString) js 里面的键盘事件对应的键码 Vue.js双向绑定的实现原理 pagekit/vue-resource navicat如何导入sql文件和导出s
阅读全文
摘要：computed属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用； methods方法表示一个具体的操作，主要书写业务逻辑； watch一个对象，键是需要观察的表达式，值是对应回调函数。主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作；可以看作是comput
阅读全文
摘要：computed计算属性的使用 默认只有getter的计算属性： <div id="app"> <input type="text" v-model="firstName"> + <input type="text" v-model="lastName"> = <span>{{fullName}}<
阅读全文
摘要：考虑一个问题：想要实现 名 和 姓 两个文本框的内容改变，则全名的文本框中的值也跟着改变；（用以前的知识如何实现？？？） 监听data中属性的改变： <div id="app"> <input type="text" v-model="firstName"> + <input type="text"
阅读全文
摘要：命名视图实现经典布局 标签代码结构： <div id="app"> <router-view></router-view> <div class="content"> <router-view name="a"></router-view> <router-view name="b"></route
阅读全文
摘要：使用 children 属性实现路由嵌套 <div id="app"> <router-link to="/account">Account</router-link> <router-view></router-view> </div> <script> // 父路由中的组件 const
阅读全文
摘要：设置路由高亮 css： .router-link-active, /* vue-router*/ .myactive { color: red; font-weight: 800; font-style: italic; font-size: 80px; text-decoration: under
阅读全文
摘要：什么是路由 后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源，这个对应关系就是后端中的路由； 前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容
阅读全文
摘要：父组件向子组件传值 组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据 <script> // 创建 Vue 实例，得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '这是父组件中的消息' }, componen
阅读全文
摘要：使用flag标识符结合v-if和v-else切换组件 页面结构：（缺点：只适用于两个组件间切换，不适合多个） <div id="app"> <input type="button" value="toggle" @click="flag=!flag"> <my-com1 v-if="flag"></
阅读全文
摘要：定义Vue组件 什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同： 模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一； 组件化：
阅读全文
摘要：<transition-group> 组件还有一个特殊之处。不仅可以进入和离开动画，还可以改变定位。要使用这个新功能只需了解新增的 v-move 特性，它会在元素的改变定位的过程中应用。 v-move 和 v-leave-active 结合使用，能够让列表的过渡更加平缓柔和： .v-move{ tr
阅读全文
摘要：定义过渡样式： <style> .list-enter, .list-leave-to { opacity: 0; transform: translateY(10px); } .list-enter-active, .list-leave-active { transition: all 0.
阅读全文
摘要：定义及使用钩子函数 定义 transition 组件以及三个钩子函数： <div id="app"> <input type="button" value="切换动画" @click="isshow = !isshow"> <transition @before-enter="beforeEnter
阅读全文
摘要：导入动画类库： <link rel="stylesheet" type="text/css" href="./lib/animate.css"> 定义 transition 及属性： <transition enter-active-class="fadeInRight" leave-active-
阅读全文
摘要：为什么要有动画：动画能够提高用户的体验，帮助用户更好的理解页面中的功能； 使用过渡类名 步骤分析 需求： 点击按钮，让 h3 显示，再点击，让 h3 隐藏 1. 使用 transition 元素，把 需要被动画控制的元素，包裹起来 transition 元素，是 Vue 官方提供的 2. 自定义两组
阅读全文
摘要：先解压安装 PHPStudy; 解压安装 Navicat 这个数据库可视化工具，并激活； 打开 Navicat 工具，新建空白数据库，名为 dtcmsdb4; 双击新建的数据库，连接上这个空白数据库，在新建的数据库上右键 -> 运行SQL文件，选择并执行 dtcmsdb4.sql 这个数据库脚本文件
阅读全文
摘要：除了 vue-resource 之外，还可以使用 axios 的第三方包实现实现数据的请求 之前的学习中，如何发起数据请求？原生、jQuery，需要操作DOM 常见的数据请求类型？ get post jsonp 测试的URL请求资源地址： get请求地址： http://vue.studyit.io
阅读全文
摘要：生命周期与生命周期钩子 什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 生命周期钩子：就是生命周期事件的别名而已； 生命周期钩子 = 生命周期函数 = 生命周期事件 主要的生命周期函数分类 创建期间的生命周期函数： beforeCreate：
阅读全文
摘要：1.自定义全局和局部（私有）自定义指令 // 自定义全局指令 v-focus，为绑定的元素自动获取焦点： Vue.directive('focus', { inserted: function (el) { // inserted 表示被绑定元素插入父节点时调用 el.focus();
阅读全文
摘要：1.x版本中自定义键盘修饰符【了解】 Vue.directive('on').keyCodes.f2 = 113; 2.x版本中自定义键盘修饰符 通过Vue.config.keyCodes.名称 = 按键值来自定义案件修饰符的别名： Vue.config.keyCodes.f2 = 113; 使用自
阅读全文
摘要：概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示； 私有过滤器 HTML元素： <td>{{item.ctime | dataForm
阅读全文
摘要：1.fq安装 2.本地安装： Google浏览器 chrome://extensions/ ，打开扩展程序→打开开发者模式→加载已解压的扩展程序，选择解压后的扩展程序包即可。
阅读全文
摘要：Vue指令之v-if和v-show <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.
阅读全文
摘要：迭代数组（普通数组、对象数组） <ul> <li v-for="(item, i) in list">索引：{{i}} 姓名：{{item.name}} 年龄：{{item.age}}</li> </ul> 迭代对象中的属性 <!-- 循环遍历对象身上的属性 --> <div v-for="(v
阅读全文
摘要：使用class样式 数组 <h1 :class="['red', 'thin']">这是一个邪恶的H1</h1> 2.数组中使用三元表达式 <h1 :class="['red', 'thin', isactive?'active':'']">这是一个邪恶的H1</h1> 3.数组中嵌套对象 <h1
阅读全文
摘要：v-model是唯一可以实现双向数据绑定的vue指令 单向数据绑定：修改内存中的数据，页面上同步更改。v-bind <!-- v-bind 只能实现数据的单向绑定，从 M 自动绑定到 V， 无法实现数据的双向绑定 --> <input type="text" v-bind:value="msg" s
阅读全文
摘要：.stop 阻止冒泡（阻止事件向外层冒泡） .prevent 阻止默认事件（链接跳转、表单提交） .capture 添加事件侦听器时使用事件捕获模式（从外到里触发事件） .self 只当事件在该元素本身（比如不是子元素）触发时触发回调 .once 事件只触发一次 注意： 1.once和prevent
阅读全文
摘要：插值表达式{{}} 和 v-text 默认 v-text 是没有闪烁问题的； v-text会覆盖元素中原本的内容，但是 插值表达式只会替换自己的这个占位符，不会把 整个元素的内容清空 v-cloak 使用 v-cloak 能够解决 插值表达式闪烁的问题 v-html 把后面的内容当做HTML代码来解
阅读全文
摘要：Vue指令之v-on v-on指令介绍 直接使用指令v-on 使用简化指令@ 绑定事件代码：@事件名="methods中的方法名称" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport
阅读全文
摘要：直接使用指令v-bind 使用简化指令: 在绑定的时候，拼接绑定内容：:title="btnTitle + ', 这是追加的内容'" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：什么是Vue.js Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex） Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前
阅读全文
摘要：2.异常的分类 异常主要分为：错误、一般性异常（受控异常）、运行期异常（非受控异常） 错误：Java虚拟机无法解决的严重问题。如：JVM系统内部错误、资源耗尽等严重情况。一般不编写针对性的代码进行处理。如果应用程序出现了Error，那么将无法恢复，只能重新启动应用程序，最典型的Error 的异常是：
阅读全文
摘要：1.异常的基本概念 1.1什么是异常 在使用计算机语言进行项目开发的过程中，即使程序员把代码写得尽善尽美，在系统的运行过程中仍然会遇到一些问题，因为很多问题不是靠代码能够避免的，比如：客户输入数据的格式，读取文件是否存在，网络是否始终保持通畅等等。 在Java语言中，将程序执行中发生的不正常情况称为
阅读全文
摘要：面向对象的三条主线： 一、类及类的成分 1.类与类的关系： java程序是关注于类的设计。 类从代码的角度：并列关系！ 从执行、设计的角度：关联关系、继承关系、聚合关系 class A{ } class B{ A a = new A(); } 2.类的成分：属性 方法 构造器 代码块 内部类 2.1
阅读全文
摘要：3.8 is-a、is-like-a、has-a 3.8.1 is-a（类和类之间的继承关系，泛化关系） public class Animal{ public void method1() ; } public class Dog extends Animal { //Dog is a Anima
阅读全文
摘要：3.7 类之间的关系 3.7.1 泛化关系 类和类之间的继承关系及接口与接口之间的继承关系。 3.7.2 实现关系 类对接口的实现。 3.7.3 关联关系 类与类之间的连接，一个类可以知道另一个类的属性和方法，在java 语言中使用成员变量体现。 Me public class Me{ String
阅读全文
摘要：3.6 类的成员之五：内部类 3.6.1 静态内部类 ①静态内部类可以等同看做静态变量。 ②内部类重要的作用：可以访问外部类中私有的数据。 ③静态内部类可以直接访问外部类的静态数据,无法直接访问成员。 ④静态内部类不会持有外部的类的引用，创建时可以不用创建外部类，静态内部类可以直接访问外部的静态变量
阅读全文
摘要：3.5接口interface ①有时必须从几个类中派生出一个子类，继承它们所有的属性和方法。但是，Java不支持多重继承。有了接口，就可以得到多重继承的效果。 ②接口(interface)是抽象方法和常量值的定义的集合。 ③从本质上讲，接口是一种特殊的抽象类，这种抽象类中只包含常量和方法的定义，而没
阅读全文
摘要：3.4抽象：abstract 3.4.1什么是抽象类？ 随着继承层次中一个个新子类的定义，类变得越来越具体，而父类则更一般，更通用。类的设计应该保证父类和子类能够共享特征。有时将一个父类设计得非常抽象，以至于它没有具体的实例，这样的类叫做抽象类。 3.4.2抽象类基础语法 ①用abstract关键字
阅读全文
摘要：3.3 final关键字 3.3.1 final的定义 在Java中声明类、属性和方法时，可使用关键字final来修饰，表示“最终”。 ①final标记的类不能被继承。提高安全性，提高程序的可读性。 String类、System类、StringBuffer类 ②final标记的方法不能被子类重写。
阅读全文
摘要：3.2类的成员之四：代码块 ①初始化块(代码块)作用：对Java对象进行初始化 ②程序的执行顺序： ③一个类中初始化块若有修饰符，则只能被static修饰，称为静态代码块(static block )，当类被载入时，类属性的声明和静态代码块先后顺序被执行，且只被执行一次。 ④tatic块通常用于初始
阅读全文
摘要：3.1 main（）方法 由于java虚拟机需要调用类的main()方法，所以该方法的访问权限必须是public，又因为java虚拟机在执行main()方法时不必创建对象，所以该方法必须是static的，该方法接收一个String类型的数组参数，该数组中保存执行java命令时传递给所运行的类的参数。
阅读全文
摘要：2.7包装类（Wrapper） 基本数据类型由于不是类，不能够使用java类库里提供的大量的方法。所有在设计上，我们让每一个基本数据类型都对应一个类，同时数据存储的范围还不变。此时相当于基本数据类型就具有了类的特点。针对八种基本定义相应的引用类型—包装类（wrapper 或封装类）。有了类的特点，就
阅读全文
摘要：2.6 Object类 ①java.lang.Object 类，是所有类的根父类！ ②如果在类的声明中未使用extends 关键字指明其基类，则默认基类为Object 类 ③Object类仅有一个空参的构造器 public Object(){ } 2.5.1 toString方法 SUN在Objec
阅读全文
摘要：2.5面向对象的特征三：多态性 2.5.1 关于java语言中的向上转型和向下转型 ①向上转型(upcasting) : 子 >父（自动类型转换） ②向下转型(downcasting) : 父 >子（强制类型转换） 注意：无论是向上转型还是向下转型，两个类之间必须要有继承关系。 public cla
阅读全文
摘要：2.4子类对象实例化的全过程 public class TestDog { public static void main(String[] args) { Dog d = new Dog(); d.setAge(10); d.setName("小明"); d.setHostName("花花");
阅读全文
摘要：2.3 super关键字 ①super不是引用类型，super中存储的不是内存地址，super指向的不是父类对象. ②super代表的是当前子类对象中的父类型特征。 ③什么时候使用super? 类和父类中都有某个数据，例如，子类和父类中都有name这个属性。如果要再子类中访问父类中的name属性，需
阅读全文
摘要：2.2方法的重写（覆盖）（override,orverwrite） 2.2.1 什么时候方法要进行重写？ 如果父类中的方法已经无法满足当前子类的业务需求，需要将父类中的方法进行重新写一遍。就是要改变父类的行为。 注意：子类如果重写父类中的方法之后，子类对象一定调用的是重写之后的方法。 2.2.2 发
阅读全文
摘要：2.1面向对象的特征二：继承性 ①引入类继承最基本的作用是：代码重用。 ②语法 [修饰符列表] class 子类名 extends 父类名{ 类体; } ③子类继承父类以后，父类中声明的属性、方法，子类就可以获取到。 明确：当父类中有私有的属性或方法时，子类同样可以获取得到，只是由于封装性的设计，使
阅读全文
摘要：1.8 package和import关键字 1.8.1 package 包其实就是目录，特别是项目比较大，java 文件特别多的情况下，我们应该分目录管理，在java 中称为分包管理，包名称通常采用小写。 软件包机制： ①为了解决类的命名冲突问题，在类名前加命名空间(包机制)。 ②在java中使用p
阅读全文
摘要：1.6 static关键字 当我们编写一个类时，其实就是在描述其对象的属性和行为，而并没有产生实质上的对象，只有通过new关键字才会产生出对象，这时系统才会分配内存空间给对象，其方法才可以供外部调用。我们有时候希望无论是否产生了对象或无论产生了多少对象的情况下，某些特定的数据在内存空间里只有一份，例
阅读全文
摘要：1.7 单例模式初步 好书推荐：java与模式 1.7.1 什么是设计模式 设计模式是在大量的实践中总结和理论化之后优选的代码结构、编程风格、以及解决问题的思考方式。设计模式就像是经典的棋谱，不同的棋局，我们用不同的棋谱，免去我们自己再思考和摸索。设计模式是可以重复利用的解决方案，设计模式的提出是在
阅读全文
摘要：1.5 this关键字 1.5.1 this是什么？ this是一个引用类型，堆中的每一个java对象上都有this， this保存内存地址指向自身。 1.5.2 this能用在哪些地方？ ①this可以用在成员方法中。 ②this可以用来区分成员变量和局部变量： 当局部变量（形参）和成员变量重名的
阅读全文
摘要：1.4 面向对象的特征一：封装性 当创建了类的对象以后，如果直接通过"对象.属性"的方式对相应的对象属性赋值的话，可能会出现不满足实际情况的意外，我们考虑不让对象来直接作用属性，而是通过"对象.方法"的形式，来控制对象对属性的访问。实际情况中，对属性的要求就可以通过方法来体现。 封装性的思想： ①将
阅读全文
摘要：1.3再谈方法 1.3.1 什么是方法（函数） ①方法是类或对象行为特征的抽象，也称为函数。 ②Java里的方法不能独立存在，所有的方法必须定义在类里。 修饰符 返回值类型 方法名（参数类型 形参1，参数类型 形参2，….）｛ 程序代码 return 返回值; ｝ 形式参数：在方法被调用时用于接收外
阅读全文
摘要：1.2对象 1.2.1 对象的创建和使用 ①使用new + 构造器创建一个新的对象； ②使用“对象名.对象成员”的方式访问对象成员（包括属性和方法）。 public class Animal { public int legs; public void eat(){ System.out.print
阅读全文
摘要：1.面向对象（一） 面向过程与面向对象的区别（蛋炒饭VS盖饭） 为什么会出现面向对象分析方法？ 因为现实世界太复杂多变，面向过程的分析方法无法满足。 面向过程 采用面向过程必须了解整个过程，每个步骤都有因果关系，每个因果关系都构成了一个步骤，多个步骤就构成了一个系统，因为存在因果关系每个步骤很难分离
阅读全文
摘要：1.1类 1.1.1 类的概念 l 类(class)和对象(object)是面向对象的核心概念。 类是对一类事物描述，是抽象的、概念上的定义；对现实世界中具有共性的事物进行抽象就形成了类；类是一种引用类型；类在现实世界中是不存在的，是人们大脑抽象出来的一个概念。 对象是实际存在的该类事物的每个个体，
阅读全文
摘要：7.1数组 l 数组是多个相同类型数据的组合，实现对这些数据的统一管理 l 数组中的元素可以是任何数据类型，包括基本数据类型和引用数据类型 l 数组属引用类型，数组型数据是对象(object)，数组中的每个元素相当于该对象的成员变量 7.2一维数组 public class TestArray {
阅读全文
摘要：从这开始使用IDE啦~ ①File → New → Java Project →填写工程名字，选择jdk版本，其他默认，单击finish。 ②在Src（源文件）上鼠标右键 → new → package（包）→ 填写Name（习惯上用公司网址的逆序：com.jiang.java），单击finish。
阅读全文
摘要：6.递归调用 方法的递归调用就是方法自身调用自身。 以下程序因为递归没有结束的条件，所以一直压栈，没有弹栈，导致栈内存溢出错误！所以递归必须要有结束条件。 public class RecursionTest01{ //入口 public static void main(String[] args
阅读全文
摘要：5.初识方法 方法就是一段代码片段，这个片段可以完成特定的功能，并且可以重复利用。 5.1 方法的定义 5.1.1方法的定义格式 [方法修饰列表] 返回值类型 方法名（方法参数列表）{ 方法体 } ①方法修饰列表 是可选项，方法的修饰符可以包括：public,protected,private,ab
阅读全文
摘要：4.流程控制 4.1关于代码的三种结构 ①顺序结构 程序从上到下逐行地执行，中间没有任何判断和跳转。 ②分支结构 根据条件，选择性地执行某段代码。有if…else和switch-case两种分支语句。 ③循环结构 根据循环条件，重复性的执行某段代码。有while(){}、do{}while()、fo
阅读全文
摘要：3.运算符 运算符是一种特殊的符号，用以表示数据的运算、赋值和比较等。包括：算术运算符、赋值运算符、比较运算符（关系运算符）、逻辑运算符、位运算符、三元运算符。 3.1算术运算符： 正号： + 负号： - 加号： + 减号： - 乘号： * 除号： / 取模： % 前/后置加： ++ 前/后置减 –
阅读全文
摘要：2.变量 l 变量的概念： 内存中的一个存储区域 该区域有自己的名称（变量名）和类型（数据类型）和值 Java中每个变量必须先声明，再赋值，然后才能使用 该区域的数据可以在同一类型范围内不断变化 Java 中的变量有四个基本属性：变量名，数据类型，存储单元和变量值 变量名：合法的标识符 变量的数据类
阅读全文
摘要：1. 标识符&关键字 【标识符】： Java 对各种变量、方法和类等要素命名时使用的字符序列称为标识符。 凡是自己可以起名字的地方都叫标识符 命名规则：（一定要遵守，不遵守就会报编译的错误） 由26个英文字母大小写，0-9 ，_或 $ 组成 数字不可以开头。 不可以使用关键字和保留字，但能包含关键字
阅读全文
浙公网安备 33010602011771号