SignificantOther-CSDN博客

翻译 Vuex

Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同： Vuex 的状态存储是响应式的。...

2019-02-15 15:52:20 145

翻译 Vue.js入门

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。这里我推荐一个链接，里面简单解释了vue的语法和部分命令，官网上太过复杂和冗余。https://www.cnblogs.com/yueyue-love/p/6215711.htmlvue的开发是在html页面中引入vue.js，我是通过npm的脚手架开发的，安装链接：https://www.cnblog...

2019-02-15 13:20:27 279

翻译 Module 的加载实现

<script type="application/javascript"> // module code</script><script type="application/javascript" src="path/to/myModule.js"&

2019-02-14 09:33:57 190

翻译 Module 的语法

模块功能主要由两个命令构成：export和import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。// profile.jsexport var firstName = 'Michael';export var lastName = 'Jackson';export var year = 1958;上面代码是profile.js文件，保存...

2019-02-14 09:30:00 174

翻译 Class继承

Class 可以通过extends关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。class Point {}class ColorPoint extends Point {}上面代码定义了一个ColorPoint类，该类通过extends关键字，继承了Point类的所有属性和方法。但是由于没有部署任何代码，所以这两个类完全一样，等于复制了一个Poin...

2019-02-14 09:19:54 133

翻译 Class 的基本语法

class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; }} 面代码定义了一个“类”，可以看到里面有一个constructor方法，这就是构造方法，而this关键字则代表...

2019-02-13 17:38:06 231

翻译 async 函数

