一款轻量化的移动端 UI 组件库，风格中性，css3动效性能优秀，支持按需加载。关于 Mint UIMint UI 是饿了么前端团队出品的移动端 UI 组件库，基于 Vue 2.0 构建，继桌面 UI 组件库 Element UI 后又一个优秀的开源 UI 组件库，包含丰富的 CSS 和 JS 组件，能够快速构建出风格统一的页面，提升开发效率。Mint UI 组件库特性UI 设...

在现代Web系统大流行时代，一款功能强大而切支持协作的Web的富文本编辑器是系统的最关键的组成部分。一款可真正在生产环境中使用的即插即用编辑器，可以能够解决我们实时协作问题：通过浏览器编辑结构化文档，并在屏幕上显示彼此的更改，从而使相隔数千里的用户能够进行协作编辑。本文我们就来介绍一些这样的Web编辑器。TinyMCETinyMCE是一款轻量级所见即所得开源Web编辑器，基于L...

一、简介Apache Kafka 是一个分布式的流处理平台（分布式的基于发布/订阅模式的消息队列【Message Queue】）。流处理平台有以下3个特性：可以让你发布和订阅流式的记录。这一方面与消息队列或者企业消息系统类似。可以储存流式的记录，并且有较好的容错性。可以在流式记录产生时就进行处理。1.1 消息队列的两种模式1.1.1 点对点模式生产者将消息发送到queue中，然...

密码发展历史果奔时代最初，密码以纯文本格式存储。假定密码是安全的，因为数据存储密码已保存在访问它所需的凭据中。但是，恶意用户能够使用SQL注入之类的攻击找到方法来获取用户名和密码的大型“数据转储”。随着越来越多的用户凭证成为公共安全专家，我们意识到我们需要做更多的事情来保护用户的密码。单向 Hash然后鼓励开发人员在通过诸如SHA-256之类的单向哈希运行密码后存储密码。由于散...

Eureka架构图：Eureka架构图1.服务注册（register）：Eureka Client会通过发送REST请求的方式，向Eureka Server注册自己的服务。注册时，提供自身的元数据，比如ip地址、端口、运行状况指标、主页地址等信息。Eureka Server接收到注册请求后，就会把这些元数据信息存储在一个双层的Map中。 什么时候注册？在启动微服务的时候。2.服...

最近收到测试人员的反馈说我们开发的页面偶现卡死，点击无反应的情况，特别是打开页面较久的时候发生概率较高。打开任务管理器，看到内存占有率已经很高了，初步判断可能存在内存泄漏的情况。下面排查内存泄漏的原因。系统进程不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak）。当内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。Chrome 限制了浏览器所能使用的内存极...

现在很多企业公司或品牌都会将自己开发的设计素材开放出来，像是图标集、字体或是网页框架等等，使这些项目可以被更多人使用，或是在开源的情况下创造出更多可能性，当然一方面也能提高被看到的机会。之前介绍过IBM Plex 就是其中一个例子：除了腾讯，这5家世界顶级公司也有自己的专属字体（打包下载）编者按：最近腾讯发布了一个中文字库，引起了很多设计师的热议，中文字体开发难度大，时间长，能...

今天谈下对API网关接入的接口服务进行安全管理方面的内容。在原来谈Kong网关的时候，曾经谈到Kong网关和安全相关的插件能力，其中包括了身份认证插件：Kong提供了Basic Authentication、Key authentication、OAuth2.0 authentication、HMAC authentication、JWT、LDAP authentication...

一、promise对象的使用所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件的结果。从语法上说，Promise 对象用于表示一个异步操作的最终完成 (或失败), 及其结果值。对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。then 方法then 方...

继承 Ant Design 专业美观的优点，支持PC/手机/平板的响应式布局的优秀后台管理系统 UI 框架。关于 Artiely Vue AdminAnt Design 是阿里巴巴蚂蚁金服团队出品的前端 UI 组件库，背靠大厂、设计优美，是一个 React 实现的主要用于中后台管理系统的 UI 框架，同时为不同技术路线的前端开发者提供了 Angular 和 Vue 的实现。An...

介绍AOS是一个用在网页滚动中的动画库，顾名思义，AOS是随着滚动条而伴随的网页动画效果，AOS非常有效的使某些长网页更加的生动和丰富，对于提升网页整体质量具备了促进作用。Github14.9k stars，可见使用的人还是非常多的https://github.com/michalsnik/aos使用方式下载好相应的js和css文件 <link rel="styleshe...

简介OpenID Connect简称为OIDC，已成为Internet上单点登录和身份管理的通用标准。 它在OAuth2上构建了一个身份层，是一个基于OAuth2协议的身份认证标准协议。OAuth2实际上只做了授权，而OpenID Connect在授权的基础上又加上了认证。OIDC的优点是：简单的基于JSON的身份令牌（JWT），并且完全兼容OAuth2协议。今天我们将会介绍一...

