自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

望别日与君相见时,君已有所成。

  • 博客(214)
  • 问答 (1)
  • 收藏
  • 关注

原创 浅谈日常使用的 Docker 底层原理-三大底座

适合的读者,对Docker有过简单了解的,想进一步了解Docker容器。便想借本次技术专题的机会,一方面满足自己心底的那份好奇心,也来让更多的小伙伴知道和了解自己所使用 Docker 是什么样的。

2023-08-20 11:41:05 1055

原创 关于 Docke r安装 Redis 的评论区问题总结及解答

关于 Docke r安装 Redis 的评论区问题总结及解答

2023-02-17 23:18:16 1595 5

原创 Java反射真正的详解,学以致用,实战案例,近万字长文,不读后悔

你觉得Java反射在你心里是个什么地位呢?看了本文,绝对不会让你觉得失望!!!本文详细解释Java反射,附带实战案例(AOP修改参数、Mybatis拦截器实现自动填充),希望能够学以致用,做到举一反三

2022-10-07 22:54:30 762

原创 Netty | 工作流程 & 核心组件讲解 & 代码案例

前文:你的第一款Netty应用程序前一篇文章写了第一款Netty入门的应用程序,本文主要就是从上文的代码结合本文的流程图进一步分析Netty的工作流程和核心组件。最后再进一步举一个实例来让大家进一步理解。希望能够让你有所收获!!????一、Netty 工作流程我们先来看看Netty的工作原理图,简单说一下工作流程,然后通过这张图来一一分析Netty的核心组件。1.1、Server工作流程图:1.2、Server工作流程分析:server端启动时绑定本地某个端口,初始化NioServe

2022-05-24 21:12:29 673

原创 Netty | 属于你的第一款Netty应用程序

上一篇简单的介绍了Netty,以及Netty相关特性等,这篇文章来写个入门的Netty应用程序,并竟先不懂才会想着去学习不。原本是打算先写理论知识的,但是想了想,还是觉得应该先写代码,然后再通过代码和流程图,才更好去分析Netty中的组件和机制。所以就让我们一起来写出属于我们的第一款Netty应用程序吧。一、编程步骤:建立一个Maven项目。导入依赖编写Netty服务端编写一个ChannelHandler(服务器用来对从客户端接收的数据的处理)和业务逻辑编写一个Server启动类.

2022-05-24 21:12:16 283

原创 Netty | Netty 概述 一起来了解了解Netty

本文主要讲述Netty相关概念及为什么会出现Netty,Netty的作用有哪些等?以及学习Netty需要什么。前言:我其实更好奇的是:你是因为什么点进了这篇博客,是想要了解Netty;或者是因为自己本心中的好奇心;亦或者是业务场景中需要用Java网络编程,然后百度搜索,搜到了Netty。如果你想要了解,这篇文章我想是适合你的。如果你是想要满足自己的好奇心,想要深究一番的,那么这篇就是Netty的开山篇。如果是业务中需要用到Netty框架,并且已经有了好的基础,我想可以直接跳过这一篇,直接进入实战加.

2022-05-24 21:12:04 655

原创 SpringSecurity鉴权流程分析 附源码注释,xdm,一起来看看吧

纸上得来终觉浅,绝知此事要躬行。1.阅读本文:简单应用:SpringBoot集成SpringSecurity做安全框架你能收获:你能大致明白 SpringSecurity 鉴权流程。能够 Debug 一步一步能够画出 SpringSecurity 鉴权流程图。对于 SpringSecurity 框架会有更深一步的理解,能够在使用时做到更高程度的定制化。以及对 SpringSecurity 更深一步的思考2.前言:xdm,我还是没有学会写小故事????,我只可以在这里请你们喝可乐???

2022-03-17 14:25:48 2337 4

原创 VsCode 配置 C/C++ 开发环境,真的很简单

