03 2021 档案
摘要：路由规则的配置在src/router/index.js中，可配置如下内容： import { createRouter, createWebHistory } from 'vue-router' import Home from '../views/Home.vue' import About fr
阅读全文
摘要：认识Vue-Router Vue-Router安装和使用 在安装完后，在src目录会出现一个router文件夹，router下有一个index.js，该JS是配置了路由相关的信息，内容如下： 在main.js记得使用这个VueRouter实例，如下：
阅读全文
摘要：在浏览器的控制台上想要切换路由的话，有如下的方式： 1. hash 2. pushState 当前的页面URL对应栈顶的URL，记住这点就可以了。如果要移除栈顶的URL，可通过history.back() 3.replaceState：和pushState的不同点在于他不能在浏览器中进行前进和后退
阅读全文
摘要：说前端渲染和后端渲染前，渲染这个概念可以理解成：将html+css代码进行解析，变成页面上肉眼看见的图形界面；其实渲染整个过程还是挺复杂，只要上述简单理解即可。 要开始说前端渲染和后端渲染了，那就得从早期的网页开发到目前流行的开发阶段的演变过程说起，主要分为3个阶段： 1. 后端时代（前后端不分离）
阅读全文
摘要：平时在script标签或JS文件定义一个函数是这样的： const fn = function(){ consolo.log("") } 如果是在对象字面量中定义函数的话，有如下两种方式： const fn = { fn1: function(){}, fn2(){} } 而在ES6中又引入了一种对
阅读全文
摘要：自从用了vue-cli3，基本上看不到配置文件了，因为人家已经把配置文件异常起来，如果真的想查看和修改配置啥的也有办法，目前有3种方式： 1. vue-ui。在cli3提供了可视化的界面让我们去创建 vue项目，并且可以手动管理管理项目的插件，依赖，配置等等，还能运行项目。这种方式理解成终端命令操作
阅读全文
摘要：使用cli3初始化项目时，会遇到下面的流程： 然后cli3生成的main.js和之前cli2有点小不同，如下： 但说实在点，和cli2其实是一样的，只不过上面的写法是更接近底层一点而已
阅读全文
摘要：构建vue项目会有两个版本进行选择，runtime-compiler和runtime-only；他们主要的不同体现在一个文件里面，main.js，下面看看两种的区别： 一眼就看可以看出代码上的区别了；但要讲的并不是这个，要说的是他们执行流程的区别： runtime-compiler的执行流程是：te
阅读全文
摘要：构建vue项目会有两个版本进行选择，runtime-compiler和runtime-only；他们主要的不同体现在一个文件里面，main.js，下面看看两种的区别： 一眼就看可以看出代码上的区别了；但要讲的并不是这个，要说的是他们执行流程的区别： runtime-compiler的执行流程是：te
阅读全文
摘要：在使用vue-cli2初始化项目后，会出现如下的一个目录结构： 下面依次简单简述下各目录和文件的作用： build：webpack的配置，但这里主要是插件、项目运行相关的配置 config：也是webpack的配置，但不同是他主要是配置一些变量。和springboot的application.yml
阅读全文
摘要：想要开发一个大型的项目时，一个都需要做固定的事件：创建项目和目录结构，安装和配置环境以及工具的应用，比如热部署，日志管理，单元测试等等；重复做这些事情往往是没有太大的意义，因此就有两类vue-cli作为脚手架帮助我们完成上面一些固定套路的东西 vue-cli的使用需要提前安装好，但在安装前需要有we
阅读全文
摘要：在webpack.config.js文件有很多的插件配置，有开发时要的插件，有发布后要的插件，还有全过程都需要的插件，若统一放在webpack.config.js会出现一些问题：配置过多，可读性太差，且开放时用到了发布时的插件，发布时用到了开发时插件等等 因此我们需要对webpack.config.
阅读全文
摘要：目前的开发模式是在src下进行编码，编好之后，需要打包到dist下进行测试。为什么要这么做？因为在src下的很多代码，浏览器是不认识的，因此才需要webpack来解析并打包，那问题也来了，如果我们更新特别频繁，也意味着重新打包编译的次数也会变多，太影响开发效率了，因此这个问题需要解决，而webpac
阅读全文
摘要：一般vue项目的根目录下会有src，dist以及index.html等文件和目录，在进行打包的时候，src下的代码会被打包到dist中，但index.html并不会被打包进去，因此需要一个webpack的插件：htmlwebpackplugin；首先得安装该插件，命令： 安装后，需要在webpack
阅读全文
摘要：接下来要讲的是从JS文件写vue的代码 到 vue文件写vue代码整个推进过程，来体验下真正的开发方式，开始吧 一般vue项目在根目录下有一个index.html，他是作为我们项目的一个首页或者入口的页面，但这个页面我们基本不会从碰它，页面大概如下： <!DOCTYPE html> <html la
阅读全文
摘要：在开发中，我们通常会遇到很多类他的属性是有限并且属性值是固定的，比如说Season类，只有春夏秋冬四个季节，分别代表四个属性，并且属性值也是固定的，在使用的时候我们一般是【类名.属性名】的方式获取。一般自定义这种类，遵从下面的3个标准即可： 1. 构造私有化。不能让new 2. 保留get，去除se
阅读全文
摘要：在实际的vue开发中，项目根目录下的index.html是不会去改他的，默认就行，如下： 可能大家有这样的疑问？我不改这个index.html，那我真的想往这个div标签中添加一些标签然后页面进行进行显示怎么办？vue实例有一个template属性，只要我们把想要展示的标签写在这就可以把el所管理的
阅读全文
摘要：刚开始对vue的学习只是简单地通过引入vue.js。但在实际的项目中，通常是用npm的方式下载vue的依赖，接着在文件中使用vue；下图是具体的步骤： 安装和使用都做了。接下来我们得使用webpack对src下进行打包，但打包后的vue的配置有两类版本：runtime-only 和 runtime-
阅读全文
摘要：在前端模块化的开发中，不单单JS文件可以看作模块，像CSS，图片和其他文件也可以看作模块；只不过默认的webpack仅支持JS的模块化，其他不支持，但是可以通过安装不同的loader，来支持不同的文件；比如CSS文件，那就要安装css-loader(加载和解析css)、style-loader(将解
阅读全文
摘要：在上一篇我们讲过，将src打包到dist，使用如下的命令： webpack ./src/main.js ./dist/bundle.js 但一般不会这样做，原因在于太长了，我们希望直接使用webpack来进行打包，这样就得在项目的根录下配置一个webpack.config.js文件，配置内容如下：
阅读全文
摘要：在实际的前端开发中，一个模块化的项目通常会有这两个文件夹：src 和 dist，如下： src是开发人员写代码的地方，dist是src代码书写完毕，使用打包工具打包后存放的地方；一般放在dist的代码可直接部署到服务器去运行即可。 通常在项目的根目录下，会有一个index.html以及其他配置文件，
阅读全文
摘要：一.webpack的介绍 webpack是针对模块化打包的工具，不仅仅是打包，他还能对模块化的项目进行处理；比如模块化规范的CommonJS，AMD等等浏览器是不认识的，而webpack能够上述的标准进行解析成浏览器能认识的代码，并且他还能处理模块间的依赖关系； 顺便也说一下webpack的打包功能
阅读全文
摘要：在ES6的模块化开发中，一个JS文件就相当一个模块，其他JS文件想要使用模块中的数据，模块必须export导出，其他JS文件进行import导入才行。 第一步，先引入对应的JS文件，通过script标签，不过不能单单用script标签，如果是这样的话此时各个JS文件还不是一个模块，得设置一个type
阅读全文
摘要：在早期前端是没有模块化这个概念的；这个就会导致前端团队在开发时出现一个弊病，我举个例子： 前端开发团队有2个人，小红和小明，小红创建了一个xh.js，里面有一个var flag = false的变量；小明也创建了一个xm.js，里面也有一个var flag，但他是var flag =true；但其他
阅读全文
摘要：父组件想要在自个的模板中使用子组件的data数据，有3种方式： 1. 子组件发送事件：主动方是子组件 2. 父组件获取子组件的对象，通过this.childredn或refs，但这种方式大多是用在scirpt代码里面，在template模板中并不适用 3. 插槽作用域的方式获取，该方式能在templ
阅读全文
摘要：在上一篇讲了插槽的基本使用，但是现在又有了新的需求了，一个组件中有3个插槽，只想替换中间的插槽，另外两个默认即可，那该如何替换呢？具名插槽就派上用场了，说简单点就是给插槽取个名字，当插入元素的时候说明要插入的是哪个插槽即可，代码如下： <body> <div id="app"> <ccomponen
阅读全文
摘要：之前我们使用的组件他的拓展性是特别差的，因为组件的内部标签是固定写死的，就会导致这个组件的复用性很差，比如一个导航栏组件，他里面的组成部分是根据需求不同而定的，因此里面的标签不能写死，而插槽的出现刚好能解决这个问题，一个组件里面预留几个空间，根据需求往里面填充不同的标签，这就是插槽 下面我们看下代码
阅读全文
摘要：在实际开发中，我们是需要在父组件中去获取子组件实例对象，记住是子组件的实例对象，比如说子组件是<cpn></cpn>，在父组件使用了3次，那就有3个子组件实例。 获取子组件的方式有两种：$children 和 $refs $children的使用如下： $children很少用，因为他是获取当前父组
阅读全文
摘要：可参考如下链接： https://blog.csdn.net/jiangyu1013/article/details/83855476
阅读全文
摘要：#拼接字符串 SELECT CONCAT(`name`,intro) FROM edu_teacher; #查看某字段的字节数 SELECT intro,LENGTH(intro) FROM edu_teacher; #查询字段的字符长度 SELECT intro,CHAR_LENGTH(intro
阅读全文
摘要：单例模式在编码时，可分成 饿汉和懒汉； 饿汉式：当类进行初始化的时候，为该类分配内存，并创建对象。 懒汉式：当类进行初始化的时候，对象不创建，等到使用的时候才创建。 写饿汉式，记得如下： 1. 保证单例，即构造方法得私有 2. 变量需要是 static 和 final ，并且为变量直接创建对象（st
阅读全文
摘要：1）什么是【指令重排序】？ 指令重排序是指： JVM在编译Java代码的时候，或者CPU在执行JVM字节码的时候，对现有的【指令顺序】进行【重新排序】。 2）指令重排序的【目的】？ 目的：为了在不改变程序执行结果的前提下，优化程序的运行效率。（需要注意的是，这里所说的不改变执行结果，指的是【单线程】
阅读全文
摘要：相信大家知道，类加载大概的意思是：当我们要运行编译后的class文件时，会有类加载器 把 class文件加载到内存中；实际上这个比较抽象，说具体点的话，应该是如下： 嗯，好！相信大家看了之后还不懂啊，起初我也是一脸懵逼啊，现在逐个给大家解释。 所谓类加载，细分应该是：类加载，类链接，类初始化。 1.
阅读全文
摘要：观看springboot的教程，发现并没有说到事务这块该如何配置，自己通过百度找到了配置的方式，如下： @Configuration public class TranConfig { @Autowired private DataSource dataSource; //向IOC注入核心事务管理器
阅读全文
摘要：前言 本文章除了给你现成的发送源码前，希望大家能好好了解下关于收发邮件的一些常识和业务，请您耐心完整地看完。若你是未使用 过 API 来发送邮箱验证码，相信您一定会恍然大悟。 一. 邮件收发流程介绍 请大家看下上面的图；当发件人和收件人都是同一个网站的email账户(比如QQ)，小明 给 小红 发一
阅读全文
摘要：排队等待，我说的比较通俗点，就是 服务器匀速处理请求，当超过阈值的后的其他请求就排队，当排队时间过了超时时间，就返回提示信息。 比如：现在QPS阈值为5，直接且排队等待，超时时间2s，现在有100个请求过来，服务器最多处理 5 个，其他慢慢排队，在处理所有的请求的时候，都是均匀的处理，0.01S处理
阅读全文
摘要：实际是很多这样的场景，平时一个系统啥人都没有，但一旦有什么特别的优惠的活动，那并发量就是平时的上百倍。针对这种情况，sentinel在流控效果中提供了一个warn up(预热)的方式，界面如下： 假设流控模式是直接，流控效果是warm up（上图的流控模式不太对），刚开始的 阈值 是 thresho
阅读全文
摘要：链路模式是这样的，先看下图： 当getOrder这个接口达到阈值时，并且这个阈值条件完全是由 /test接口引起的，则对/test1进行限流，这个很大的不一样是对：入口资源进行限流，而不是资源名。 举个例子：/test1接口去调用/getOrder接口，调用QPS超出阈值了，此时对/test1进行限
阅读全文
摘要：在关联模式，阈值类型是QPS或线程数，起到的效果是一样的。而 关联模式是什么意思呢？ 假设 A 资源 关联了 B资源，当B资源超出阈值了，就限流A自己。这里最重要的是限流自己，即关联方；说简单点，自己的亲戚惹事，自己遭殃（被限流）； 这种方式在实际场景还是很有用了，比如：订单调支付，支付接口被疯狂调
阅读全文
摘要：上一篇是QPS直接失败，并且当阈值类型为QPS，是有流控模式和流控效果的。但在 阈值类型 为 线程数时，只有流控模式。 假设现在流控模式都是 直接，QPS和线程数的区别是什么呢？ 比如 QPS为10，每秒最多10个请求来访问我的API，当对这10个请求的处理，线程数是没有限定的，有可能这10个请求由
阅读全文
摘要：搭建nacos集群，我们需要：1个nginx+3个nacos+1个mysql；下面全部都在Linux环境下，运行，上面的环境请大家预先配置好。 对了，说明一下，nacos只需要下载一个即可，不需要再复制两份；我们到时候会修改nacos的startup.sh脚本，根据参数-p的方式启动指定端口的nac
阅读全文
摘要：这篇老哥基本把Linux安装mysql会遇到的坑都说了： https://www.jianshu.com/p/276d59cbc529 不过还是会存在少量的问题，总结起来就是缺少 文件，没有建立软连接
阅读全文
摘要：
阅读全文
摘要：下面对上述名称进行解释：
阅读全文
摘要：搭建一个 服务模块用于 被sentinel监控，步骤如下： 1. 搭建模块 2. 添加依赖 <dependencies> <dependency> <groupId>com.alibaba.cloud</groupId> <artifactId>spring-cloud-starter-alibab
阅读全文
摘要：下载地址： sentinel作用： sentinel的组成部分： sentinel只有一个jar包，包含核心库和控制台。使用java -jar xxx 来运行 运行完毕，访问8080端口即可。
阅读全文
摘要：1. nacos自带内置数据库derby 2. nacos从derby切换配置到外部的mysql，需要两个步骤： 》执行nacos包中的一个sql脚本，用于保存nacos上的注册和配置信息 》将下面的配置信息写到application.properties，记得改成自己的用户名和密码 spring.
阅读全文
摘要：实际开发，nacos基本上不太可能是单机，集群会比较多。官网对nacos集群的架构图： 上面的架构图，可能会比较抽象，详细应该如下：
阅读全文