之前业务开发时，有一个字段接收的数据是Json格式的，并且需要以Json形式入库：数据库中是这样存储的，这里实际是一个Json数组。[   {     "label": "result1",     "name": "较好",   &nbs...

简介在现代的网站中，我们经常会遇到使用OAuth授权的情况，比如有一个比较小众的网站，需要用户登录，但是直接让用户注册就显得非常麻烦，用户可能因为这个原因而流失，那么该网站可以使用OAuth授权，借助于github或者其他的第三方网站的认证授权，来获取相关的用户信息，从而避免了用户注册的步骤。当然，很可能在第三方网站上授权获得用户信息之后，还需要在本网站填写一些必要的信息进行绑...

接口的统一返回在开发公司接口时，发现Controller层的接口返回都需要用一个Result包裹，如下图所示：图示代码中无论是创建接口或者查询接口，这里都需要用一个Result去接收，我们来看看Result的结构：这个Result中有几个字段：“code：状态码message：状态信息data：装载正真返回的数据exception：异常数据”然后我们测试下接口，看看返回样式：调...

尽管Spring Cloud Gateway已经包含了很多路由匹配规则，有时候我们需要开发自定义路由匹配规则来满足需求，下面简单的介绍一下如何自定义路由匹配规则。需求转发请求参数中带有token并且token值为123的请求。实现实现有三步步骤，如下所示修改配置文件spring: profiles: customPredicate cloud: gateway:...

1. Seata 概述Seata 是 Simple Extensible Autonomous Transaction Architecture 的简写，由 feascar 改名而来。Seata 是阿里开源的分布式事务框架，属于二阶段提交模式。目前github上已经有 12267 颗星了，也很活跃，最新的提交时间很多都是几天前。首先我们回顾一下在单体应用中，例如一个业务调用了3...

Swagger是研发的好帮手，可以减少前后端的很多沟通成本。甚至在一些比较高级的公司，还能减少和测试人员的沟通成本。所以只要一个项目采用了SpringBoot框架，Swagger几乎是必选的组件。可惜的是，Swagger只是一个工具。集成的时候，需要修改pom文件，增加两个jar包。还要做配置，运气不好的项目还需要修改WebMvcConfigurer中的内容。在SpringBo...

简介Seata 是一款开源的分布式事务解决方案，致力于提供高性能和简单易用的分布式事务服务。Seata 将为用户提供了 AT、TCC、SAGA 和 XA 事务模式，为用户打造一站式的分布式解决方案。角色Seata 的设计思路是将一个分布式事务可以理解成一个全局事务，下面挂了若干个分支事务，而一个分支事务是一个满足 ACID 的本地事务，因此我们可以操作分布式事务像操作本地事务一...

知名多端开发框架 uni-app 生态里优秀的UI框架，一次编写，多端发布。 uView UI 是一个用于 uni-app 多端开发的优质 UI 组件库，由第三方爱好者的团队编写。介绍 uView UI 之前，先简单介绍一下 uni-app。uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以...

我的想法：如果我要构建快速可靠的网站，需要真正了解浏览器渲染网页的每个步骤机制，这样就可以在开发过程中对每个步骤进行优化。这篇文章是我在较高水平上对端到端过程的学习总结。好了，废话不多说，我们开始吧。这个过程可以分为以下几个主要阶段：开始解析HTML获取外部资源解析 CSS 并构建CSSOM执行 JavaScript合并 DOM 和 CSSOM 以构造渲染树计算布局和绘制1.开...

我们常见的工作流流程图，通过各元素的拖拽生成，如下图：要想生成根据业务需求制定的流程图，首先要知道这些构成元素代表的是什么，这篇就来将一下这些元素的作用。通过activiti集成eclipse，会在开发工具的右边显示这些元素：从一级分类中可以看出，分为开始事件、结束事件、任务、子流程和调用节点、网关、边界事件、捕获和触发事件、顺序流等，下面就来介绍一下里面的子元素：一、开始事...

现在在线的办公套件使用频率越来越高，不论是国外的Google 办公套件还是国内的石墨文档，金山文档等，都是很优秀的产品。开源领域里也有不少优秀的在线表格开源项目，那么今天所推荐的 Luckysheet 究竟有什么不同之处呢？那就继续往下看看吧。 项目名称：Luckysheet项目作者：mengshukeji开源许可协议：MIT项目地址：https://gitee.com/men...

Promise的作用它是异步编程的一种方式，它比传统的异步回调和事件更合理也更优雅！从Promise的使用中能看出什么？首先我们手写一个常见的使用方式//demo1new Promise(function (resolve, reject) { resolve('123')}).then(function (value) { return value;}).then(funct...

调色是大家学习摄影后期时的一大难题。其根源并不在于我们不明白各种调色工具的使用，而是大家常常缺乏思路，不知道怎样搭配色彩才舒服、好看。 其实在色彩的搭配上，美术、设计等学科，早已探索出了很多的规律，可以被我们摄影师借鉴学习。 要学习色相的搭配，首先要认识RYB色环（又叫伊顿12色相环），这个色环是以红黄蓝这三种颜色为原色的色环。色环上一共有12种主要颜色。在0度位置是黄色，12...

spring boot admin 2.2.4 版本发布，本版本为 bug 修复版本 主要兼容 spring boot 2.3.x。<dependency> <groupId>de.codecentric</groupId> <artifactId>spring-boot-admin-starter-client</ar...