SVG元素是DOM元素的一种类型，它借用了我们已熟知的HTML元素的写法来定义任意图形。SVG元素与HTML元素的不同之处在于它们具备特有的标签、属性和行为，可以用来定义图形。换言之，SVG使你能够用代码创建图片。这一概念无比强大，原因在于这意味着你可以使用JavaScript和CSS，以编程的方式为这些图形添加样式和动画。另外...

React Native应用借助宿主平台上Objective-C语言（iOS平台）或Java语言（Android平台）的UI库，渲染真正的原生UI组件，不仅限于WebView，这就解释了为何React Native能给应用带来更强的性能、更贴近原生的视觉感受以及使用体验。React Native允许开发者通过JavaScript函数的代理，直接调用原生模块。从性能角度上分析，R...

1、三次握手和四次挥手参考文章[链接]2、网络安全参考文章[链接]3、git参考文章[链接]

Filter也称之为过滤器，它是Servlet技术中最实用的技术，Web开发人员通过Filter技术，对web服务器管理的所有web资源：例如Jsp, Servlet, 静态图片文件或静态 html 文件等进行拦截，从而实现一些特殊的功能。例如实现URL级别的权限访问控制、过滤敏感词汇、压缩响应信息等一些高级功能。

1、引入依赖 {代码...} 2、增加配置 {代码...} 3、创建数据实体 {代码...} 4、将 MongoTemplate 注入到实体类 {代码...} 5、写增删改查 {代码...}

微服务：互联网业务的复杂度和规模都在快速地增长，单体式应用很难满足这种发展需求，将应用程序分解成独立的微服务，每个微服务都能很好地完成一个小任务，化整为零。每个微服务可以选择最合适的技术和语言来开发，由小型团队创建和管理，彼此沟通成本较低，从而做到快速迭代。

部分文字摘录自：[链接]微服务架构的定义，就是将原来的单体应用按义务范围来划分为多个小的模块，每个微服务运行在自己的进程中，相互不产生影响，完全自动化独立部署，并使用轻量级机制通信，通常是 HTTP RESTUFUL API，可对各微服务进行集中管理。Spring Cloud 包含如下的核心组件：

移动开发技术手段从原始的原生应用开发，到 Google 和 Apple 各自推出新的语言 Kotiln、Swift，然后又发展到各种跨平台Hybrid App 开发，如 React Native、Weex、小程序等等。不过这些方案或多或少都有一些局限性和缺点，于是 Google 推出了新的跨平台移动应用开发技术：Flutter。Flutter 最出色的地方就是自建了绘制引...