最近在学习C语言版的数据结构,要敲敲C/C++的代码,DevC++成功把我劝退了。就想着来把这个万能的VsCode玩活

2022-01-18 17:02:31 2873 10

原创 Java设计模式-观察者模式(订阅发布模式)

Java设计模式-观察者模式(订阅发布模式) 一起来看会了就当复习丫,不会来一起来看看吧。很喜欢一句话:“八小时内谋生活,八小时外谋发展”。如果你也喜欢,让我们一起坚持吧!!共勉????一、前言1)引入:在现实世界中,许多对象并不是独立存在的,其中一个对象的行为发生改变可能会导致一个或者多个其他对象的行为也发生改变。例如,股票价格与股民、微信公众号与微信用户、气象局的天气预报与听众等。还有上课铃声响了,该进教室啦。在软件世界也是这样,例如,Excel 中的数据与折线图、饼状图、柱状图之间

2022-01-13 16:52:11 2640

原创 JSON Web Token(缩写 JWT) 目前最流行、最常见的跨域认证解决方案,前端后端都需要会使用的东西

JSON Web Token(缩写 JWT)是目前最流行,也是最常见的跨域认证解决方案。无论是咱们后端小伙伴,还是前端小伙伴对都是需要了解。本文介绍它的原理、使用场景、用法。关于封面:夏天它真的过完了,你有遗憾吗?一、跨域认证的问题1.1、常见的前后端认证方式Session-CookieToken 验证(包括JWT,SSO)OAuth2.0(开放授权)1.2、Session-Cookie实现方式流程大致如下:1、用户向服务器发送用户名和密码。2、服务器验证通过后,在当前对话

2022-01-04 09:38:50 1884

原创 你有没有遇到要实现多种登录方式的场景丫 一起来看看咯 Spring Security 实现多种登录方式,如常规方式外的邮件、手机验证码登录

你好丫,我是博主宁在春,一起加油吧!!!不知道, 你在用Spring Security的时候,有没有想过,用它实现多种登录方式勒,这次我的小伙伴就给我提了一些登录方面的需求,需要在原有账号密码登录的基础上,另外实现电话验证码以及邮件验证码登录,以及在实现之后,让我能够做到实现第三方登录,如gitee、github等。本文主要是讲解Security在实现账号密码的基础上,并且不改变原有业务情况下,实现邮件、电话验证码登录。

2021-12-23 13:23:52 855

原创 如何使用Docker安装Mycat中间件 | 实现主从的读写分离,搭建属于你的Mysql 集群 | 来看看这篇吧

上一篇写了如何使用Docker搭建Mysql的主从复制,这篇文章是在已经搭建好Mysql的主从复制的基础上实现读写分离的。直接CV也能搭建起来,莫慌。我们一起加油!!!

2021-12-17 13:49:00 1460 2

原创 你对Java网络编程了解的如何?Java NIO 网络编程 | Netty前期知识(二)

本文主要讲解NIO的简介、NIO和传统阻塞I/O有什么区别、NIO模型和传统I/O模型之间的对比、以及围绕NIO的三大组件来讲解,理论代码相结合。很喜欢一句话:“沉下去,再浮上来”。我一、Java NIO 简介在 Java 1.4 中引入了 NIO 框架(java.nio 包),提供了 Channel、Selector、Buffer 等新的抽象,可以构建多路复用的、同步非阻塞 IO 程序,同时提供了更接近操作系统底层的高性能数据操作方式同步非阻塞:Java NIO 的非阻塞模式:非阻塞.

2021-12-14 15:30:09 669

原创 你对Java网络编程了解的如何?Java BIO 网络编程 | Netty 前期知识

