一、组件化开发思想 1.什么是组件化开发 组件化开发指的是：根据封装的思想，把页面上可重用的部分封装为组件，从而方便项目的开发和维护。例如：ibootstrapBootstrap可视化布局系统所展示的效果，就契合了组件化开发的思想。用户可以通过拖拽组件的方式，快速生成一个页面的布局结构。 2.组件化开发的好处 前端组件化开发的好处主要体现在以下两方面： 提高了前端代码的复用性和灵活性 提升了开发效率和后期的可维护性 3.vue中的组件化开发 vue是一个完全支持组件化开发的框架。 vue中规定组件的后缀名是.vue。之前接触到的App.vue文件本质上就是一个vue的组件。 二、vue...

一、生命周期的概念 生命周期是指从开始创建、初始化数据、编译模版、挂载Dom->渲染、更新->渲染、卸载等一系列过程，我们称这是Vue的生命周期，它主要强调一个时间段。用一句话来概括就是：Vue实例的生命周期:从创建到销毁的整个过程 二、钩子函数 Vue框架内置函数，随着组件的生命周期阶段，自动执行 作用：特定的时间点执行特定的操作 三、组件的生命周期 1生命周期的阶段划分 （1）创建阶段：beforeCreate、created、beforeMount、mounted​（2）运行阶段：beforeUpdate、updatevef​ （3）销毁阶段：beforeDestro...

前言 组件是vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A和B、B和C、B和D都是父子关系，C和D是兄弟关系，A和C是隔代关系（可能隔多代）。 针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如props、$emit/$on、vuex、$parent/$children、$attrs/$listeners和provide/inject，以通俗易懂的实例讲述这其中的差别及使用场景。 方法一、props/$emit 父组件A通过p...

一、索引类型 索引可以提升查询速度，会影响where查询，以及orderby排序。MySQL索引类型如下： 从索引存储结构划分：BTree索引、Hash索引、FULLTEXT全文索引、RTree索引。 从应用层次划分：普通索引、唯一索引、主键索引、复合索引。 从索引键值类型划分：主键索引、辅助索引（二级索引）。 从数据存储和索引键值逻辑关系划分：聚集索引（聚簇索引）、非聚集索引（非聚簇索引）。 1.1普通索引 这是最基本的索引类型，基于普通字段建立的索引，没有任何限制。创建普通索引的方法如下： CREATEINDEX<索引的名字>ONtablename(字段名); ALTERT...