async函数就是将 Generator 函数的星号（*）替换成async，将yield替换成await，仅此而已。async函数对 Generator 函数的改进，体现在以下四点。（1）内置执行器。Generator 函数的执行必须靠执行器，所以才有了co模块，而async函数自带执行器。也就是说，async函数的执行，与普通函数一模一样，只要一行。asyncReadFile(...

2019-02-13 16:29:43 1019

翻译 ES6语法：Generator 函数

Generator 函数是一个状态机，封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象，也就是说，Generator 函数除了状态机，还是一个遍历器对象生成函数。返回的遍历器对象，可以依次遍历 Generator 函数内部的每一个状态。形式上，Generator 函数是一个普通函数，但是有两个特征。一是，function关键字与函数名之间有一个星号；二是，函数体内部使...

2018-11-06 16:02:03 119

翻译 ES6语法：promise对象

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。Promise对象有以下两个特点。（1）对象的状态...

2018-11-02 10:24:57 179

翻译 ES6语法:Reflect

Reflect对象与Proxy对象一样，也是 ES6 为了操作对象而提供的新 API。Reflect对象的方法与Proxy对象的方法一一对应，只要是Proxy对象的方法，就能在Reflect对象上找到对应的方法。这就让Proxy对象可以方便地调用对应的Reflect方法，完成默认行为，作为修改行为的基础。也就是说，不管Proxy怎么修改默认行为，你总可以在Reflect上获取默认行为。Re...

2018-11-01 17:25:11 156

翻译 ES6语法和知识点：代理proxy

Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。var obj = new Proxy({}, { get: function (target, key, receiver) { console.log(`getting ${key}!`); return Reflect...

2018-11-01 17:03:20 153

翻译 ES6语法和知识点：set和map

Set类似于数组，但是成员的值都是唯一的，没有重复的值。Set 函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。、const set = new Set([1, 2, 3, 4, 4]);[...set]// [1, 2, 3, 4]// 例二const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]...

2018-11-01 14:46:45 122

翻译 ES6语法和知识点：Symbol

1.ES5 的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin 模式），新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因。let s = Symbol();typeof s// "symbol"...

2018-10-16 14:48:07 212

转载 ES6:yield语法及使用方法

1.在MDN上，对yield的第一句解释就是：The yield keyword is used to pause and resume a generator function.// yield这个关键字是用来暂停和恢复一个遍历器函数（的运行）的。yield是个关键字 ,它的作用是“命令”。和var不同，不是用来声明，但是和return一样，用来告知程序某种状态，return告诉程序...

2018-10-12 17:14:53 6145

翻译 ES6基本语法和知识点：变量的解构赋值

1.多变量声明:数组解构let a = 1;let b = 2;let c = 3;<--------ES6-------->let [a, b, c] = [1, 2, 3];类似模糊匹配，ES6通过数组赋值let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , ...

2018-10-12 17:05:39 181

ES6简介1.ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准。JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给标准化组织 ECMA，为了区分两者，所以将这种语言称为 ECMAScript。ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现（另外的 ECMAScr...

2018-10-12 15:08:06 100

原创 SpringBoot基础

首先创建项目之后，我们有可能会遇到无法启动的问题，要求我们关联dataSource，否则报错，关于这个问题的处理我百度过一些，不尽相同，就我的而言，如下可解决：在启动类添加注解，然后在application.properties中添加：debug=truespring.autoconfigure.exclude=org.springframework.boot.autoconfigure.jdb...

2018-03-21 14:17:50 334

原创通过分割字符串批量处理

批量处理主要是通过checkbox来选择，我们拿取每一个checkbox值来处理。 function editSupplierAuthentication(supplierAuthenticationID) { var supplierAuthenticationIDs = ""; if (supplierAuthenticationID != null) { ...

2018-02-11 09:46:09 376

原创 js动态下拉框

getSupplierTypeForSpinner("supplierTypeID","",true,true);function getSupplierTypeForSpinner(ctrlID, selectVal, isViewAll,isAsync) { $.ajax({ url: basePath +"ba/supplier_type/getSupplierT...

2018-02-11 09:41:30 205

原创动态批量处理

在项目开发过程中，我们经常遇到需要批量处理的情况，数据是动态的，所以在批量处理的时候最好是只处理改变的那个数据。如上图，我们更改下拉框的选项，更改某条或者几条数据。首先我们来看怎么嵌入下拉框：动态下拉框的生成我们不再写，在第一行我们隐藏了一个<input>标签，这里我们就是通过改变数据，然后获取value来确定几条数据被改变。 function test() { $("...

2018-02-11 09:21:01 312

转载 XML的解析与生成

xml的文本格式请自行查看有关xml的文档。xml的解析与生成方式 Dom4j JDom xPath Sax DomDOM解析原理：一次性把xml文档加载成Document树，通过Document对象得到节点对象，通过节点对象访问xml文档内容（标签，属性，文本，注释）。缺点：不适合读取大

2017-10-05 17:28:15 237

转载路径

如果经常会发生变化的数据我们可以定义在配置文件上。比如说：数据库的用户名与密码。配置文件的路径应该如何写呢？绝对路径：一个文件的完整路径信息。一般绝对路径是包含有盘符的。绝对路径的缺陷：因为绝对路径是有盘符开头的，有些系统是没有盘符的。相对路径: 相对路径是相对于当前程序的路径。当前路径就是执行java命令的时候，控制台所在的路径。类文件路径 :类文件路径就是使用了classpath的路

2017-09-24 20:49:22 156

转载 Java的内省

实体类Bean,不再写出import java.io.BufferedReader;/*需求：编写一个工厂方法根据配置文件的内容，工厂方法返回对应的对象，并且把对象要有对应的属性值。 */import java.io.FileReader;import java.lang.reflect.Constructor;import java.lang.reflect.Field;public

2017-09-24 16:01:09 179

转载 Java反射

反射：当一个字节码文件加载到内存的时候，jvm会对该字节码进行解剖，然后会创建一个对象的Class对象，把字节码文件的信息全部都存储到该Class对象中，我们只要获取到Class对象，我们就可以使用字节码对象设置对象的属性或者调用对象的方法等操作…. 注意：在反射技术中一个类的任何成员都有对应的类进行描述。比如：成员变量（Field）方法—-> Method类 ***对象Ob

2017-09-23 23:08:15 115

转载 LinkedList实现堆栈数据结构的存储方式与队列的数据结构存储方式

1：栈（1.6） : 主要是用于实现堆栈数据结构的存储方式。先进后出 push() pop()2：队列（双端队列1.5）：主要是为了让你们可以使用LinkedList模拟队列数据结构的存储方式。先进先出 offer() poll()// 使用LinkedList模拟堆栈的数据结构存储方式class StackList{ Linke

2017-09-23 20:59:31 393

转载 entrySet/keySet/entry

keySet是键的集合，Set里面的类型即key的类型 entrySet是键-值对的集合，Set里面的类型是Map.Entry keySet()的速度比entrySet()慢了很多使用entrySet则必须将map对象转换为Map.Entry，keySet则不需要package cn.itcast.map;import java.util.ArrayList;class Map{

2017-09-23 20:53:34 285

转载 Map集合的遍历方式

Map<String,String> map = new HashMap<String, String>(); //添加方法 map.put("汪峰", "章子怡"); map.put("文章", "马伊琍"); map.put("谢霆锋","张柏芝"); map.put("成龙", "林凤娇"); /*

2017-09-23 18:39:35 171

转载内存泄漏/溢出/垃圾回收

模拟堆栈，无垃圾回收，一直添加元素，造成内存溢出class StackList{ Object[] elements; int index = 0 ; //当前的索引值 public StackList(){ this.elements = new Object[3]; } //添加内容 public void add(Object o){

2017-09-23 16:30:57 180

转载对象的克隆

1.浅克隆对象浅克隆要注意的细节： 1. 如果一个对象需要调用clone的方法克隆，那么该对象所属的类必须要实现Cloneable接口。 2. Cloneable接口只不过是一个标识接口而已，没有任何方法。 3. 对象的浅克隆就是克隆一个对象的时候，如果被克隆的对象中维护了另外一个类的对象，这时候只是克隆另外一个对象的地址，而没有把另外一个对象也克隆一份。

2017-09-23 15:39:30 141

转载 login和downloadImage网络编程范例

public class LoginClinet {public static void main(String[] args) throws IOException { Socket socket = new Socket(InetAddress.getLocalHost(),9090); //获取socket的输出流对象 OutputStreamWriter

2017-09-23 10:40:18 568

转载 Properties

可以和流相关联的集合对象Properties. Map |–Hashtable |–Properties Properties:该集合不需要泛型，因为该集合中的键值对都是String类型。 Properties prop = System.getProperties(); // prop.list(System.out);// 目的是控制台。 /

2017-09-23 10:35:03 126

转载线程同步机制

class SaleTicket extends Thread{ static int num = 50;//票数非静态的成员变量,非静态的成员变量数据是在每个对象中都会维护一份数据的。 static Object o = new Object(); public SaleTicket(String name) { super(name);}@Override

2017-09-23 09:48:57 158

转载网络编程udp/tcp/tomcat

udp:要考虑数据包的大小，防止数据丢失。64K大小接收端：DatagramSocket socket = new DatagramSocket(9090); //准备空的数据包用于存放数据。 byte[] buf = new byte[1024]; DatagramPacket datagramPacket = new Datagram

2017-09-17 10:50:53 853

转载对象的序列化，ObjectOutputStream

ObjectOutput writeObject(Object obj) 将对象写入底层存储或流。 ObjectInput readObject() 读取并返回对象。成员变量标识为transient那么在序列化对象时，序列化就会跳过该变量。被序列化的类必须是实现Serializable接口，该接口中没有描述任何的属性和方法，称之为标记接口

2017-08-22 23:05:31 262

转载字符流，字符流的缓冲区，序列流

Reader reader = new FileReader(path1); Writer writer = new FileWriter(path2);Reader read = new FileReader(path); BufferedReader br = new BufferedReader(read); //合并两个流 private static void testSequen

2017-08-22 22:59:51 157

转载字节缓冲流BufferedInputStream，BufferedOutputStream

FileInputStream fis = new FileInputStream(srcPath); FileOutputStream fos = new FileOutputStream(destPath); // 使用缓冲流 BufferedInputStream bis = new BufferedInputStream(fis); BufferedOutputS

2017-08-22 22:52:47 192

转载 IO/OutputStream

1.import java.io.FileOutputStream; import java.io.IOException;public class IoTest2 { public static void main(String[] args) throws IOException { String path = “c:\a.txt”; writeT

2017-08-22 22:51:28 128

转载 IO/InputStream

1./** * 根据read方法返回值的特性，如果独到文件的末尾返回-1，如果不为-1就继续向下读。 * */ private static void showContent(String path) throws IOException { // 打开流 FileInputStream fis = new FileInputStream

2017-08-22 22:48:52 138

转载 IO流/File

new File(String pathname); 通过将给定路径来创建一个新File实例。 new File(String parent, String child); 根据parent路径名字符串和child 路径名创建一个新File实例。 new File(File parent, String child); 根据par

2017-08-22 22:43:35 128

转载静态导入,增强for循环,可变参数,枚举类,自动装箱/拆箱

import static java.lang.System.out;//静态导入for(变量类型变量　：需迭代的数组或集合){} for(String item:items){}//增强for循环public static int sum2(int… numbers)//可变参数可变参数的细节声明：在一个方法中，最多只能有一个可变参数。可变参数只

2017-08-22 22:31:49 138

空空如也

空空如也