一步一步走来,之前去学习了JUC并发编程知识,现在终于到Java IO网络编程啦,难啊。一、BIO介绍引入: 随着技术的发展,两个或以上的程序必然需要进行交互,于是提供了一种端到端的通信,相当于对传输层的一种封装,对于开发人员而言隐藏了传输的细节,将这些固定的“套路”抽象出来,提供一种端到端的通信,可以使我们更加专注于业务的开发。而BIO只是其中一种。Java BIO (old )就是传统的 Java I/O 编程,其相关的类和接口在 java.io,另外Java BIO是同步并阻塞(传统阻塞型).

2021-12-08 08:18:57 285

原创 Java设计模式-中介者模式

一起来看看啦,为进阶做做准备啦,并竟沉下去才能浮上来。????会了就当复习丫,不会来一起来看看吧。很喜欢一句话:“八小时内谋生活,八小时外谋发展”。如果你也喜欢,让我们一起坚持吧!!共勉????作者:用心笑*喜欢云一、前言1)引入:一般来说,同事类之间的关系是比较复杂的,多个同事类之间互相关联时,他们之间的关系会呈现为复杂的网状结构,这是一种过度耦合的架构,即不利于类的复用,也不稳定。例如在下左图中,有六个同事类对象,假如对象1发生变化,那么将会有4个对象受到影响。如果对象2发生变化,

2021-12-05 14:25:14 192

原创 快速 Get 面试题中:线程池七个参数和工作原理问题,理解万岁

这次用一个生活案例来让你快速的 get 到线程池的工作原理和七个参数的作用。最近在复习面试题,巩固一下自己。学完看看面试题,可以很有效的知道的不足。也是为以后做准备。你好,我是博主宁在春,希望文章能够让你有所收获,也让我们也一起努力!!!本文主要针对线程池的七个参数及工作原理做讲解。阅读完本文能够通过自己的语言简单阐述线程池的工作原理和画出原理图。一、面试题在看很多Java面试题相关的文章或者博客中,对于线程池都会有这么几个常见连环问题。????‍????面试官:平时工作中使用到线程了吗

2021-12-02 08:29:44 541

原创 「后端小伙伴来学前端了」Vue-Router 路由各种跳转、传参、小知识

前言学完Vuex方面的操作就该来学学Vue中的路由操作了… xdm冲一、安装vue-cli 安装vue add router做完这一步基础环境都搭好了。项目中会多一个文件夹,内容如下:最后暴露出来,在mian.js 中引用进去就可以了。暂时先不细讲。二、基本路由使用基本路由使用,其实你安装完就已经有例子啦。在App组件中 有下面这两行代码,其实就路由跳转的意思。<router-link to="/">Home</router-link> |<.

2021-11-28 16:38:57 900 1

原创 你有没有觉得邮件发送人固定配置在yml文件中是不妥当的呢?SpringBoot 动态设置邮件发送人

明月当天,不知道你有没有思念的人前言之前其实已经写过SpringBoot异步发送邮件,但是今天在一个小项目中要用到发送邮件时,我突然觉得邮件发送人只有一个,并且固定写在yml文件中,就是非常的不妥当,就想着怎么整成一个动态的。在写之前已经翻过很多博客了,该踩的坑都踩的差不多了,我是实现之后写的文章,有问题大家可以一起交流。小声bb(对于CSDN我真的逐渐变得麻木了,简称CV大法现场,虽然我本人也是CSDN的一名小小博主,也是资深用户,对于文章的这块很多时候真的没法说,除了能说加油也没有了吧)。于.

2021-11-27 12:48:58 945

原创 「后端小伙伴来学前端了」Vue中学会使用Echarts生成各种各样的图表,得学学了,必须要会的基本操作了

依旧还是学妹给的封面直接进入主题…在vue中使用个啥,都差不多是一个流程。引入Echarts安装npm install echarts --save我们写一个Echarts组件,在内进行引入import * as echarts from 'echarts'入门使用如果之前没有接触过Vue或者Echarts 的小伙伴,了解方式无疑就是Echarts官方文档或各大搜索引擎了。我的了解方式无疑也是这个,但是我在看官方文档的时候,觉得官方给的那个例子,有点点不符合Vue的风格,不过我先贴.