webpack有四个核心概念：入口(entry)输出(output)loader插件(plugins) {代码...} 对比 Node.js 模块，webpack _模块_能够以各种方式表达它们的依赖关系，几个例子如下：ES2015 import 语句CommonJS require() 语句AMD define 和 require 语句css/sass/less 文件中的 @import 语句。样式(url(...))或 HTML 文件(<img s...

在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）。ES5 只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。第一种场景，内层变量可能会覆盖外层变量。第二种场景，用来计数的循环变量泄露为全局变量块级作用域的出现，实际...

Spring Boot Starters 基于约定优于配置的理念来设计，Spring Boot Starter 中有两个核心组件：自动配置代码和提供自动配置模块及其它有用的依赖。也就意味着当我们项目中引入某个 Starter，即拥有了此软件的默认使用能力，除非我们需要特定的配置，一般情况下我仅需要少量的配置或者不配置即可使用组件对应的功能。

react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，所以在react中，是单向数据流，推崇结合immutable来实现数据不可变。react在setState之后会重新走渲染的流程，如果shouldComponentUpdate返回的是true，就继续渲染，如果返回了false，就不会重新渲染，PureComponent就是重写了shouldComponentUpd...

“开发工具”是JDK内容，公共JRE就是Java运行环境安装完后，需要设置JAVA_HOME环境变量，指向JDK目录，很多Java工具运行都需要的JAVA_HOME环境变量将JDK\bin目录添加到Path环境变量中，这样在任何路径下都可以执行JDK提供的工具指令。在Path后添加 %JAVA_HOME%\bin

(2)HTML5 history apihistory.pushState([data], [title], [url])history.replaceState([data], [title], [url])

CSS中的伪类有：:link——未访问过的链接；:visited——访问过的链接；:hover——鼠标悬停的元素；:focus——获取焦点的元素；:active——激活的元素（例如一个被单击的链接元素）；:first-child——作为其他元素第一个子元素的元素；:lang()——根据元素的lang属性确定的元素。:target:root:nth-child():nth-of-type():nth-last-of-ty...

常见的修饰符及作用如下：.stop：阻止事件冒泡，等价于调用 event.stopPropagation()；.prevent：阻止默认事件，等价于 event.preventDefault()；.capture：以捕获模式监听事件，即 addEventListener(event, fn, true)；.self：只有当 event.target 为自身时才出发，从内部元素冒泡出来时不触发；.once：绑定后只触发一...

JavaScript中的数组是一种特殊的对象，用来表示偏移量的索引是该对象的属性，索引可能是整数。然而，这些数字索引在内部被转换为字符串类型，这是因为JavaScript对象中的属性名必须是字符串。数组在JavaScript中只是一种特殊的对象，所以效率上不如其他语言中的数组高。

js设计模式自己杂记版本一、总结1、原则开放封闭原则单一职责原则依赖倒置原则接口隔离原则迪米特法则里氏替换原则2、创建型：这些设计模式可以帮助我们优雅地创建对象工厂模式-大量创建对象单例模式-全局只能有我一个建造者模式-精细化组合对象原型模式-javaScript的灵魂3、结构型：帮助我们优雅地设计代码结构外观模式...

攻击浏览器的第一步就是获得目标浏览器的控制权。获得初始控制权的第一步，就是寻找机会对目标施加某种程度的影响。XSS(Cross-site Scripting)跨站脚本攻击XSS分好多种，反射型XSS（Reflected XSS）和持久型XSS（Persistent XSS）是利用服务器端隐患的，而DOM XSS和通用XSS（Universal XSS，也叫UXSS）利用的则是客户端...

常见Linux目录名称目录用途/虚拟目录的根目录。通常不会在这里存储文件/bin二进制目录，存放许多用户级的GNU工具/boot启动目录，存放启动文件/dev设备目录，Linux在这里创建设备节点/etc系统配置文件目录/home主目录，Linux在这里创建用户目录/lib库目录，存放系统和应用程序的库文件/media媒体目录，可移动媒体设备的常...

docker最重要的3个概念，仓库、镜像、容器。其中仓库是存放镜像的地方。镜像是有个有层级的文件系统,容器是有镜像运行而来的一整套环境，应用。1、安装Docker Desktop on Windows 官方下载地址：[链接]

css3动画CSS 中的 transition 属性允许块级元素中的属性在指定的时间内平滑的改变语法如下： {代码...} 具体的属性值： transition-property:规定设置过渡效果的 CSS 属性的名称。（none / all / property） transition-duration:规定完成过渡效果需要多少秒或毫秒。 transition-timing-function:规定速度效果的速度曲线...

我喜欢动画，喜欢看动画片。虽然工作中较少能接触到动画的工作，但是每次看到牛人的动画效果都很心动。人生在世，岁月蹉跎，多做一些自己喜欢的事情吧。希望能在这边每天学一点前端动画的相关知识。每个工作日都要写一篇，学一点。内容可能某天多一些，某天少一些，自己随心记录了。我的初衷是无关内容多少，无关内容品...

新建文件夹vueCliVersion文件夹，新建vue2和vue4文件夹分别在vue2和vue4中安装：npm install @vue/clinpm install vue-cli@2.9.6

Object.freeze()方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。

1、mysql安装 2、SQL基础 DDL、DML、DCL(1)数据库 {代码...} (2)表 {代码...} (3)数据 {代码...} 3、数据类型 主要分为：数值类型、字符串类型、日期类型和时间类型

1、负载均衡 {代码...} 2、反向代理 {代码...} 3、https配置 配置https认证，有两个步骤：（1）签鼠第三方可信任的SSL证书（2）配置https 4、IP白名单 {代码...} 5、适配PC和移动环境 nginx可以通过内置变量$http_user_agent，获取到请求客户短的userAgent。从而进行移动端还是PC端的跳转 {代码...} 6、配置gzip开启gzip...

一直想建一个自己公司自用的脚手架，可以方便的快速开发。于是开始看vue-cli的源码和一些网上的教程。发现，一款脚手架其实很简单，主要原理就是从远程下载一个模板来新建一个项目。同时提供了一系列的交互来动态的更改模板。下面先将建立一款脚手架可能用到插件及其使用方法列出：

Active MQ的安装 下载地址：[链接]下载后解压，进入该目录，进入bin文件夹启动： {代码...} 在浏览器中输入：[链接]:8161/admin用户名: admin密码： admin即可以实现Active MQ的页面访问 安装依赖 {代码...} 写公用配置 {代码...} 写service中生产者和消费者 MsgProducer：生产者 {代码...} QueueConsumer：消费者 {代码...

Redis的启动 进入Redis的目录再打开另外一个控制台，连接已启动Redis 安装Redis的依赖 {代码...} 阿里巴巴的fastjson用于将实体转换成JSON进行保存 写Redis的配置 {代码...} 写Redis的公用方法 {代码...} controller层调用 {代码...}