weixin_43527781的博客

原创 VUEX回顾

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

原创 es5整理。

提供访问和操作网页内容的方法和接口文档对象模型（DOM）是针对 XML 但经过扩展用于 HTML 的应用程序编程接口。DOM 把整个页面映射为一个多层节点结构。HTML或 XML 页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。通过Object.defineProperty来实现定义_year是前面下划线是常用的记号，表示只能通过对象方法来访问接受两个对象参数，第一个是要添加和修改属性的对象，第二个对象属性要和第一个一一对应一定要在替换原型语句后面。

原创 npm、webpack、vue学习

学习npm的基础命令、webpack的结构及vue的常用模块本次涉及到的vue是vue2的内容，相关的vuerouter、vuex等内容也会尽量包含其中，更多内容请参考官方文档。提示：以下是本篇文章正文内容，下面案例可供参考例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

原创 前端性能优化

基础优化进阶优化结合服务端优化回顾总结。

原创 java类库 -udp协议

原创 java类库--Arrays类、Comparable接口和Comparator

Arrays用途:数组元素查找、排序、填充ComparableComparator

原创 java类库--异常类

异常类结构异常处理机制捕获范围小的异常，要放在异常大的之前。多态表示可以统一用Exception来捕获throw和throwsthrowsthrowException类和RuntimeException类自定义异常继承Exception类就好

原创 java类库--国际化Locale、resourceBundle、属性文件properties和MessageFormat

国际化方案：通过Locale类所指定的区域码，然后ResourceBundle根据Locale类的区域码找到相应的资源文件，如果资源文件中存在动态问文本，则使用MessageFormat格式化。Locale类描述：表示一个国家的语言类方法：ResourceBundle描述：用于访问资源文件，读取属性文件方法：MessageFormat描述：格式化资源文件的占位符。占位符：{属性名}使用：结合新特性：问题：使用类代替资源文件Properties描

原创 Java类库--stringbuffer和Runtime类与process类

认识stringbufferstring内容一改变，就是改变引用地址。若一个字符串经常改变，则用stringbuffer，引用地址不变拼接内容：append(str)任意位置添加内容：insert(index,str)字符串反转：reverse()对指定范围内容替换：replace(start,end,str)字符串截取：substring(start,end)删除指定范围内容：delete(start,end)查找内容是否存在:indexOf(str)Runtime运行操作类，是个

原创 java类库-定时器timer和timerTask

Timer描述：timer类是一种线程设施，用来实现在某个时间或某一段时间后安排一个任务执行一次或定期重复执行。每一个timer对象对应的是一个线程，因此，需要快速完成，否则导致后续任务堆积常用方法：schedule和scheduleAtFiexRate区别TimerTask类描述：要执行的具体类，是个抽象类。方法：Demo...

原创 java基础回顾--java常识

java介绍什么是javajava发展方向的版本java特点1、简洁有效省略了指针、头文件、结构、单元、运算符重载和虚拟基础类等C++的内容。2、可移植性较少或不修改代码，在不同操作系统上运行。3、面向对象4、解释型比较C/C++运行速度慢，但是在牺牲效率后，可在不同平台上运行java解释器，达到一次编写处处运行。5、适合分布式运算6、拥有较好性能在伪编译时，做了许多早期问题的检查，运行时候，又做了相对的检查，可以说是最严格的编译器。7、健壮和防患于未然的特性8

原创 回顾mysql--第六天、表联合

学习目标外部联合内部联合左联合右联合等值联合不等值联合笛卡尔积 n*m行如果你在联合表的时候没有使用 WHERE 子句 你执行的其实是笛卡尔联合 也就是笛卡尔叉积 这种联合会对 FROM 中指出的表进行完全的组合 如果每个表有 200个记录的话 那么所得到的结果将会有 40000 行 200 *200等值联合等值联合是在 WHERE 子句中使用等号利用都存在的列，这种联合操作称为等值联合 因为它只显示第一个表中的数据以及第二个表中的 存在于第一个表中的数值不等值联合

原创 回顾mysql--第五天、sql子句

学习目标where仅使用 SELECT 和 FROM 子句 你会受到表中的每一行数据均返回的限制starting withSTARTING WITH 子句附加于 WHERE 子句上 它的作用与 LIKE exp% 相似order by’ORDER BY子句为你提供了对输出的结果进行排序的方法。ORDER BY可以使用多个字段 下例是按 PAYEE 和 REMARKS 进行排序先对payee降序，再对remarks升序，默认是升序，可以使用不出现在搜索列的字段进行排序。字母的正顺

原创 回顾sql--第四天、函数--对数据进一步处理。

汇总汇总函数不能在where子句中用1、COUNT：将返回满足 WHERE 条件子句中记录的个数SELECT COUNT( ) FROM TEAMSTATS2、SUM：返回某一列的所有数值的和SELECT SUM(SINGLES) TOTAL_SINGLES FROM TEAMSTATS3、AVG： 可以返回某一列的平均值SELECT AVG(SO) AVE_STRIKE_OUTS FROM TEAMSTATS4、MAX：某一列中的最大值5、MIN：返回一列中的最小数值6、VARIA

