作为一个记录,写自适应的时候加入的Js,其实也大可不必,直接定死根部front-size即可用rem。 (function flex(window, document) { var docEl = document.documentElement var dpr = window.devicePix ...
分类:
Web程序 时间:
2020-11-23 12:31:52
阅读次数:
12
作者周信静,毕业于浙江大学,目前在CDB/CynosDB数据库内核团队参与TXSQL云数据库内核研发工作,参与了热点行更新以及一系列性能优化工作,并修复了多个MySQL官方bug。Part1背景InnoDB的自适应哈希索引(AdpativeHashIndex,以下简称AHI),是一种建立在B树索引结构上的索引结构,目的是为了进一步降低BTree的查询代价。在B树中搜索一个记录时,需要从根节点下降到
分类:
数据库 时间:
2020-11-23 11:45:11
阅读次数:
18
导语 响应式相信大家都不陌生,就是使用css的媒体查询设计,进行不同尺寸,显示不同效果,但是Tailwind CSS的响应式设计使用起来会更加爽,更加快捷方便,到底怎么搞呢?我们一起来探讨一下。 简介 Tailwind中的每个实用程序类都可以有条件地应用于不同的断点,这使得轻松构建复杂的响应式接口变 ...
页面适配计算: 假设存在一个设计稿 宽度 xxx 或者 未知page 1、设计稿存 page在一个元素 宽度100px 2、拿以上的需求去实现不同宽度的页面适配 page px = 750 rpx 1 px = 750 rpx / page 100px = 750 rpx * 100 /page 假 ...
分类:
其他好文 时间:
2020-11-19 12:16:30
阅读次数:
5
分布式系统唯一ID生成方案汇总 系统唯一ID是我们在设计一个系统的时候常常会遇见的问题,也常常为这个问题而纠结。生成ID的方法有很多,适应不同的场景、需求以及性能要求。所以有些比较复杂的系统会有多个ID生成的策略。下面就介绍一些常见的ID生成策略。 1. 数据库自增长序列或字段 最常见的方式。利用数 ...
分类:
其他好文 时间:
2020-11-17 11:48:42
阅读次数:
4
box-sizing 属性定义了应该如何计算一个元素的总宽度和总高度。 属性值 content-box默认值,标准盒子模型。 width 与 height 只包括内容的宽和高, 不包括边框(border),内边距(padding),外边距(margin)。注意: 内边距、边框和外边距都在这个盒子的外 ...
分类:
其他好文 时间:
2020-11-16 13:10:20
阅读次数:
2
一、块级元素: 1、常见块级元素:h1~h6、p、div、ul、ol、li 2、特点: ①、自己独占一行。 ②、高宽、内外边距都可以控制。 ③、默认宽度时父级宽度。 ④、是一个容器和盒子,里面可以放行内元或者块级元素。 3、注意: ①、文字类元素内不能使用块级元素。 例如:<p>、<h>标签主要用于 ...
分类:
其他好文 时间:
2020-11-13 12:56:47
阅读次数:
7
云原生时代,Java还是Go?Java曾经著名的座右铭:"一次编写,到处运行",已经很过时了,因为现在我们只想在容器里运行代码。在容器里,一个"Justintime"的编译器意义不大。出于这个原因,可能为了更好地适应云计算,Java生态系统正处于转型之中。Oracle的GraalVm允许将字节码编译成Linux可执行文件(ELF),而RadHeat的Quar
分类:
编程语言 时间:
2020-11-13 12:37:46
阅读次数:
10
响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。 平时我们响应式尺寸划分 超小屏幕(手机,小于768px):设置宽度为100% 小屏幕(平板,大于等于768px):设置宽度为750px 中等屏幕(桌面显示器,大于等于992px):宽度设置为970px ...
分类:
其他好文 时间:
2020-11-13 12:24:45
阅读次数:
5
尽管CSS有一个下划线属性text-decoration:underline,但这个属性非常简陋而且不能修改效果。解决方案一使用border属性{border-bottom:1pxsolidgray;text-decoration:none;}使用border-bottom模拟出来的下划线可以自定义颜色、线条宽度和线的形状。但是线与字之间的距离或者说空隙很大如果设置比较小的line-height,
分类:
Web程序 时间:
2020-11-12 14:10:07
阅读次数:
14