📄🦌🙌🐟🏖️
日志记录
Where there is a where there is a way
随机文章
按住 Shift 横向滚动
热门文章
按住 Shift 横向滚动
CSS移动端适配

CSS移动端适配

本文介绍了移动端前端适配的核心概念与方法。屏幕分辨率分为物理分辨率(硬件)和逻辑分辨率(软件),网页开发参考逻辑分辨率。视口标签可使移动端页面宽度等于设备逻辑分辨率。二倍图用于防止高清屏幕下图片模糊。适配方案分为宽度适配(如百分比、Flex布局)和等比适配(如rem、vw)。rem单位相对于HTML标签字号,可通过媒体查询或flexible.js库动态调整字号,实现等比例缩放。Less作为CSS预处理器,支持变量、嵌套、运算、导入/导出等功能,提升开发效率。vw单位基于视口宽度(1vw=1/100视口宽度),可直接适配移动端,但vw和vh不宜混用。这些技术共同解决了不同屏幕尺寸下的自适应问题。

CSS高级

CSS高级

本摘要总结了CSS中多个核心属性的定义与用法。**vertical-align**控制行内/行内块元素的垂直对齐,默认基线对齐导致图片底部空白。**transition**为元素在不同状态间切换添加过渡效果,需设置给元素本身。**opacity**设置整个元素的透明度(0-1)。**cursor**定义鼠标悬停时的指针样式。**transform**实现平面转换(2D),包括平移(translate)、旋转(rotate)、缩放(scale)和倾斜(skew),可配合transition使用。**渐变**分为线性渐变和径向渐变,用于设置盒子背景。**空间转换**(3D)需父元素设置`transform-style: preserve-3d`,并通过`perspective`添加视距以实现Z轴平移、旋转和缩放效果。**动画**通过`@keyframes`定义多状态变化,使用`animation`属性控制时长、速度曲线、重复次数等。此外,**object-fit**可对图片进行裁剪以保持原始比例。

CSS布局

CSS布局

本文介绍了网页布局与样式的关键技术。**标准流**是标签默认排布规则,但实际开发常用**浮动**或**Flex布局**。浮动可使块元素水平排列,但会导致脱标,需通过额外标签、伪元素或`overflow:hidden`清除浮动。**Flex布局**更灵活,通过设置`display:flex`,子元素自动挤压拉伸,支持主轴对齐(`justify-content`)、侧轴对齐(`align-items/align-self`)、修改主轴方向(`flex-direction`)、弹性伸缩比(`flex`)及弹性换行(`flex-wrap`)。**定位**用于改变盒子位置,包括相对定位(不脱标,参照自身)、绝对定位(脱标,参照最近的相对定位父级,常与相对定位配合实现“子绝父相”)、固定定位(不随滚动移动)及堆叠层级`z-index`。**CSS精灵**将多张小图合并为一张大图,通过`background-position`定位显示,减少请求次数。**字体图标**本质是字体,可灵活修改样式,轻量兼容,常用iconfont库。

CQL语句和函数

CQL语句和函数

Neo4j的Cypher查询语言(CQL)是一种声明性模式匹配语言,用于操作图数据。其核心概念包括节点和关系:节点用标签分类(如:Person),关系有类型(如:WROTE),两者均可包含属性。基础语法涵盖:CREATE用于创建节点、关系及一次性创建节点+关系;MATCH+RETURN实现模式匹配查询,支持按标签、属性过滤及关系查询;SET/REMOVE/DELETE用于更新或删除属性、关系及节点(DETACH DELETE可级联删除关联关系)。常用函数包括count()、collect()、date()、type()、labels()等。CQL语法简洁直观,与SQL类似但专为图结构设计。

Neo4j基础

Neo4j基础

Neo4j是一款开源的NoSQL图形数据库,采用属性图模型存储数据,使用直观的Cypher查询语言,支持ACID事务、索引、约束和REST API。其数据模型由节点(含标签和属性)、关系(有方向且可带属性)构成。安装可通过Docker(如`neo4j:4.4.18`镜像)或Neo4j Desktop完成。Spring Boot整合时,需引入`spring-boot-starter-data-neo4j`依赖;定义`@Node`实体类(如PersonNode),通过继承`Neo4jRepository`的接口实现基础CRUD操作。示例中调用`save`方法即可新增节点并持久化到图数据库。

Go语言函数与结构体