原创 关于前端对象的一些絮叨

ObjectObject.assign(目标对象,源对象1,源对象2,…)作用：该方法主要用于对象的合并，将源对象source的所有可枚举属性合并到目标对象target上,特点：(1) 此方法只拷贝源对象的自身属性，不拷贝继承的属性(2)浅拷贝，可处理数组，数组是替换相等索引的值Object.create(原型，[,属性])作用：使用指定的原型对象及其属性去创建一个新的对象Object.is(值，值)作用：判断两值是否相等特点：(1) 简化了 == 和 ===时，+0、-0

原创 flex布局整理

flex容器的属性布局常用属性：（1）flex-direction：决定主轴的方向（即项目的排列方向）row（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。column-reverse：主轴为垂直方向，起点在下沿（2）flex-wrap：如果一条轴线排不下，如何换行。nowrap（默认）：不换行wrap：换行，第一行在上方。wrap-reverse：换行，第一行在下方（3）

原创 es简单学习----（中）

Reflect与ProxyProxy 与 Reflect 是 ES6 为了操作对象引入的 API 。Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。Reflect 可以用于获取目标对象的行为，它与 Object 类似，但是更易读，为操作对象提供了一种更优雅的方式。它的方法与 Proxy 是对应的https://www.runoob.com/w3cnote/es6-r

原创 vue自定义组件实现双向绑定

代码子组件-父组件原理v-model的本质：就是子组件emit一个input事件v-model对表单元素的处理：v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值，而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。vue官方文档定义。自定义组件官方定义自定义组件注意事项：（1）事件名区分大小写。（2）子props中属性名默认：value及

原创 npm简单介绍

npm init一直使用默认值生成的packge.json配置参数 npm init -y，就是使用默认参数安装模块全局安装位置：当前命令执行目录命令：npm i <模块名>[@版本号] 或 npm i 模块名@版本号本地安装位置：全局目录下命令： npm i -g 模块名报错npm err! Error: connect ECONNREFUSED 127.0.0.1:8087执行npm config set proxy null版本号大版本.次要版本.小版本

原创 关于前端上传文件的几种形式

fileformdataformreader

原创 ES6新增数组方法与函数整理

Array.of()用途：避免使用数组构造函数引起的问题，let a =new Array(2)，传入参数是数值时候为数组长度，传入参数是字符串形式时候为数组内容。传入数值+字符串形式为数组内容。参数：个数不定，类型不定，都是要转换成数组中的元素。Array.from()用途：转换类数组对象arguments和可迭代对象如Symbol。参数：1、类数组对象或可迭代对象。2、映射函数，将数组中的值转换成其他形式，3、表示映射函数的this。（后两个可选）。find()用途：返回数组中符合查询条件

原创 es6简单学习---（上）。

引用于菜鸟教程：ES6大环境一、桌面端浏览器对ES2015的支持情况Chrome：51 版起便可以支持 97% 的 ES6 新特性。Firefox：53 版起便可以支持 97% 的 ES6 新特性。Safari：10 版起便可以支持 99% 的 ES6 新特性。IE：Edge 15可以支持 96% 的 ES6 新特性。Edge 14 可以支持 93% 的 ES6 新特性。（IE7~11 基本不支持 ES6）二、移动端浏览器对ES2015的支持情况iOS：10.0 版起便可以支持 99% 的

原创 vue项目（2）--elem 表单验证、路由配置、登录逻辑

路由配置elem表单验证html结构el-form中 ref是表单id rule是导出函数的验证规则 model是绑定的数据。el-form-item label 是名字 prop是父子间传值传给子组件，也就是把rule中的规则传给他,制定了校验规则名el-input 不说明了，this.$refs[formName].validate是组件封装好的函数，表单验证通过是true 否则false<template> <div class="login-co

原创 vue项目（1）--学习封装axios,代理，环境变量

一、启动项目、搭建依赖npm run serve启动项目配置【根目录下】vue.config.js module.exports = { devServer: { port: 8888, // 代理服务器的端口号，如果端口号被占用，会自动提升1 host: "localhost", //主机名， 127.0.0.1， 真机 0.0.0.0 https: false, //协议 open

原创 java发送请求的几种常用方式。

1、通过JDK网络类Java.net.URLConnection （1）api （2）使用： GET: 1、创建远程连接 URL url = new URL(httpUrl); connection = (HttpURLConnection) url.openConnection(); 2、设置连接方式（get、post、put。。。）和通用属性 // 设置通用的请求属性 connection.

原创 反射的操作以及工厂代理

反射1、取得class对象2、反射与工厂设计模式3、取得类定义结构4、操作构造方法5、操作方法6、操作成员7、jsp对反射支持8、取得注解9、自定义注解10、classLoader类基本作用11、代理基本结构12、动态代理设计模式...