一、MySQL高可用的背景 数据库的主从复制是一个很实用的功能，但如何保证它的高可用却是一件难事。实现MySQL主从复制高可用的工具，常见的有： MMM：淘汰了，在一致性和高并发稳定性等方面有些问题。 MHA：有些人还在用，但也有些问题，也是趋于淘汰的MySQL主从高可用方案。 Galera：引领时代的主从复制高可用技术。 MariaDBGaleraCluster：MariaDB对Galera的实现。 PXC：PerconaXtraDBCluster，是Percona对Galera的自我实现，用的人似乎很多。 GR：GroupReplication，MySQL官方提供的组复制技术(MySQL...

前言 如果你只是简单写几个Vue的Demo程序,那么你不需要VueCLI;如果你在开发大型项目,那么你需要,并且必然需要使用VueCLI使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无以效率比较低效，所以通常我们会使用一些脚手架工具来帮助完成这些事情。用vue.js开发大型应用需要使用webpack打包工具。 VueCLI CLI是Command-LineInterface,翻译为命令行界面,但是俗称脚手架 VueCLI是一个官方发布vue.js项目脚手架 使用vue-cli可以快速搭建Vue开发环境...

一、vue简介 1.1、什么是vue Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用（[SPA]）提供驱动。（百度百科） 1.2、认识前端 1.2.1前端三要素 HTML(结构) CSS（表现样式） Javascript（行为） 1.2.2CSS预处理器 CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，...

一、axios简介 1.1axios概述 前端最流行的ajax请求库 react/vue官方都推荐使用axios发ajax请求 文档:https://github.com/axios/axios axios中文网：axios中文网|axiosAPI中文文档 1.2axios特点 从浏览器中创建XMLHttpRequests 从node.js创建http请求 支持PromiseAPI 拦截请求和响应（就是有interceptor） 转换请求数据和响应数据 取消请求 自动转换JSON数据 客户端支持防御XSRF 简单介绍一下promise吧。（ps:高手写代码用的都是面向对象，所以根本不...

一、前端工程化 1.1小白眼中的前端开发 会写HTML+CSS+JavaScript就会前端开发 需要美化页面样式，就拽一个bootstrap过来 需要操作DOM或发起Ajax请求，再拽一个jQuery过来 要快速实现网页布局效果，就拽一个Layui过来 1.2实际的前端开发 模块化（js的模块化、css的模块化、资源的模块化） 组件化（复用现有的UI结构、样式、行为） 规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理） 自动化（自动化构建、自动部署、自动化测试） 1.3什么是前端工程化 前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术...

前言 跳跃表(简称跳表)由美国计算机科学家WilliamPugh发明于1989年。他在论文《Skiplists:aprobabilisticalternativetobalancedtrees》中详细介绍了跳表的数据结构和插入删除等操作。 跳表(SkipList，全称跳跃表)是用于有序元素序列快速搜索查找的一个数据结构，跳表是一个随机化的数据结构，实质就是一种可以进行二分查找的有序链表。跳表在原有的有序链表上面增加了多级索引，通过索引来实现快速查找。跳表不仅能提高搜索性能，同时也可以提高插入和删除操作的性能。它在性能上和红黑树，AVL树不相上下，但是跳表的原理非常简单，实现也比红黑树简单很多...

CentOS7常用命令集合 常用命令 文件与目录操作 命令 解析 cd/home 进入‘/home’目录 cd.. 返回上一级目录 cd../.. 返回上两级目录 cd 返回上次所在目录 cpfile1file2 将file1复制为file2 cp-adir1dir2 复制一个目录 cp-a/tmp/dir1. 复制一个目录到当前工作目录（.代表当前目录） ls 查看目录中的文件 ls-a 显示隐藏文件 ls-l 显示详细信息 ls-lrt 按时间显示文件（l表示详细列表，r表示反向排序，t表示按时间排序） pwd 显示工作路径 m...

一、幂等性概念 在编程中.一个幂等操作的特点是其任意多次执行所产生的影响均与一次执行的影响相同。幂等函数，或幂等方法，是指可以使用相同参数重复执行，并能获得相同结果的函数。这些函数不会影响系统状态，也不用担心重复执行会对系统造成改变。例如，“getUsername()和setTrue()”函数就是一个幂等函数.更复杂的操作幂等保证是利用唯一交易号(流水号)实现. 我的理解：幂等就是一个操作，不论执行多少次，产生的效果和返回的结果都是一样的。 二、幂等性场景 1、查询操作： 查询一次和查询多次，在数据不变的情况下，查询结果是一样的。select是天然的幂等操作； 2、删除操作： 删除操作也是幂等...

场景一 有这样一个场景：系统中有大约100w的用户，每个用户平均有3个邮箱账号，每隔5分钟，每个邮箱账需要收取100封邮件，最多3亿份邮件需要下载到服务器中(不含附件和正文)。用20台机器划分计算的压力，从多个不同的网路出口进行访问外网，计算的压力得到缓解，那么每台机器的计算压力也不会很大了。 通过我们的讨论和以往的经验判断在这场景中可以实现并行计算，但我们还期望能对并行计算的节点进行动态的添加/删除，做到在线更新并行计算的数目并且不会影响计算单元中的其他计算节点，但是有4个问题需要解决，否则会出现一些严重的问题： 1、20台机器同时工作时，有一台机器down掉了，其他机器怎么进行...

前言 在实际生产中，尤其是分布式环境下，因为我们逻辑真正处理的业务数据是只有一份的，接口并发时势必会出现并发问题，使得业务数据不正确，这个时候就需要一种类似于锁的东西来保证数据的幂等性，比如秒杀业务。实现分布式锁的方式非常多，zookeeper、redis、数据库等均可，如果使用zookeeper原生方式来实现的话还是比较复杂的，基于这种场景，我们利用Apache的开源客户端Curator来实现分布式锁。首先来回顾一下zookeeper的相关知识： zookeeper的四种节点类型 1、持久化节点：所谓持久节点，是指在节点创建后，就一直存在，直到有删除操作来主动清除这个节点——不会因为创建...

Tomcat目录结构 目录 目录下文件 说明 bin / 存放Tomcat的启动、停止等批处理脚本文件 startup.bat、startup.sh 用于在windows和linux下的启动脚本 shutdown.bat、shutdown.sh 用于在windows和linux下的停止脚本 conf / 用于存放Tomcat的相关配置文件 Catalina 用于存储针对每个虚拟机的Context配置 context.xml 用于定义所有web应用均需加载的Context配置，如果web应用指定了自己的context.xml，该文件将被覆盖 cat...

一、Tomcat启动流程 步骤： 1、启动tomcat，需要调用bin/startup.bat(在linux目录下，需要调用bin/startup.sh)，在startup.bat脚本中，调用了catalina.bat。 2、在catalina.bat脚本文件中，调用了BootStrap中的main方法。 3、在BootStrap的main方法中调用了init方法，来创建Catalina及初始化类加载器。 4、在BootStrap的main方法中调用了load方法，在其中又调用了Catalina的load方法。 5、在Catalina的load方法中，需要进行一些初始化的工作，并需要构造...

前言 tomcat从架构上看，包含Service，Engine，Host，Context，Wrapper。那么，当用户发起一个请求时，tomcat是如何将url映射到具体的Wrapper上的呢? Mapper组件机制 Tomcat设计了Mapper(映射)组件完成url和Host、Context、Wrapper等组件容器的映射。 Mapper组件的核心功能是提供请求路径的路由映射，根据某个请求路径通过计算得到相应的Servlet（Wrapper）。 与url到Wrapper映射相关的类位于org.apache.catalina.mapper包下，包含四个类： Mapper：映射关系最核心的、...

前言 tomcat从架构上看，包含Service，Engine，Host，Context，Wrapper。那么，当用户发起一个请求时，tomcat是如何将url映射到具体的Wrapper上的呢，就这是本文要阐述的问题。 Mapper组件机制 Tomcat设计了Mapper(映射)组件完成url和Host、Context、Wrapper等组件容器的映射。 Mapper组件的核心功能是提供请求路径的路由映射，根据某个请求路径通过计算得到相应的Servlet（Wrapper）。这节看下Mapper的实现细节，包括Host容器、Context容器、Wrapper容器等的映射关系以及映射算法。 与url...

前言 Tomcat服务器的配置主要集中于tomcat/conf下的catalina.policy、catalina.properties、context.xml、server.xml、tomcat-users.xml、web.xml文件。 一、server.xml server.xml是tomcat服务器的核心配置文件，包含了Tomcat的Servlet容器（Catalina）的所有配置。由于配置的属性特别多，在这里主要讲解其中的一部分重要配置。 1.1Server Server是server.xml的根元素，用于创建一个Server实例，默认使用的实现类是org.apache.catalin...

一、安装JAVAJDK 1、下载安装包 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 注意：根据32/64位操作系统下载对应的安装包 2、添加系统变量：JAVA_HOME=C:\ProgramFiles(x86)\Java\jdk1.8.0_144 二、安装ZooKeeper 1、下载安装包 http://zookeeper.apache.org/releases.htmldownload 2、解压并进入ZooKeeper目录，笔者：D:\Kafka\zookeeper-3...