2021-11-26 10:24:35 1555 2

原创 「后端小伙伴来学前端了」Vuex进阶操作,让你的代码更加高效(简称如何学会偷懒 【手动狗头】)

前言前一篇写了Vuex基本使用,用起来还稍稍有些繁琐,代码有很多冗余的地方,这篇就带着大家用更简单的方式来使用Vuex(其实就是怎么更好的偷懒,用更少的代码来完之前的事情)进入正文…一、mapGetters 方法在我们之前要取出store中的getters,在组件中是需要$store.getters.bigSum 才能取到,为了方便会写成计算属性bigSum(){ return this.$store.getters.bigSum}一个两个还能接受,但是如果有很多的,代码会显得十分

2021-11-25 13:58:43 603

原创 「后端小伙伴来学前端了」Vuex 基本使用及案例,快速上手,学会使用vuex

前言上篇文章说了vuex的简单原理,这篇就着重讲讲如何使用简单的vuex,看看它到底有何优秀之处吧。我们要使用Vuex,使用流程大致是不是就是下面这几步呢?npmVue.use()store另外就是让所有vc都能够访问到store一、安装npm安装npm install vuex --save如果我们直接使用vue脚手架创建项目,可以在创建时就直接选择安装 vuex。二、入门使用及案例第二步就是引入vuex,使用插件了。import Vue from 'vue'impor

2021-11-24 08:40:57 381

原创 「后端小伙伴来学前端了」Vuex原理图分析及结合生活案例让大家快速理解

来自一名超级美的学妹:????Sunday????前言上篇文章说了为什么在vue中有了全局事件总线还要引入vuex的问题,这篇着重讲Vuex的原理图,知道原理图才能够明白如何去书写Vuex的代码。一、原理图来自于Vuex官网从图中我们可以看到,vuex中有Actions、Mutations、State三个对象,先从字面意思上理解下哈Actions:翻译过来即为动作、行为的意思Mutations:翻译过来有变化、转变的意思State:翻译过来就是状态的意思,这里的状态其实就是数据的意思。

2021-11-23 09:04:32 315

原创 「后端小伙伴来学前端了」为什么Vue在有了全局事件总线后还要引入Vuex呢?

