今天不想敲代码-CSDN博客

原创 :nth-child（an+b）

:nth-child(an+b)描述：表示周期的长度，n 是计数器（从 0 开始），b 是偏移值。上述代码可以理解为4n的第一个值，也就是0，4，8，0没有所以样式作用在第4、8行。

2022-11-14 15:39:26 251 1

原创 Vue3 学习

Vue31. 增加了setup语法糖，用来写组合api2. 支持多个根节点，支持jsx3. 只引入所需要的Api4. 引入了proxy来重写双向绑定proxy与vue2的Object.defineProperty(obj, prop, desc)方式相比有以下优势：丢掉麻烦的备份数据省去for in 循环可以监听数组变化代码更简化5. 增加了补丁标记用来标记动态

2022-11-11 16:26:00 2549

原创一个逗号引发的惨案

本地打包一直导出失败，云打包一直处于正在编译。后面百度到有可能是条件编译写错了，反正不影响app样式就删了，然后打包成功。一直很不解，明明语法没有错为什么会出错。json文件不能出现多余字符，也就是说打包app时候，条件编译里面的代码不执行，这个时候上一条代码后面就多出来一个逗号

2022-11-09 17:05:59 342

原创 elementUi表单重置注意事项

this.$refs.form.resetFields();重置表单数据遇到的坑

2022-10-28 17:02:28 719

一. React路由1.1 SPA的理解SPA简而言之就是单页面应用单页Web应用（single page web application，SPA）整个应用只有一个完整的页面点击页面中的链接不会刷新页面，只会做页面的局部刷新数据都需要通过Ajax请求获取，并在前端异步展现1.2 路由的理解1.2.1 什么是路由一个路由就是一个映射关系（key对应的有value）key为路径，也就是path，并不是url，url和path的区别在于path不包括前面的ip地址和端口号，只专注一后面

2021-08-07 15:08:47 1082 1

原创 RabbitMQ交换机（Fanout、Direct、Topic）三种模式详解

一. 交换机1.1 Exchanges1.1.1 Exchanges概念 RabbitMQ 消息传递模型的核心思想是: 生产者生产的消息从不会直接发送到队列。实际上，通常生产者甚至都不知道这些消息传递传递到了哪些队列中。相反，生产者只能将消息发送到交换机(exchange)，交换机工作的内容非常简单，一方面它接收来自生产者的消息，另一方面将它们推入队列。交换机必须确切知道如何处理收到的消息。是应该把这些消息放到特定队列还是说把他们到许多队列中还是说应该丢弃它们。这就的由交换机的类型来决定

2021-07-09 22:50:44 13812 4

原创 RabbitMQ队列、消息应答、持久化操作相关概念以及操作的详解

一. RabbitMQ的代码实现1.1 项目搭建RabbitMQ依赖的包有<dependency> <groupId>com.rabbitmq</groupId> <artifactId>amqp-client</artifactId> <version>5.8.0</version></dependency>1.2 普

2021-07-08 22:42:51 211 2

原创 RabbitMQ在Linux虚拟机上安装以及相关介绍

一. RabbitMQ简介1.1 RabbitMQ的概念 RabbitMQ 是一个消息中间件：它接受并转发消息。你可以把它当做一个快递站点，当你要发送一个包裹时，你把你的包裹放到快递站，快递员最终会把你的快递送到收件人那里，按照这种逻辑 RabbitMQ 是一个快递站，一个快递员帮你传递快件。RabbitMQ 与快递站的主要区别在于，它不处理快件而是接收，存储和转发消息数据。1.2 RabbitMQ的四大核心概念生产者产生数据发送消息的程序是生产者交换机交换机是 Ra

2021-07-08 22:31:47 715

原创前端学习——初识Vue组件

