JDK21新特性
你发任你发 我用JAVA8 哈哈哈哈哈哈哈 不过这次的21还是很有特点
.batten {
position: relative;
}
#astronaut-1-animation {
position: absolute;
width: 130px;
top: -100%;
right: -5%;
}
lottie.loadAnimation({
path: '/json/astronaut/1.json',
loop: true,
autoplay: true,
renderer: 'svg',
container: document.getElementById('astronaut-1-animation'),
});
Virtual Threads(核心功能💢)Virtual Threads提供了一种更高效,更轻量级的线程模型。一般来说线程可执行的数量是跟CPU核心数量相关的,但是Virtual Th ...
JDK14新特性
碎碎念
从哪几个角度学习新特性
.batten {
position: relative;
}
#astronaut-2-animation {
position: absolute;
width: 130px;
top: -100%;
right: 0;
}
lottie.loadAnimation({
path: '/json/astronaut/2.json',
loop: true,
autoplay: true,
renderer: 'svg',
container: document.getElementById('astronaut-2-animation'),
});
语法层面: lambda表达式,switch,自动装箱,自动拆箱,enum,泛型<>,接口中的默认方法,静态方法,私有方法
API层面: StreamAPI,新的日期时间,Optional,String,集合框架
层面优 ...
unicode-range
CSS 的 unicode-range 属性与 @font-face 规则结合使用,可以单独设置某个字体
小吉崽汁博客使用的是润圆体,但是我对于其中的某个标点符号感到很不喜欢,但是我又不想换字体,这时候就可以用了unicode-range了
12345@font-face { font-family: "PunctuationFont"; src: url(path/to/punctuation-font.ttf); /* 替换为实际的字体文件路径和文件名 */ unicode-range: U+2000-206F; /* Unicode 范围选择器,表示标点符号的区域 */}
这样的话除了标点符号,其他的字体都是PunctuationFont,标点符号是默认的字体。对于unicode的值,mac可以直接查看字体册,上面都有具体的unicode值
Node.js
Buffer 缓冲区
Buffer 的结构与数组类似,操作方法也与数组类似
数组不能存储二进制文件,Buffer 是专门存储二进制数据的
Buffer 存储的是二进制数据,显示时以 16 进制的形式显示
Buffer 每一个元素范围是 00 ~ ff,即 0 ~ 255,00000000 ~ 11111111
每一个元素占用一个字节内存
Buffer 是对底层内存的直接操作,因此大小一旦确定就不能修改
Buffer 常用方法:
Buffer.from(str[, encoding]):将一个字符串转换为 Buffer
Buffer.alloc(size):创建指定大小的 Buffer
Buffer.alloUnsafe(size):创建指定大小的 Buffer,可能包含敏感数据(分配内存时不会清除内存残留的数据)
buf.toString():将 Buffer 数据转为字符串
fs 文件系统模块
fs 模块中所有的操作都有两种形式可供选择:同步和异步
同步文件系统会阻塞程序的执行,也就是除非操作完毕,否则不会向下执行代码
异步文件系统不会阻塞程序的执行,而是在操作完成时,通过回调 ...
CSS选择器
基本选择器CSS基本选择器用于选择 HTML 文档中的元素并应用样式
通配选择器可以选中所有的 HTML 元素
1234* { color: orange; font-size: 40px;}
备注:目前来看通配选择器貌似有点鸡肋,但后面清除样式时,会对我们有很大帮助
元素选择器为页面中 某种元素 统一设置样式
1234h1 { color: orange; font-size: 40px;}
备注:元素选择器无法实现差异化设置,例如上面的代码中,所有的 h1 元素效果都一样
类选择器根据元素的 class 值,来选中某些元素。class 翻译过来有:种类,类别的含义,所以 class 值,又称:类名
123.speak { color: red;}
注意点:
元素的 class 属性值不带 . ,但 CSS 的类选择器要带 .
class 值,是我们自定义的,按照标准:不要使用纯数字,不要使用中文,尽量使用英文与数字的组合,若由多个单词组成,使用 - 做连接,例如: left-menu ,且命名要有意义,做到 ...
uni-app tabbar实现Q弹效果
本篇文章用到了uni-app团队出的uView框架,如果你还不了解uView,可以先看看官方文档:uView框架
编写组件
123456789101112131415161718192021222324252627<template> <view> <!-- tabbar --> <u-tabbar :value="current" @change="tabbarChange" :safeAreaInsetBottom="false" > <u-tabbar-item text="病人" :name="0" v-if="checkPermi(['system:app:patient'])"> <view class="tabbar-icon custom-icon custom-icon-i ...
mathjax语法
基本语法
在正文中同一行插入LaTeX公式
1$\sum_{i=0}^N\int_{a}^{b}g(t,i)\text{d}t$ // 用$...$
另起一行显示LaTeX公式
1$$W_G^{mn}=max\{0,W_G.\xi_G(f_G^m,f_G^n)\}$$ // 用$$...$$
希腊字母
显示
命令
显示
命令
$\alpha$
\alpha
$\beta$
\beta
$\gamma$
\gamma
$\delta$
\delta
$\epsilon$
\epsilon
$\zeta$
\zeta
$\eta$
\eta
$\theta$
\theta
$\iota$
\iota
$\kappa$
\kappa
$\lambda$
\lambda
$\mu$
\mu
$\nu$
\nu
$\xi$
\xi
$\pi$
\pi
$\rho$
\rho
$\sigma$
\sigma
$\tau$
\ta ...
数据结构
本篇文章主要参考了GitHub的 Hello 算法
数组「数组 array」是一种线性数据结构,其将相同类型元素存储在连续的内存空间中。我们将元素在数组中的位置称为该元素的「索引 index」
数组常用操作初始化数组我们可以根据需求选用数组的两种初始化方式:无初始值和给定初始值。在未指定初始值的情况下,大多数编程语言会将数组元素初始化为0
12int[] arr = new int[5]; // { 0, 0, 0, 0, 0 }int[] nums = { 1, 3, 2, 5, 4 };
访问元素数组元素被存储在连续的内存空间中,这意味着计算数组元素的内存地址非常容易。给定数组内存地址(即首元素内存地址)和某个元素的索引,我们可以使用如图所示的公式计算得到该元素的内存地址,从而直接访问此元素(元素内存地址 = 数组内存地址(即首元素地址) + 元素长度 ×; 元素索引)。索引的含义本质上是内存地址的偏移量
1234567int randomAccess(int[] nums) { // 在区间 [0, nums.length ...
MySQL中的取整函数
今天在写代码的时候遇到了一个取整问题在此记录一下
ROUNDMySQL ROUND() 函数用于将数字四舍五入到指定的小数位数
1ROUND(number, decimals)
其中,number 是要舍入的数字,decimals 是要保留的小数位数。例如,将数字 3.14159265358979323846 舍入到小数点后两位,可以使用以下查询:
1SELECT ROUND(3.14159265358979323846, 2); // 3.14
FLOORMySQL FLOOR() 函数用于将数字向下取整到最接近的整数
1FLOOR(number)
其中,number 是要向下取整的数字。例如,将数字 3.99 向下取整到最接近的整数,可以使用以下查询:
1SELECT FLOOR(3.99); // 3
CEILINGMySQL CEILING() 函数用于将数字向上取整到最接近的整数
1CEILING(number)
其中,number 是要向上取整的数字。例如,将数字 3.01 向上取整到最接近的整数,可以使用以下查询:
1SELECT CEILING(3.01); // 4 ...
Vue3
学不完的技术😊
.batten {
position: relative;
}
#astronaut-1-animation {
position: absolute;
width: 130px;
top: -20%;
right: -3%;
}
lottie.loadAnimation({
path: '/json/astronaut/3.json',
loop: true,
autoplay: true,
renderer: 'canvas',
container: document.getElementById('astronaut-1-animation'),
});
简介2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)
vuejshttps://github.com/vuejs/core/releases/tag/v3.0.0
Vue3相比于Vue2打包大小减少41 ...