自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小青蛙的博客

点滴积累,收获快乐 ; 很高兴把博客搬来csdn, 原博客地址:blog.sina.com.cn/riversfrog

  • 博客(271)
  • 资源 (3)
  • 收藏
  • 关注

原创 kafka + Springboot 实战测试操作完整文档记录

本篇文章将介绍如何在`Springboot`中使用`kafka`推送和消费数据,并且会介绍到相关的数据操作,消息记录,数据存储等等相关实战知识点。

2022-08-19 11:16:32 926 1

原创 kafka windows 下 安装和使用 相关踩坑和文档记录

kafka windows 下 安装和使用 相关踩坑和文档记录

2022-07-19 16:16:51 1070

原创 Elastic search + SpringBoot 数据操作增删改查

Elastic search + SpringBoot 数据操作增删改查

2022-07-12 11:17:10 839

原创 ElasticSearch + kibana 基础查询文档大全

ES REST 风格说明,一种软件架构风格,而不是标准,只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁 ,更有层次,更易于实现缓存等机制。...

2022-07-06 19:22:35 600

原创 SpringBoot+MyBatisPlus+Redis+Jwt+Shiro+Vue 完整博客文章管理前后端实战

从零开始搭建一个项目骨架,最好选择合适,熟悉的技术,并且在未来易拓展,适合微服务化体系等。所以一般以Springboot作为我们的框架基础,这是离不开的了。然后数据层,我们常用的是Mybatis,易上手,方便维护。但是单表操作比较困难,特别是添加字段或减少字段的时候,比较繁琐,所以这里我推荐使用Mybatis Plus,为简化开发而生,只需简单配置,即可快速进行 CRUD`操作,从而节省大量时间。...

2022-07-04 16:45:18 2329

原创 Wordpress+Apche+HTTPS下配置网站伪静态问题总结

搭了个wordpress网站,网站服务配置 Wordpress+Apche+HTTPS 准备持续输出写点东西,文章变多之后,优化SEO等等都需要跟上,所以搞了下.htaccess伪静态,不过配置好后,基本上只能http:/localhost和http://xxx.com才能访问,https://根本无法访问,所以研究了下,记录下来:<VirtualHost *:443>DocumentRoot /var/www/jubao/did/www/apiAlias /Public /var/ww

2021-05-27 18:48:36 320

原创 docker 停止、启动、删除镜像指令操作总结

docker 停止、启动、删除镜像指令容器操作 docker ps // 查看所有正在运行容器 docker stop containerId // containerId 是容器的ID docker ps -a // 查看所有容器 docker ps -a -q // 查看所有容器ID docker start $(docker ps -a -q) // start启动所有停止的容器 docker stop $(docker ps -a -q) // stop停止所有容器 docker

2020-10-10 15:44:22 1379

原创 百度搜索技巧汇总

搜索A屏蔽B的信息格式:A -B例如:科学 -技术注意:- 前必须有空格搜索包含A的信息或者包含B的信息格式:A|B例如:学习|知识把搜索范围限定在网页标题格式:A intitle:B例如:ps intitle:技巧注意:intitle:后面不能有空格将搜索范围界定在指定网站中格式:A site:站点域名例如:百度杀毒 site:www.skycn.com注意:site:后面不能有空格将搜索范围界定在url链接中格式:A inurl:特定url例如:帮助 inurl:bai

2020-09-23 15:45:22 4650

原创 使用 Vue.js,React.js 及 Hypernova 构建微前端服务

使用Vue.js,React.js和Hypernova 构建微前端服务如果大家不熟悉Hypernova,则可以阅读本文。软件架构的演变在软件开发的早期,前端和后端代码是由同一团队使用相同的运行时环境和部署过程来维护的,如今,我们将这些代码称为整体应用程序。随着系统变得越来越复杂,我们开始将代码分成两个小组,分别由两个具有专门技能的团队维护:前端和后端,后端团队可以专注于构建弹性和高可用性的系统,而前端团队可以专注于浏览器的兼容性, UI设计和UX。但这还不够,随着复杂性的增长,我们开始将后端的业

2020-08-24 14:57:22 421

原创 如何在Vue中实现一个Redux状态管理呢?

在Vue中实现一个Redux状态管理?我们都知道 redux 通常是 react 项目中 中一种管理数据的手段,它跟我们 vue 项目里的 Vuex 状态管理类似,功能相同,但是使用方法却有不同~最近在学习 redux 这一块,为了更好的帮助跟我一样的萌新更加深入的了解 redux 的内部原理,我们就来试试,手动实现一个简单的 redux 状态管理。不同的是,我们是在 vue 项目中来实现的~需求先行我们要实现 redux ,首先要给自己定个小目标,也就是一个业务场景,我们呀,也别想那么复杂,就以

2020-07-21 17:01:30 751 1

原创 git如何忽略已经commit的文件

git如何忽略已经提交的文件 (.gitignore文件无效)一. 问题在初始化git仓库的时候没有创建.gitignore文件来过滤不必要提交的文件, 后来却发现某些文件不需要提交, 但是这些文件已经被提交了, 这时候创建.gitignore文件忽略这些文件时, 发现ignore的规则对那些已经被track的文件无效.其实.gitignore文件只会忽略那些没有被跟踪的文件, 也就是说ignore规则只对那些在规则建立之后被新创建的新文件生效. 因此推荐: 初始化git项目时就创建.gitigno

2020-06-18 09:46:09 3895

原创 TypeScript 类型声明书写踩坑全解析

本文总结了TypeScript类型声明的书写,很多时候写TypeScript不是问题,写类型就特别纠结,我总结下,我在使用TypeScript中遇到的问题。如果你遇到类型声明不会写的时候,多看看lodash的声明,因为lodash对数据进行各种变形操作,所以你能遇到的,都有参考示例。基本类型 // 变量 const num: number = 1; const str: string = 'str'; const bool: boolean = true; const nulls: null.

2020-06-12 10:43:45 10009

原创 Vue 和 React 的组件更新粒度有什么区别?

前言我们都知道 Vue 对于响应式属性的更新,只会精确更新依赖收集的当前组件,而不会递归的去更新子组件,这也是它性能强大的原因之一。例子举例来说 这样的一个组件:<template> <div> {{ msg }} <ChildComponent /> </div></template>我们在触发 this.msg = 'Hello, Changed~' 的时候,会触发组件的更新,视图的重新渲染。

2020-06-10 09:36:32 1535

原创 7个提升网页SVG文件可访问性的方案 seven solutions to improve the accessibility of svg files on web pages

seven solutions to improve the accessibility of svg files on web pagessvg is a format of picture file, it’s short for scalable vector graphics, which means is a vector graphics that scalable. then we introduce seven solution to improve the accessibility

2020-06-09 12:45:47 454

原创 一些提升css性能的小知识 Some tips to improve the performance of CSS

Some tips to improve the performance of CSSeveryone knows that the performance is very important for website. and the css as a important part of web page renderering and content show. It affects the user’s first experience of the entire website.we usual

2020-06-08 16:46:58 590

原创 如果有人问,从输入URL到页面展示,这中间发生了什么?

“在浏览器里,从输入 URL 到页面展示,这中间发生了什么? ”这是一道经典的面试题,能比较全面地考察应聘者知识的掌握程度,其中涉及到了网络、操作系统、Web 等一系列的知识。所以我在面试应聘者时也必问这道题,但遗憾的是大多数人只能回答其中部分零散的知识点,并不能将这些知识点串联成线,无法系统而又全面地回答这个问题。从输入 URL 到页面展示完整流程示意图:从图中可以看出,整个过程需要各个进程之间的配合,所以在开始正式流程之前,我们还是先来快速回顾下浏览器进程、渲染进程和网络进程的主要职责。浏览

2020-06-08 11:45:56 422

原创 3 分钟上手 CSS Grid 布局

CSS Grid 布局是 CSS 中最强大的布局系统。与 flexbox 的一维布局系统不同,CSS Grid 布局是一个二维布局系统,也就意味着它可以同时处理列和行。通过将 CSS 规则应用于 父元素 (成为 Grid Container 网格容器)和其 子元素(成为 Grid Items 网格项),你就可以轻松使用 Grid (网格) 布局。基础知识截至2017年3月,许多浏览器都提供了对 CSS Grid 的原生支持,而且无需加浏览器前缀:Chrome(包括 Android ),Firefox,.

2020-06-04 15:49:24 482

原创 18行JavaScript代码构建一个倒数计时器

18行JavaScript代码构建一个倒数计时器有时,您将需要构建一个JavaScript倒数时钟。您可能有活动,销售,促销或游戏。您可以使用原始JavaScript构建时钟,而不用寻找最近的插件。虽然有很多很棒的时钟插件,但是使用原始JavaScript可以带来以下好处:您的代码将是轻量级的,因为它将具有零依赖性。您的网站将表现更好。您无需加载外部脚本和样式表。您将拥有更多控制权。您将构建时钟,使其行为完全符合您希望的方式(而不是尝试将插件弯曲到您的意愿)因此,事不宜迟,这里介绍了如何仅

2020-06-03 15:31:25 1949

原创 2020年 Top 6+ 最佳免费字体网站

2020年 Top 6+ 最佳免费字体网站您需要您的网站或应用程序看起来令人惊叹,而排版是设计中不可忽视的关键因素。那么,到2020年,您在哪里可以找到符合高质量标准的免费字体?

2020-05-27 15:23:15 1399

原创 使用cURL和JavaScript操作线上Airtable API图文详解

带有cURL和JavaScript的Airtable API教程如果您正在寻找一种快速简便的方式来保存应用程序数据,那么Airtable就是您的最佳选择。Airtable基本上是一个像数据库一样的Excel工作表,具有大量的灵活性和用于检查/创建数据的GUI。目录基础入门APIPostman中带有HTTP请求的CRUD操作使用JavaScript进行CRUD操作小结最近,我已经将Airtable用作我的一些演示应用程序的数据库,我喜欢它。例如,还有其他一些不错的选择,例如Firebas

2020-05-26 15:47:46 1593

原创 Deno 与 Node 两款前端神器的争锋与较量

Deno 正式发布啦,还不清楚 Deno和 Node 的区别嘛?那就赶紧 take part in ....前言Deno 已经正式发布了????!我说这句话时候,是不是很多前端 和 NodeJS 工(码)程(农)师已经按不住自己的40米大刀了。心中的不仅感慨前端是真的会造轮子,有了 node 还不够吗,还没学会 node 又搞了个 deno,node 和 deno 啥区别?!的确,deno 和 node 形态很相似,要解决的问题似乎也相同,那他们到底有啥区别,让我们走进本篇文章,一探究竟。Deno

2020-05-25 16:57:20 971 1

原创 NW.JS 客户端开发入坑指南

基础概述NW.js 是基于 Chromium 和 Node.js 运行的, 以前也叫nodeWebkit。这就给了你使用HTML和JavaScript来制作桌面应用的可能。在应用里你可以直接调用Node.js的各种api以及现有的第三方包。因为Chromium和 Node.js 的跨平台,那么你的应用也是可以跨平台的。Getting Started1、安装对应的模块包:cnpm install nw nw-builder -Snw :基于Chromium和io.js的应用程序运行时。用于构建将

2020-05-21 13:43:51 977

原创 github开源库搜索技巧整理

一、GitHub基本信息1、项目名称2、项目简介3、项目的README.md文档 (项目的详细介绍)4、项目的最后更新时间二、常用搜索方式列举在 name、readme、description 等关键词内容中条件查找#单个条件in:name spring boot#多个条件直接在上一个条件中追加即可in:name spring boot in:readme redis...

2020-04-27 18:25:12 686

原创 python vscode 入门级保姆配置

python vscode 入门级保姆配置本套课程,大喵将带着大家使用vscode这款轻量级编辑器神器,配置python语言开发配置什么是 vscode 编辑器?Visual Studio Code(以下简称vscode)是一个轻量且强大的跨平台开源代码编辑器(IDE),支持Windows,Mac OS X和Linux。内置JavaScript、TypeScript和Node.js支持,而且...

2020-03-20 11:58:54 1093 1

原创 tsconfig.json 配置详解

tsconfig.json 配置详解:Basic OptionsStrict Type-Checking OptionsAdditional ChecksModule Resolution OptionsSource Map OptionsExperimental Options{ "compilerOptions": { /* Basic Options */ ...

2020-03-12 11:19:13 1600

原创 Flutter ListView (动态)列表组件、水平列表组件、图标组件详解

Flutter ListView (动态)列表组件、水平列表组件、图标组件Flutter ListView 基础列表组件、水平列表组件、图标组件列表常见的几种情况:垂直列表垂直图文列表横向列表动态列表ListView组件常用的参数:scrollDirection: Axis, Axis.horizontal 横向列表 Axis.vertical 垂直列表(默认垂直列表)p...

2020-02-25 13:55:23 2017

原创 Flutter 图片 Image 容器组件详解

Flutter 图片 Image 容器组件Flutter 基础组件 Image 图片容器组件详情使用介绍Flutter Image 组件介绍引入图片的几种方式:Image.asset: 加载资源图片,就是加载项目资源目录中的图片,加入图片后会增大打包的包体体积,用的是相对路径。Image.network: 网络资源图片,意思就是你需要加入一段http://xxxx.xxx的这样的网络...

2020-02-22 14:56:47 1262

原创 Flutter Container、Text 容器组件使用知识点详解

Flutter Container、Text 容器组件Flutter 基础组件 Container、Text 容器组件详情使用介绍Flutter Text 组件介绍代码案例演示:Text( 'Flutter 基础项目 飞翔的喵喵', textDirection: TextDirection.ltr, style: TextStyle( // 文本样式 col...

2020-02-18 11:57:27 1411

原创 Flutter 目录结构,入口文件,自定义组件,常用组件使用概述总结

Flutter 基础入门目录结构介绍,入口,自定义Widget,Center组件,Text组件,MaterialApp组件,Scaffold组件目录结构介绍文件夹作用androidandroid平台相关的代码iosios 平台相关代码libflutter 相关代码,我们主要编写的代码就在这个文件夹test用于存放测试代码pubspec.ya...

2020-02-17 19:22:44 815

原创 Dart泛型方法、类、接口及自定义、内置、第三方库相关知识概述总结

Dart 泛型泛型方法 泛型类 泛型接口泛型的理解:泛型就是解决 类 接口 方法的复用性、以及对不特定数据类型的支持(类型校验)场景,如果我们不指定类型传入参数,返回值的类型就得是这个类型:// 1. 对传入参数和返回值 进行校验T getData<T>(T value){ return value;}// 2. 对传入参数进行校验 和 返回值不校验getDat...

2020-02-08 19:38:51 873

原创 Dart基础函数、类、对象、静态成员、操作符、继承及抽象类知识点总结

Dart中的函数1. 涉及函数相关的知识点: (1) 函数的定义 (2) 可选参数 -> (3) 默认参数 (4) 命名参数 (5) 箭头函数 (6) 匿名函数 (7) 闭包等2. 内置方法 print()等3. 自定义方法 基本格式: 返回类型(void等) 方法名称(funcName)( 参数1, 参数2, ... ) { ...

2020-02-06 13:29:37 648

原创 Dart 循环、集合与映射知识点归纳总结

Dart 循环语句:for、while、 do...while、 break、 continuefor 基本语法:(非常类似于JS的写法)for(int i=1;i<=100;i++){ print(i);}while 基本语法:while(表达式/循环条件){ //...}do…while… 基本语法:do{ //...}while(表达式/循环条件)...

2020-02-03 14:10:40 940

原创 Dart 基础变量、常量、命名规则、数据类型及转换相关知识点归纳总结

Dart 变量:dart是一个强大的脚本类语言,可以不预先定义变量类型,自动会类型推到dart 中定义变量可以通过var关键字可以通过类型来申明变量例如: var str = 'this is var'; String str = 'this is var'; int str = 123;注意: var 后面不要写类型, 写了类型就不要写var, 两者都写报错 var a...

2020-02-02 19:59:34 600

原创 React setState() 的原理解析

setState 的原理机制解析我们本章节主要是要来分析一下React中常见的setState方法,熟悉React的小伙伴应该都知道,该方法通常用于改变组件状态并用新的state去更新组件。但是,这个方法在很多地方的表现总是与我们的预期不符,先来看几个案例。常见案例class Root extends Component { constructor(props) { super...

2020-01-19 15:10:50 1901

原创 理解 Virtual DOM 内部工作机制

理解 Virtual DOM 内部工作机制本章节,大喵将带着大家,深入了解下我们常用的MVVM框架的核心虚拟DOM的工作原理;相信大家对虚拟DOM的认识,并不陌生,目前莱索很多跨平台前端产品的诞生都是由于虚拟DOM的盛行,才会产生这么多跨平台开发框架;所以熟悉和了解Virtual DOM对一名前端开发工程师来说,是非常有必要的。所以跟着大喵一起来学习研究吧 ~参考资料:https:/...

2020-01-06 10:17:00 526

原创 状态提升知识点案例解析理解

状态提升知识点理解本章节大喵将带着大家,来梳理React组件数据的状态提升,做一些简单的测试研究的归纳总结;首先我们需要来了解一下,变量提升是一个什么样的东东?好,我们接着往下看,就是如果两个子组件A和B,需要利用到对方的状态的话,那么这个时候我们就需要使用到状态提升,具体的做法就是把A、B两个子组件的状态写到它们的父组件C当中,然后父组件C把状态传递到子组件A和B的props中去,这样子组...

2020-01-02 16:01:01 370

原创 高阶组件相关知识点详解

高阶组件理解本章节,我们将深入高阶组件详细了解,高阶组件相关的知识点,包括什么是高阶组件,以及如何创建高阶组件,高阶组件实现的几种方式,常用的使用场景等等;...

2019-12-31 16:18:57 712

原创 虚拟DOM的实现原理和优劣对比

虚拟DOM的实现原理和优劣对比

2019-12-24 17:28:39 3257

原创 解读 React v16+ 最新生命周期使用场景

解读 React v16+ 最新生命周期使用场景React更新到v16版本之后,出现了比较大的生命周期方法调整,包括使用方法和使用场景,本章节针对新旧的生命周期的使用方法及使用场景分别详细介绍描述总结;在介绍生命周期之前,我们首先需要搞清楚React生命周期的几个阶段:Mounting(加载阶段)Updating(更新阶段)Unmounting(卸载阶段)从上面几个生命期可以发现...

2019-12-19 17:41:17 297

原创 解读React中的事件绑定方式种类以及区别

解读React中的事件绑定方式种类以及区别本章节主要介绍React的事件绑定方式,由于类的方法默认不会绑定this,因此在调用的时候如果忘记绑定,this的值将会是undefined。通常如果不是直接调用,应该为方法绑定this。所以我们来解读下有多少种方式可以绑定this,以及它们的区别有哪些?答:4种,哪4种呢,大家继续往下看:4种方式绑定this1. 在构造函数中使用bind绑定...

2019-12-17 10:34:00 548

darwin8.5.8.iso

vmware14 安装mac10.13的虚拟机,安装vm tools时候原版会提醒无法连接到服务器,需要虚拟机挂载此iso

2018-12-18

antd+react浏览器引用案例源码

在浏览器端引入react以及antdesign直接页面开发应用,不用npm工具也可以直接开发

2018-09-25

李炎恢在线课堂PHP第一季讲义代码和文档

李炎恢在线课堂PHP第一季讲义代码和文档

2017-08-09

空空如也

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

TA关注的人

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