今日清晨,乌云散去前言上一篇我写了关于Vue中全局事件总线的相关原理及小案例。在之前文章有简单的说过关于我个人理解的 Vue 核心思想(刚学不久,如有不足,请各位大佬及时斧正)数据的双向绑定,不用再手动操作DOM元素组件化开发,将一个页面划分成多个小组件,然后再一步一步拼凑而成组件化开发,最大的痛点可能就是要做到任意间组件通信,组件间通信其本质就是数据的共享。对于组件间的通信,我在之前也是一步一步写过来的组件间利用props实现组件间通信 (适用于父子组件通信,祖孙组件也行,对兄弟组.

2021-11-22 08:54:19 714

原创 「后端小伙伴来学前端了」关于 Vue中 Slot 插槽的使用,实用且也是组件中必会的一个知识,另外也可以实现父子组件之间通信

前言插槽可以说是 Vue 中非常重要的一部分吧,在我学习和练习的过程中,当组件搭配着插槽一起使用的时候,会发挥的更好一些。更多时候也会更加方便。今天介绍Vue中三种插槽吧:默认插槽、具名插槽、作用域插槽。环境准备先搭个初始环境给大家看看哈。一步一步讲完这个插槽。就是写了一个类别组件,分别渲染这三种数据。Category组件<template> <div class="category"> <h1>{{title}}</h1> .

2021-11-21 11:23:56 618

原创 「后端小伙伴来学前端了」Vue中全局事件总线(GlobalEventBus)原理及探究过程

前言上一篇文章写了 Vue 中的自定义事件,自定义事件是全局事件总线基础。我在上一篇文章中埋下了一个小小的伏笔。如下图:我说过,在Vue中如果我们用(@orv-on)给组件绑定上一个自定义事件,其本质就是给子组件VueComponent即vc绑定一个事件,然后子组件通过this.$emit()触发,父组件监听到再执行回调方法。这种也只适合于父子组件之间通信,对于兄弟组件来说,仍然无法非常方便的通信。那全局事件总线是什么样的呢?一、全局事件总线前述提供一个思考方向:其他组件同样如此。那么.

2021-11-20 11:19:45 1021

原创 让我们一起来看看可爱的猫咪吧

我想喜欢小猫咪的人,一定非常可爱和温柔吧前言这个视频中的小猫咪贼可爱,然后下面的那给进度条是只小猫咪走来走去的。然后我就想可以拿进度条做点事情,一开始想搜一搜借鉴一下,但是根本没有这种高度自定义的。唉经历互联网当然是无比强大的,经过千辛万苦,还是有找到类似,第一眼我就爱上了那种。图来自于:会编程的银猪我就想着怎么能够把这个小狗换成小猫咪来操作。顺藤摸瓜就找到今天的主角:lottie-web 开源动画库进入正文…Lottie 动画库官方文档它也是机缘巧合下找到的。介绍:Lo.

2021-11-20 11:15:13 568

原创 「后端小伙伴来学前端了」关于Vue中的自定义事件,组件绑定自定义事件实现通信

傍晚的月亮前言原本这篇打算写Vue中的那个全局事件总线的原理,但是发现自己少写了这个自定义事件,不讲明白这个自定义事件的操作,不好写全局事件原理,于是就有了这篇文章拉。一、v-on指令要讲自定义事件,就得先说说v-on指令。因为v-on就是实现自定义事件的基础。v-on官网文档基本介绍v-on指令可以缩写为@,并且我们使用v-on指令时,其实它有一个默认参数event.可以和它一起搭配的修饰符大致有以下几种:.stop - 调用 event.stopPropagation()。 停止冒.

2021-11-19 09:50:32 166

原创 「后端小伙伴来学前端了」Vue中为什么直接安装less-loader会报版本过高错误?你有没有思考过?

清晨的☀前言我们都知道在 Vue 中并不只有纯正的CSS,还有less、sass等,后面这些,写起来都可以级联着,不需要像原生的css那样,会方便很多。大家都知道我也是最近写的vue,看见周围人都在用这个,我也就去安装了一下,但是一直都报一个版本过高的错误。这种错误非常好解决,因为后端也常遇到,直接降版本就好了。因为好奇心的驱使,我就在想,为什么不能安装最新less-loader?好像也没有哪里体现啊然后就产生了这篇文章…一、踩坑开始我目前项目是没有安装的,我们先把<style lan.

2021-11-18 10:15:00 895 1

原创 「后端小伙伴来学前端了」Vue中利用全局事件总线改造 TodoList 案例

前言上上篇写了:????Vue中利用Props实现TodoList案例上篇写了:????Vue中全局事件总线的概念及基本使用这篇就打算用全局事件总线来改造一下之前写的TodoList案例,一天学习一点,我们一起进步冲。一、案例效果需要实现的东西,和之前是一样的,只是我们换成用全局事件总线来进行组件之间的通信。二、分析为什么要换成全局事件总线为什么需要换成全局事件总线勒?我们拿Props也能够实现这些功能啊,可以是可以实现,但是我们看看之前有哪些问题的存在。我们之前在App组件中套入了一个L

2021-11-18 00:34:07 315 1

原创 「后端小伙伴来学前端了」Vue中利用全局事件总线实现组件之间通信

月亮啊月亮你能照见南边,也能照见北边照见她,你跟她说一声,就说我想她了。前言前一篇文章写了 vue 中利用 Props 实现组件之间的通信,那种方式是最简单也是最基础的组件之间的通信方式。父组件通过 props 向下传数据给子组件,当子组件有事情告诉父组件时会通过$emit事件告诉父组件。对于父子组件,这种传递方式,是较为方便且实用的,但是对于祖孙组件或者兄弟组件,就显得不那么友善了。在Vue本身的生态中,也有一个独立的Vuex库用来处理组件之间的通讯,但很多时候,咱们并不需要动用类似Vu..

2021-11-17 00:12:11 614

原创 「后端小伙伴来学前端了」Vue中Props 实现组件通信TodoList案例

自己拍的小云彩源码在文末。前言上篇文章写了个V利用Props进行组件之间的通信,这不立马就安排上这个案例拉丫。光学不敲等于没学哈(资深大佬除外哈)目标就是实现如下的样子:能够进行增删改查,并且是在各个组件之间。一、环境准备针对这个页面,我们将他们划分为下面四个组件哈。其实也不是固定的,只是为了更好的展示组件之间的通信。项目结构:准备静态页面MyTodoHeader头部组件:<template> <div class="todo-header-box"&gt.

2021-11-15 09:05:03 675

原创 「后端小伙伴来学前端了」Vue中Props配合自定义方法实现组件间的通信

「后端小伙伴来学前端了」Vue中Props配合自定义方法实现组件间的通信这是我参与11月更文挑战的第14天,活动详情查看:2021最后一次更文挑战前言废话:上篇文章写了关于Vue 中的 props????props,讲述了概念、基本使用及注意点,在这篇文章中,我们也会用到 props和方法来让组件之间实现通信。正题:组件是Vue中非常重要的一个概念,也是模块化开发的基础。在使用vue的开发过程中,每个页面就是由多个不同的组件组合而成的。如下图:既然有多个组件,就必须要做到数据的动态性,也要

2021-11-14 01:04:53 347

原创 「后端小伙伴来学前端了」关于 Vue中的 props

校园的晚霞前言学vue必须要会的就是组件这玩意啦,不然可能就约等于白学。我自己前期完成老师布置的任务,不瞒你说,交上去,直接被骂,原因就是我一个组件没抽????(一边学,一边敲,没想那么多,只想着实现)。一个小小页面,1163行(捂脸)。然后就下定决心来好好整vue组件,其实我觉得还蛮好玩的。接下来就让我们看看组件必会的 props了解这个之前一定得懂点组件基础哈。介绍vue.js文档在props这节真就是直接上手,把我当大佬组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组

2021-11-13 21:23:20 879

原创 「后端小伙伴来学前端了」Vue脚手架中 render 函数

前言上一篇文章写了:「后端小伙伴来学前端了」分析Vue脚手架结构简单说明了Vue的脚手架结构,但是上篇文章还欠了个小点没有说完,就在这篇文章中补齐。就是所谓的render函数。一、main.js中引入的原来是残缺版vue.js我们来接着看看main.js这个入口文件。// 引入vueimport Vue from 'vue'// 引入app组件import App from './App.vue'// 关闭生产提示Vue.config.productionTip = false/.

2021-11-13 00:05:52 829

原创 「后端小伙伴来学前端了」分析Vue脚手架结构

傍晚的月亮前言每日匆匆忙忙的写老师布置的 Vue 项目,对于 Vue 始终没有一个系统的认知,每天都是遇到什么问题就去查什么样的问题。看起来好像也没啥问题,但是所有的知识都是混入的,导致没有一个像样的体系。也就导致有了以下问题的存在:难以一起讨论。和他们聊天,讲的很多东西我都插不上嘴(学习的路上一定要明白,交流才是让人进步的最快方式,也是发现自己的缺陷和长处的最快方式)解决问题的方式的不同。同样的问题,他们解决问题的代码远远比我写的优雅。看待问题的角度、深度不一样。我想的更多的是如何立马解决.

2021-11-11 16:46:48 450

原创 Idea如何方便的查看Java字节码文件,你是怎么做的

·校园的傍晚·前言作为一名Java开发人员,我想Java字节码文件是无论如何都会接触到的,也是要读懂的。面试或者是自己开始研究Java的一些底层原理,大都会遇上要字节码文件的时候。接下里咱们一起来聊聊如何idea有那几种方式查看字节码文件。idea查看字节码文件1.1、javap命令的使用在jdk工具包的bin目录下,有一个java可执行文件javap,该工具可以查看java编译后的class文件。使用命令如下命令进行查看:这个每个Jdk中都会有的。(配置了环境变量就可以直接在idea中使.

2021-11-10 20:45:47 2107 2

原创 「后端小伙伴来学前端了」Vue中 this.$set的用法 | 可用于修改对象中数组的某一个对象、 可用于更新数据到视图

夜晚有明月,梦里有佳人前言最近在写老师布置的vue项目,真的说实话,每天真就是在百度、google、bing等各个搜索引擎之间反复横跳,不然就是掘金搜一搜、思否搜一搜,还有CSDN看一看。我的前端是吃百家饭长大的,每天不知道要遇到多少问题,然后基本上周围所有的前端同学都被我问到了,基本上就是谁有空就拉谁来教我。前端太多细节问题了,一旦遇到没有接触过问题,就会非常麻烦,如果有学习前端的后端小伙伴,我觉得最快熟悉前端的方式,就是整个项目写。这可能是最快上手前端框架的方式了吧。一、vue中修改数组对象.

2021-11-09 23:22:14 2720

原创 「后端小伙伴来学前端了」Vue集成 Element-tiptap 富文本编辑器,实现气泡菜单,划词弹出菜单

Vue集成 Element-tiptap 富文本编辑器这是我参与11月更文挑战的第8天,活动详情查看:2021最后一次更文挑战前言今天在写前端的时候,就是遇到一个问题。一开始我以为用textarea去掉角标,实现自动增长,然后就可以了。谁知道它还得加样式,加粗、斜体,老师在最开始给的设计稿上根本没有。直接麻掉。后来就去搞这个富文本编辑器。感觉前端也不容易,要学习的东西真的蛮多。功能需求是这样的就是选中文章,给它加粗,加斜体,加样式,并且选中的时候能够在上面弹出一个小菜单。为了这个气泡菜单,

2021-11-09 08:15:18 1386 6

原创 「后端小伙伴来学前端了」CSS3伪元素选择器 ::before ::after | 记录自己的前端学习日子

前言本文适合前端小白,或者是复习CSS的小伙伴,因为作者还是个前端小白(????)。一直经常会看到这两玩意,但是一直没去了解这个东东,光肝Java啦,现在是为了完成老师的任务,每天是一边学一边敲代码。个人感觉前端好玩还是好玩,样式难调也是真的难调。今天也是学到了这个小知识,趁着更文分享给大家。一、伪元素概念其实从字面意思上理解即可,伪字吗,就是假的意思。伪元素其实就是一个真的存在但又是假的元素,它存在内容,但是它本身并不存在于文档树当中,也没有任何html标签。二、我们为什么要使用伪元素?H

2021-11-07 17:00:18 452

原创 「后端小伙伴来学前端了」Element修改默认样式 | 记录自己学习前端踩坑日记

一、Element修改下拉框角标就比如我最近遇上的一个问题,想要重定义 element 组件库中的下拉选择框的角标,一直不知道怎么覆盖才好。最后才知道是由伪元素做的。如果我们想要重定义element中下拉框的图标,就只要将它的伪元素做一下样式的修改就好了。.el-select__caret::before{ content: "\e78f"!important; font-size: 18px;}只要替换content中的内容即可。便可以轻松换掉图标了。我的效果图二、E

2021-11-06 23:53:27 421

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除