Go语言函数与结构体

本文系统介绍了Go语言中函数、结构体和方法的核心概念。函数部分涵盖基本结构、参数(含不定参数)、返回值(多返回值与命名返回值)、高阶函数(作为参数、返回值、字段)、匿名函数、闭包、回调、值传递与引用传递,以及defer延迟执行和main/init函数特性。结构体部分包括声明、初始化(字面量、new、取地址)、字段访问、嵌套(具名/匿名)、匿名结构体与匿名字段、比较规则及new关键字用法。方法部分强调接收者机制,区分值接收者(副本操作)与指针接收者(修改原值),并支持非结构类型接收者,通过结构体嵌入实现方法继承与重写。总结:Go通过简洁的语法设计,结合函数式编程、结构组合与方法绑定,实现了高效的数据建模与行为封装。

Go语言语法基础

Go语言语法基础

本文总结了Go语言的基础语法要点,涵盖注释(单行`//`和多行`/* */`)、标识符(以字母或下划线开头,区分大小写,不能使用关键字)、25个关键字、数据类型(基本类型包括整数、浮点、复数和布尔、字符串,聚合类型如数组和结构体,引用类型如指针和切片)。变量声明支持`var`显式声明和`:=`短声明,全局变量与局部变量作用域不同,类型需显式转换。常量用`const`声明,`iota`用于枚举生成。运算符分类包括算术、关系、逻辑、位运算和赋值。流程控制有`if`(支持变量声明)、`switch`(无需`break`,支持表达式和`fallthrough`)、`for`(可作无限循环或`while`)及`range`遍历集合。Go语言强调类型安全和简洁性,无隐式类型转换。

Golang介绍

Golang介绍

Go语言(Golang)是Google开发的静态类型、编译型开源语言,2009年诞生,旨在解决代码复杂、编译慢、并发难等问题。其核心设计强调简洁高效(去冗余语法)、原生并发(Goroutine+Channel)和自动垃圾回收(GC停顿<1ms)。语言特性包括静态类型、接口隐式实现、泛型(1.18+)、显式错误处理及强大工具链(跨平台编译、Go Modules、测试等)。标准库丰富(如net/http),第三方生态活跃(Gin、Kubernetes等),适用于后端微服务、云计算和CLI工具。优点为编译快、部署简单、并发高效;局限是泛型支持较晚、错误处理冗长、不适用实时系统。安装需从中文网下载,配置代理(GOPROXY),理解GOPATH与Go Modules(go.mod/go.sum)管理依赖。编写程序以`package main`和`fmt.Println`为例。

ShardingSphere详解

ShardingSphere详解

Apache ShardingSphere 是一款开源的分布式数据库生态系统,位于应用与数据库之间,通过透明化分库分表、读写分离、分布式事务、数据加密等能力,解决海量数据和高并发场景下的性能与可用性问题。它提供三种产品形态:嵌入Java应用的Sharding-JDBC(轻量高性能)、独立代理Sharding-Proxy(零侵入支持异构语言)、以及云原生Sidecar模式。配置上支持Memory、Standalone、Cluster三种运行模式,其中Cluster模式借助ZooKeeper/Nacos实现多实例配置同步。核心规则包括!SHARDING(分片)、!READWRITE_SPLITTING、!ENCRYPT、!MASK、!SHADOW等,支持灵活的分片算法和策略。快速入门示例展示了Spring Boot集成下通过YAML配置分库分表,业务代码无需修改即可自动路由SQL。整体上,ShardingSphere让开发者像操作单一数据库一样管理分布式数据系统。

Kafka集群搭建

Kafka集群搭建

本文介绍了在单台虚拟机上搭建Kafka集群的方法与使用。核心原则是:Kafka节点注册到同一Zookeeper即为同一集群,通过broker.id区分节点。规划三个实例(端口7000、8000、9000),各自独立配置文件和日志目录。具体操作包括创建目录、复制并修改配置文件(设置broker.id、监听地址、日志路径),然后启动Zookeeper及各Kafka实例。集群使用部分演示了创建主题(分区和副本数均为3)、查看主题、发送和消费消息。针对单机多实例消费时收不到消息的问题,提供了两种解决方案:消费时指定分区,或通过Zookeeper删除__consumer_offsets主题后重启集群。摘要控制在200字左右,突出集群搭建关键步骤及常见问题处理。

© 2026 日志记录