一. Vue组件了解什么是Vue的组件？Vue的组件在我看来是Vue自定义标签的一种形式，就是将Html标签封装到Vue自定义组件里面，然后通过自定义的组件名然后在body中进行调用，用来完成数据交互的，能够提高前端代码的复用性1.1 组件分类1.1.1 全局组件全局组件：Vue.component(‘组件名’,{})，{}内部采用的是vue语法。不需要在vue实例中注册。下面是代码实例Vue.component("zwj",Vue.extend({ template: "<h2

2021-05-25 17:41:30 191

原创 SpringSecurity解决更新权限信息需要重启服务器和角色无法动态更新的Bug

这两天在用SpringSecurity的时候发现两个很有意思的小问题，和大家分享一下，SpringSecurity是Spring家族的一个安全框架，具体的就不多说了，后续会写一些关于这个框架内容的博客1. 第一个问题是SpringSecurity在更新权限信息后不会立即进行权限拦截，只有重启服务器才会开始拦截2. 第二个问题是，在添加权限的时候，然后再访问被添加权限的页面的时候结果发现，我！被！限！制！访！问！了，就很离谱，这次解决了第一个问题，然后发现了第二个问题，自己写的代码自己无权访问哈哈哈.

2021-05-23 12:04:58 1785 1

原创前端学习——Vue框架基础入门

一. 了解MVC和MVVM模式1.1 MVC模式相信大家都很清楚MVC的设计模式，其实准确的来说MVC并不能算是一种设计模式，他算是一种框架模式。经典的MVC模式中，M是指业务模型，V是指用户界面，C则是控制器，使用MVC的牡蛎是将业务模型层和用户界面层实现代码分离，使同一个程序可以使用不同的表现形式下面详细的讲一下MVC三个分别代表什么视图层视图层也就是V，就是View，是指用户看到并与之交互的界面，也就是我们常常看见的网页，由Html元素则称的网页界面，或者软件的客户端界面。业务模型

2021-05-23 10:02:23 601

原创前端学习——NodeJs基础篇

一. NodeJs简介1.1 nodeJs的诞生在Netscape设计出JavaScript后的短短几个月，JavaScript事实上已经是前端开发的唯一标准。后来，微软通过IE击败了Netscape后一统桌面，结果几年时间，浏览器毫无进步。没有竞争就没有发展。微软认为IE6浏览器已经非常完善，几乎没有可改进之处，然后解散了IE6开发团队！而Google却认为支持现代Web应用的新一代浏览器才刚刚起步，尤其是浏览器负责运行JavaScript的引擎性能还可提升10倍。先是Mozilla借助已壮烈牺牲

2021-05-08 21:27:55 1039

原创前端学习——ES6新特性

ECMAScript6简介ECMAScript 6.0（简称ES6）是 JavaScript 语言在 2015 年 6 月正式发布的新标准。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScrip和JavaScript的关系1996 年 11 月，JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给标准化组织 ECMA，希望这种语言能够成为国际标准。次年，ECMA 发布 262 号标准文件（EC

2021-05-06 09:53:52 247

原创原生JavaScript利用面向对象的思想实现贪吃蛇案例

一. 原生JS面向对象思想实现贪吃蛇1.1 功能演示本次给大家带来的是一款网页的小游戏，贪吃蛇的写法，而且本次贪吃蛇是基于JavaScript面向对象的思想来编写的，使用的是原生JS的方式实现下面我就来给大家讲解，怎么运用面向对象的思想来编写这款贪吃蛇小游戏老规矩先来看看运行的gif图片里面包含里几个功能开始功能结束功能重新开始功能模式切换功能碰到边线游戏结束咬到自己游戏结束生成的食物不会出现在蛇身上这个贪吃蛇主要就包含了这几个功能，下面就来讲解一下怎么运用面向对象的思想来编

2021-04-19 23:05:21 470

原创前端学习——JS基础知识点复习

一. JS复习1.1 如何使用JSHTML标签内使用JS，要求写在onclick等事件属性或者href属性中（不推荐使用）页面中的script标签内可以直接写JS代码script标签的src属性可以用来引入第三方JS文件（推荐使用）1.2 变量变量的概念变量就是计算机内存中存储的数据的标识符，根据变量名可以调用到内存中的数据变量的声明方式/*使用var的方式声明和赋值一个变量*/var num = 10;/*使用变量*/console.log(num);/*使用let的

2021-04-15 09:07:26 467

原创 Linux常用命令以及命令的基本使用

一. Linux系统管理1.1 vi和vim的使用1.1.1 vi和vim的简介vi编辑器是Linux和Unix上最基本的文本编辑器，工作在字符模式下。由于不需要图形界面，vi是效率很高的文本编辑器。尽管在Linux上也有很多图形界面的编辑器可用，但vi在系统和服务器管理中的功能是那些图形编辑器所无法比拟的。vim是vi的增强版，比vi更容易使用。vi的命令几乎全部都可以在vim上使用。1.1.2 vi和vim三种常见模式一般模式: 以vi/vim 命令打开一个档案就直接进入一般模式了(这是默认

2021-04-12 21:05:44 982

原创前端学习——CSS重要知识点概括

一. CSS复习1.1 CSS的使用方式内联样式：内联样式又称为行内样式，使用标签的style属性来设置，只能设置一个标签的样式，谨慎使用内部样式：内部样式写在head标签中的style标签内，只能设置当前页面的样式，酌情使用外部样式：单独的css文件，使用link标签的href属性引入，只要引入了该文件的页面都可以被设置样式，推荐使用1.2 CSS选择器名称语法描述通配符选择器*{}选择所有标签（谨慎使用）ID选择器#id要求ID的值唯一，如果页面中存在

2021-04-12 20:13:41 194

原创前端学习——HTML重要知识点概括

HTML复习行级标签行级标签特点,所有行级标签默认在一行内显示,并且该类标签都没有高和宽的概念 <i>字体斜体</i> <em>字体斜体(语义化标签,表示强调)</em> <b>字体加粗</b> <strong>字体加粗(语义化标签,表示着重)</strong> <s>删除线</s> <del>删除线(语义化标签,表示删除

2021-04-12 20:03:05 98

原创 Linux简介，虚拟机，远程操作工具安装及基本使用

一. Linux介绍1.1 Linux简介linux是一个开源、免费的操作系统，其稳定性、安全性、处理多并发能力已经得到业界的认可，目前大多数企业级应用甚至是集群项目都部署运行在linux操作系统之上，很多软件公司考虑到开发成本都首选linux，在中国软件公司得到广泛的使用。一种操作系统，安装在计算机硬件上，用来管理计算机的硬件和软件资源的系统软件优点注重安全性稳定性权限管理比较严格高并发处理能力缺点可视化界面较弱1.2 Linux发行版本Ubuntu(乌班图)、RedHat

2021-04-11 00:49:59 345

原创前端学习——jQuery动画

一. jQuery内置动画jQuery一共有九种内置动画内置动画一共有两个参数参数一为number类型，单位是毫秒数,默认都是400/String类型的单词表示normal普通速度(400),fast(200),slow(600)参数二是function类型的回调函数,表示在动画执行完毕自动执行的函数1.1 显示这里面涉及到三个函数show 显示基本语法$("#show").click(function () { //控制div显示 $("#main").show

2021-04-10 08:46:12 268 1

原创前端学习——jQuery入门篇

一. jQuery入门1.1 初步感受jQuery使用jquery简单写个tab切换小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { height: 200px; width: 20

2021-04-05 09:28:26 250

原创前端学习——JavaScript原生实现购物车案例

一. 购物车案例1.1 案例介绍今天我们来写另外一个购物车案例，说实话对于我来说这个是花了将近三个小时的时间然后才做出来的，里面可能还存在一些我没有发现的问题，但是能完成基本的功能，对于一些基本的需求都是可以完成的，下面照旧是案例实现的gif图片根据上图我们可以看到，每个购物车的选项都是互不影响的，每个商店也都是互不影响的，单独运算，每个店的总计也是单独计算的，有一个计算复选框总价的功能，而且这是个通用的模板，不论有多少个店铺，店铺里面的商品有多少个，只要html的结构不变都是可以通用的，那么不多说

2021-03-30 09:37:38 4130 12

原创前端学习——JavaScript抽屉，手风琴，购物车特效案例

一. JavaScript案例介绍这篇我们通过一些JavaScript案例来完成对JavaScript中BOM对象和DOM对象的理解首先我们会学到三种常用的JavaScript案例特效分别是手风琴切换特效抽屉切换特效购物车案例特效手风琴特效展示抽屉切换特效展示购物车案例特效下面咱们先从简单的做起首先先做抽屉特效的案例二. 抽屉特效2.1 页面元素编写通过上图我们可以知道页面存在着一个类似于导航栏的可以供我们切换的标签，和准备的25张图片那么我们就开始写吧<b

2021-03-26 10:40:23 3237 5

原创前端学习——JavaScript中的BOM和DOM对象

一. Bom对象1.1 什么是BOM什么是BOM对象，BOM全拼是（Browser Object Model）浏览器对象模型，是JavaScript的重要组成部分，它提供了一系列对象用于与浏览器窗口进行交互，这些对象统称为BOM对象BOM对象包含以下BOM对象可以实现的功能有弹出新的浏览器窗口移动、关闭浏览器窗口以及调整窗口的大小页面的前进、后退1.2 window对象—BOM核心window，顾名思义，窗口对象。它表示整个浏览器窗口，主要用来操作浏览器窗口。同时， window对象

2021-03-25 21:36:53 272 1

原创前端学习——JavaScript对象

一. JavaScript对象1.1 创建对象创建对象遵循规则对象中单个属性的属性名和属性值使用冒号隔开多个属性之间用逗号隔开最后一个属性或函数后不加逗号对象的属性名可以不遵守变量命名规则不遵守命名规则的属性名必须使用单引号或者双引号包裹（符合变量名要求的属性名也可以使用引号包裹）创建对象方式一/*创建JS字面量对象*/let stu = { name: '柳园', sex: '????', age: 18, show: function

2021-03-24 21:38:37 171

原创前端学习——JavaScript逻辑运算符及函数概念

一. JavaScript逻辑运算符1.1 if语句基本语法结构if (/* 条件表达式 */) {// 执行语句}if (/* 条件表达式 */){// 成立执行语句} else {// 否则执行语句}if (/* 条件1 */){// 成立执行语句} else if (/* 条件2 */){// 成立执行语句} else if (/* 条件3 */){// 成立执行语句} else {// 最后默认执行语句}大致就是判断语句，条件成立时应该做什么，不成立时做什么

2021-03-20 23:34:42 462

原创前端学习——JavaScript基础知识

一. JavaScript了解1.1 JavaScript简介JavaScript 编程语言流程控制Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为 JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java和Java

2021-03-17 23:24:31 326

原创前端学习——flex伸缩布局

一. 伸缩布局（flex）1.1 伸缩布局简介伸缩布局是一种CSS3的新布局方式，又叫弹性布局，不同于传统的块级元素布局，伸缩布局是一种在容器里面通过设置容器的属性，进而对容器里面的数据进行自适应伸缩布局的一种方式。大致意思就是能够实现容器内的元素自动适应整个容器，减少了对内边距，外边距的计算就能完成对容器内元素的布局基本语法块级元素设置flex布局display: flex;行内元素设置flex布局display: inline-flex;1.2 基本概念采用 Flex 布局的元素

2021-03-15 20:39:52 927

原创前端学习——CSS3实现动画效果

一. CSS3动画1.1 CSS3过渡效果过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。帧动画：通过一帧一帧的画面按照固定顺序和速度播放。如电影胶片在CSS3里使用transition可以实现补间动画（过渡效果），并且当前元素只要有“属性”发生变化时即存在两种状态(我们用A和B代指），就可以实现平滑的过渡，为了方便演示采用hover切换两种状态，但是并不仅仅局限于h

2021-03-12 00:09:55 1508

原创前端学习——字体图标的选取和应用

一. CSS字体设置通常我们设置CSS的字体的时候有以下几种方法通过图片转换为图标在网页中引用（耗费资源）精灵图，通过背景图片的坐标进行切换（需要对一张精灵图进行不停的切换坐标，并且不易于维护）字体图标，将图标设立成字体来使用下面讲的主要是第三种方法，字体图标，可以随意的改变图标的大小和颜色，并且易于维护1.1 字体图标的优点可以做出跟图片一样可以做的事情,改变透明度、旋转度，等…但是本质其实是文字，可以很随意的改变颜色、产生阴影、透明效果等等…本身体积更小，但携带的信息并没有削减。

2021-03-10 21:28:10 464

原创 Spring篇——03. Spring核心AOP和Spring声明式事务

开头寄语Spring有两大核心一个是控制反转IOC，一个是面向切面AOP控制反转IOC也就相当于是一个Spring容器，我们将我们编写代码所需要的内容都存放在Spring的IOC容器中，让Spring来帮助我们管理，我们需要的时候直接调用就好，而不需要在出现new这些关键字来创建对象，他的底层使用了Java基础里面反射的原理。而面向切面AOP也同样是Spring的核心之一，这篇笔记就是用来介绍Spring中面向切面AOP的思想和如何在Spring中使用到这种思想！自己的知识水平不是很高，写的不好大家

2021-01-24 17:48:03 676

原创 Java基础——代理模式

一. 代理模式1.1 静态代理1.1.1 静态代理角色分析抽象角色：一般使用接口或者抽象类来实现真实角色：被代理的对象代理角色：代理真实角色；代理真实角色后，一般会做一些附属的操作客户：使用代理角色来进行一些操作其实这个挺好理解的就按照租房子的例子来讲1.1.2 静态代理代码实现租房接口package com.eason.demo01;//一个租房的接口,真实角色和代理角色要实现的public interface Rent { void rent();}真实角

2021-01-24 15:09:54 98

原创 Spring篇——02. Spring注解开发

开头寄语这一周完成了SSM框架的学习，每天早上七点多起来吃个饭八点多开始肝一直肝到晚上九点，就在小房间里面待着，人都肝傻了就在昨天完成了整个SSM框架的学习，感觉现在才开始进入了Java后端的门槛，同时在学习的过程中也发现了诸多问题，在学习框架的时候，底层很多实现逻辑都是反射和动态代理，刚好在学Java基础的时候对于这方面的知识掌握不是很好，下星期还得回Java基础去给这些知识过亿遍，每日亿遍，防止抑郁！！！！！昨天完成了SSM框架的学习并进行了整合，今天抽一天时间给这些笔记给写一写，博客也更新更新，

2021-01-24 10:23:11 143

原创 Spring篇——01. Spring快速入门

1. spring概述1.1 Spring是什么（理解）Spring是分层的 Java SE/EE应用 full-stack 轻量级开源框架，以 IoC（Inverse Of Control：反转控制）和 AOP（Aspect Oriented Programming：面向切面编程）为内核。提供了展现层 SpringMVC和持久层 Spring JDBCTemplate以及业务层事务管理等众多的企业级应用技术，还能整合开源世界众多著名的第三方框架和类库，逐渐成为使用最多的Java EE 企业应用开源框

2020-12-29 20:04:14 188

空空如也

空空如也