IDEA 快捷键
编辑类快捷键
p + s + v + m 快速生成 main 方法
1public static void main(String[] args) {}
s + o + u + t 输出语句
1System.out.println();
control + J 快速查看文档
command + N 生成代码(getter,setter,构造函数,hashCode / equals,toString)
control + O 覆盖方法(重写父类方法)
control + I 实现方法(实现接口中的方法)
command + option + T 使用if…else,try…catch,for,synchronized等包围选中的代码
command + / 注释/取消单行注释
command + option + / 注释/取消多行注释
option + ↑ 连续选中代码块
option + ↓ 减少当前选中的代码块
option + ↵ 显示意向动作和快速修复代码
command + option + L 格式化代码
tab ...
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-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$
\ ...
数据结构
本篇文章主要参考了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 相比于 Vu ...
Vuex
概念在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 Vue 应用中多个组件的共享状态进行集中式的管理(读 / 写),也是一种组件间通信的方式,且适用于任意组件间通信
主要用于多个组件共享数据
搭建vuex环境
创建文件:src/store/index.js
1234567891011121314151617181920// 引入 Vue 核心库import Vue from 'vue'// 引入 Vueximport Vuex from 'vuex'// 应用 Vuex 插件Vue.use(Vuex)// 准备 actions 对象——响应组件中用户的动作const actions = {}// 准备 mutations 对象——修改 state 中的数据const mutations = {}// 准备 state 对象——保存具体的数据const state = {}// 创建并暴露 storeexport default new Vuex.Store( ...