鸿蒙开发者社区
- 登录/注册
默认
发布时间
热度
原创
精华
【滚动条相关】
原创[TOC](文章目录)一、滚动条通用样式CSS一般很难改变滚动条的高度，它是根据内容自适应计算高度。我们能做的是优化滚动条的宽度、颜色、风格等，使得其与系统风格一致。c::webkitscrollbar{width:9px;height:1px;}::webkitscrollbarthumb{borderradius:10px;background:rgba(106,172,246,.3);}::webkitscrollbartrack{borderradius:10px;background:f0f0f0;}隐藏滚动条。c::webkitscrollbar{谷歌display:none;}div{msoverflowsty...css滚动条滚动条默认样式《吃透 MQ 系列》之扒开 Kafka 的神秘面纱
大家好，我是武哥。这是《吃透MQ系列》的第二弹，有些珊珊来迟，后台被好几个读者催更了，实属抱歉！这篇文章拖更了好几周，起初的想法是：围绕每一个具体的消息中间件，不仅要写透，而且要控制好篇幅，写下来发现实在太难了，两者很难兼得。最后决定还是分成多篇写吧。一方面，能加快下输出频率；另一方面，大家也更容易消化。废话不多说了，第二弹开始发车。01为什么从Kafka开始？《吃透MQ》的开篇围绕MQ「一发一存一消费」的...Kafka2.7 总结与回顾
原创在“第1章鸿蒙3.0真的来了”中，我们学习了基于方舟开发框架ArkUI的最新语言eTS开发鸿蒙App的全流程。那么，eTS这个“后起之秀”究竟是一门怎样怎样的语言？它和JavaScript和Typescript是怎样的关系？本章第一节介绍了eTS物种起源。在已经存在JavaUI和JsUI的情况下，华为为什么还要推出eTS？基于eTS的ArkUI有什么优势？在本章第二节中，我们对“基于eTS的方舟开发框架ArkUI的鸿蒙开发”做一个SWOT分析，即，优点、缺点、机会和...ArkUIeTSHarmonyOS 3.0鸿蒙开发方舟开发框架《吃透 MQ 系列》之核心基础篇
上一篇文章中谈到了《吃透系列》的讲解思路：先找到每个技术栈最本质的东西，然后以此为出发点，逐渐延伸出其他核心知识。所以，整个系列侧重于思考力的训练，不仅仅是讲清楚What，而是更关注Why和How，以帮助大家构建出牢固的知识体系。回到正文，这是技术系列《吃透MQ》的开篇。本文主要讲解MQ的通用知识，让大家先弄明白：如果让你来设计一个MQ，该如何下手？需要考虑哪些问题？又有哪些技术挑战？有了这个基础后，我相信后...MQMyBatis 插件原理与实战
前言大家好，我是田螺。最近在做新项目，基于若依（前后端分离版本）做的，他也使用了常用的分页插件PageHelper。老规矩，今天文章还是分三步走，先上文章导读，然后讲原理，最后讲解源码案例。最后达到的效果就是希望读者朋友们在看完我写的这篇文章后，能够秒懂别人写的MyBatis插件并且能够开发出自己的MyBatis的插件。文章导读MyBatis插件原理与实战什么是插件？插件就是在具体的执行流程插一脚（触发点、拦截器）来实现具体...MyBatis【css 如何实现盒子垂直居中】
原创[TOC](文章目录)一、利用display：flex原理就是定位中心点是盒子的左上顶点，所以定位之后我们需要回退盒子一半的距离。c.parent{display:flex;justifycontent:center;alignitems:center;}二、利用定位（常用方法,推荐）原理就是定位中心点是盒子的左上顶点，所以定位之后我们需要回退盒子一半的距离。计算方法：父盒子高度或者宽度的一半减去子盒子高度或者宽的的一半。c.parent{position:relative;border:1pxsolidf00;width:1...css盒子垂直居中【nginx安装及部署教程】
原创[TOC](文章目录)前言因为工作网络的特殊性，服务器是不连互联网的，所以整个安装过程都是采用离线包安装的方式来安装。nginx部署【前端开发规范】
原创原文前端开发规范（实验室版）简书前言一、HTML命名规范二、HTML引号、缩进和注释三、CSS一般规范四、Javascript的命名空间规范原文前端开发规范（实验室版）前言在团队协作开发中，若个人的编码习惯不规范，会造成后期代码维护成本很高，一段规范、可读性很高的代码，会让开发者心情愉悦。一、HTML命名规范文件名称命名统一用小写的英文字母，数字和下划线的组合，不得包含汉字空格和特殊符号。不推荐产品.htmlindex%.htmlab...开发规范【前端滚动条相关】
原创[TOC](文章目录)一、滚动条通用样式CSS一般很难改变滚动条的高度，它是根据内容自适应计算高度。我们能做的是优化滚动条的宽度、颜色、风格等，使得其与系统风格一致。c::webkitscrollbar{width:9px;height:1px;}::webkitscrollbarthumb{borderradius:10px;background:rgba(106,172,246,.3);}::webkitscrollbartrack{borderradius:10px;background:f0f0f0;}隐藏滚动条。c::webkitscrollbar{谷歌display:none;}div{msoverflowsty...前端滚动条如何实现一个任务调度系统（二）
4中心化流派中心化的原理是：把调度和任务执行，隔离成两个部分：调度中心和执行器。调度中心模块只需要负责任务调度属性，触发调度命令。执行器接收调度命令，去执行具体的业务逻辑，而且两者都可以进行分布式扩容。4.1MQ模式先谈谈我在艺龙促销团队接触的第一种中心化架构。调度中心依赖Quartz集群模式，当任务调度时候，发送消息到RabbitMQ。业务应用收到任务消息后，消费任务信息。这种模型充分利用了MQ解耦的特性，调度中...任务调度Kafka 精妙的高性能设计（上篇）
大家好，我是武哥。这是《吃透MQ系列》之Kafka的第4篇，错过前3篇的，通过下面的链接一睹为快：第1篇：扒开Kafka的神秘面纱第2篇：Kafka架构设计的任督二脉第3篇：Kafka存储选型的奥秘第3篇文章我深入剖析了Kafka选用「日志文件」作为存储方案的来龙去脉以及背后「磁盘顺序写+稀疏索引」的精妙设计思路。但是，Kafka能做到单机每秒几十万的吞吐量，它的性能优化手段绝不止这一点。Kafka的高性能设计可以说是全方位的，从Prodcue...Kafka品味Spring Cache设计之美（二）
3入门例子首先我们先创建一个工程springcachedemo。caffeine和Redisson分别是本地内存和分布式缓存Redis框架中的佼佼者，我们分别演示如何集成它们。3.1集成caffeine3.1.1maven依赖<dependency><groupId>org.springframework.boot<groupId><artifactId>springbootstartercache<artifactId><dependency><dependency><groupId>com.github.benmanes.caffeine<groupId><artifactId>caffeine<artifactId><version>2.7.0<version><dep...Spring Cache后端工程师的「跨域」之旅（二）
3后端配置后端配置我尝试过两种方式，经过两个月的测试，都能非常稳定的运行。◆MND推荐的Nginx配置；◆SpringBoot自带CorsFilter配置。▍MND推荐的Nginx配置Nginx配置相当于在请求转发层配置。location{if($requestmethod'OPTIONS'){addheader'AccessControlAllowOrigin''';addheader'AccessControlAllowMethods''GET,POST,OPTIONS';CustomheadersandheadersvariousbrowsersshouldbeOKwithbutaren'taddheader'AccessControlAll...跨域如何实现一个任务调度系统（一）
阅读一篇「定时任务框架选型」的文章时，一位网友的留言电到了我：我看过那么多所谓的教程，大部分都是教“如何使用工具”的，没有多少是教“如何制作工具”的，能教“如何仿制工具”的都已经是凤毛麟角，中国软件行业，缺的是真正可以“制作工具”的程序员，而绝对不缺那些“使用工具”的程序员！......”这个业界最不需要的就是“会使用XX工具的工程师”，而是“有创造力的软件工程师”！业界所有的饭碗，本质就是“有创造力...任务调度《吃透 MQ 系列》之 Kafka 架构设计的任督二脉
大家好，我是武哥。这是《吃透MQ系列》的第三篇，有关Kafka的架构设计。这篇文章将带着大家参透：到底什么是Kafka架构设计的任督二脉？把握住了这个关键点，我相信你将能更好地理解Kafka的架构设计，进而顺藤摸瓜地掌握Kafka的核心技术方案。废话不多说了，开始发车。1.Kafka的技术难点究竟在哪？前一篇文章《扒开Kafka的神秘面纱》交代了两个关键信息：1、Kafka为实时日志流而生，要处理的并发和数据量非常大。可见，Kafka本身...Kafka品味Spring Cache设计之美（一）
最近负责教育类产品的架构工作，两位研发同学建议：“团队封装的Redis客户端可否适配SpringCache，这样加缓存就会方便多了”。于是边查阅文档边实战，收获颇丰，写这篇文章，想和大家分享笔者学习的过程，一起品味SpringCache设计之美。1硬编码在学习SpringCache之前，笔者经常会硬编码的方式使用缓存。举个例子，为了提升用户信息的查询效率，我们对用户信息使用了缓存，示例代码如下：AutowireprivateUserMapperuserMapper;Au...Spring Cache我与消息队列的八年情缘（二）
3升华MetaQMetamorphosis的起源是我从对linkedin的开源MQ–现在转移到apache的kafka的学习开始的，这是一个设计很独特的MQ系统，它采用pull机制，而不是一般MQ的push模型，它大量利用了zookeeper做服务发现和offset存储，它的设计理念我非常欣赏并赞同，强烈建议你阅读一下它的设计文档，总体上说metamorphosis的设计跟它是完全一致的。MetaQ的作者庄晓丹3.1惊艳消费者模型2015年，我主要从事神州专车订单研发工作。MetaQ...消息队列我与消息队列的八年情缘（一）
谈起消息队列，内心还是会有些波澜。消息队列，缓存，分库分表是高并发解决方案三剑客，而消息队列是我最喜欢，也是思考最多的技术。我想按照下面的四个阶段分享我与消息队列的故事，同时也是对我技术成长经历的回顾。◆初识：ActiveMQ◆进阶：Redis&RabbitMQ◆升华：MetaQ◆钟情：RocketMQ1初识ActiveMQ1.1异步&解耦2011年初，我在一家互联网彩票公司做研发。我负责的是用户中心系统，提供用户注册，查询，修改等基础功能。用...消息队列品味Spring Cache设计之美（三）
4自定义二级缓存4.1应用场景笔者曾经在原来的项目，高并发场景下多次使用多级缓存。多级缓存是一个非常有趣的功能点，值得我们去扩展。多级缓存有如下优势：1.离用户越近，速度越快；2.减少分布式缓存查询频率，降低序列化和反序列化的CPU消耗；3.大幅度减少网络IO以及带宽消耗。进程内缓存做为一级缓存，分布式缓存做为二级缓存，首先从一级缓存中查询，若能查询到数据则直接返回，否则从二级缓存中查询，若二级缓存中可以查询...Spring Cache专车数据层「架构进化」往事（一）
很多年前，读了子柳老师的《淘宝技术这十年》。这本书成为了我的架构启蒙书，书中的一句话像种子一样深埋在我的脑海里：“好的架构是进化来的，不是设计来的”。2015年，我加入神州专车订单研发团队，亲历了专车数据层「架构进化」的过程。这次工作经历对我而言非常有启发性，也让我经常感慨：“好的架构果然是一点点进化来的”。1单数据库架构产品初期，技术团队的核心目标是：“快速实现产品需求，尽早对外提供服务”。彼时的...架构进化
