17-CSS3的常见边框汇总
title: 17-CSS3的常见边框汇总publish: true
CSS3 常见边框汇总<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 边框</title> <style> body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 { margin: 0; padding: 0; } body { background-color: #F7F7F7; } .wrapper { width: 1000px; margin: 0 auto; padding: 20px ...
CSS开发积累
title: 认识Web和Web标准publish: false
让flex盒子中的子元素们,居中flex布局常用的三行代码:
display: flex;justify-content: center; // 子元素在横轴的对齐方式 (左右居中)align-items: center; // 子元素在竖轴的对齐方式(上下居中)
让文字只显示一行,超出显示省略号overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
让文字最多只显示两行,超出后显示省略号overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
参考链接:https://blog.csdn.net/NN_nan/article/details/55045562
问题描述:文本内容里自带了换行,但是在前端没有展示出来解决办法:增加如下属性即可。
white-space: pre-wr ...
CSS文章推荐
title: 认识Web和Web标准publish: false
2020-03-16Bootstrap 中文文档:https://code.z01.com/v4/content/tables.html
2020-03-13
CSS实现鼠标悬停弹出微信二维码
CSS的一些小知识
隐藏盒子的几种方式隐藏盒子,有以下几种方式:
(1)方式一:
overflow:hidden; //隐藏盒子超出的部分
(2)方式二:
display: none; 隐藏盒子,而且不占位置(用的最多)
比如,点击X,关闭京东首页上方的广告栏。
(3)方式三:
visibility: hidden; //隐藏盒子,占位置。visibility: visible; //让盒子重新显示
(4)方式四:
opacity: 0; //设置盒子的透明度(不建议,因为内容也会半透明),占位置
(4)方式五:
Position/top/left/...-999px //把盒子移得远远的,占位置。
(5)方式六:
margin-left: 1000px;
设置盒子的半透明方式一:opacity: 0.4。优点是方便。缺点是:里面的内容也会半透明。
方式二:css3的技术来解决半透明。如下:
background: rgba(0,0,0,0.3);
background: rgba(0,0,0,.3);
备注:a指的是alpha透明度。
给标签的 ...
CSS面试题
title: 认识Web和Web标准publish: false
常见问题你是如何理解 HTML 语义化的?语义化:指对文本内容的结构化(内容语义化),选择合乎语义的标签(代码语义化)。
举例:段落用 p,边栏用 aside,主要内容用 main 标签。
好处:
便于开发者阅读和维护
有利于SEO:让浏览器的爬虫和辅助技术更好的解析,
语义化标签介绍:
在HTML5出来之前,我们习惯于用div来表示页面的章节或者不同模块,但是div本身是没有语义的。但是现在,HTML5中加入了一些语义化标签,来更清晰的表达文档结构。
20180322_1120.jpg
参考链接:
初探 · HTML5语义化
meta viewport 是做什么用的,怎么写?<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
控制页面在移动端不要缩小显 ...
others
publish: false<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title></head><style> label { display: block; vertical-align: middle; } label, input, select { verti ...
ZooKeeper
前言相信大家对 ZooKeeper 应该不算陌生。但是你真的了解 ZooKeeper 是个什么东西吗?如果别人/面试官让你给他讲讲 ZooKeeper 是个什么东西,你能回答到什么地步呢?
我本人曾经使用过 ZooKeeper 作为 Dubbo 的注册中心,另外在搭建 solr 集群的时候,我使用到了 ZooKeeper 作为 solr 集群的管理工具。前几天,总结项目经验的时候,我突然问自己 ZooKeeper 到底是个什么东西?想了半天,脑海中只是简单的能浮现出几句话:“①Zookeeper 可以被用作注册中心。 ②Zookeeper 是 Hadoop 生态系统的一员;③构建 Zookeeper 集群的时候,使用的服务器最好是奇数台。” 可见,我对于 Zookeeper 的理解仅仅是停留在了表面。
所以,通过本文,希望带大家稍微详细的了解一下 ZooKeeper 。如果没有学过 ZooKeeper ,那么本文将会是你进入 ZooKeeper 大门的垫脚砖。如果你已经接触过 ZooKeeper ,那么本文将带你回顾一下 ZooKeeper 的一些基础概念。
最后,本文只涉及 Z ...
HuTool
HuToolHutool是一个小而全的Java工具类库,通过静态方法封装,降低相关API的学习成本,提高工作效率,使Java拥有函数式语言般的优雅,让Java语言也可以“甜甜的”。Hutool中的工具方法来自每个用户的精雕细琢,它涵盖了Java开发底层代码中的方方面面,它既是大型项目开发中解决小问题的利器,也是小型项目中的效率担当;Hutool是项目中“util”包友好的替代,它节省了开发人员对项目中公用类和公用工具方法的封装时间,使开发专注于业务,同时可以最大限度的避免封装不完善带来的bug。
安装🍊Maven在项目的pom.xml的dependencies中加入以下内容:
<dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version>5.7.22</version></dependency>
🍐Gradle
implementation 'cn. ...
MyBatis-Plus
MyBatis-PlusMyBatis-Plus是一个 MyBatis (opens new window)的增强工具,在 MyBatis 的基础上只做增强不做改变,为简化开发、提高效率而生。
特性无侵入:只做增强不做改变,引入它不会对现有工程产生影响,如丝般顺滑损耗小:启动即会自动注入基本 CURD,性能基本无损耗,直接面向对象操作强大的 CRUD 操作:内置通用 Mapper、通用 Service,仅仅通过少量配置即可实现单表大部分 CRUD 操作,更有强大的条件构造器,满足各类使用需求支持 Lambda 形式调用:通过 Lambda 表达式,方便的编写各类查询条件,无需再担心字段写错支持主键自动生成:支持多达 4 种主键策略(内含分布式唯一 ID 生成器 - Sequence),可自由配置,完美解决主键问题支持 ActiveRecord 模式:支持 ActiveRecord 形式调用,实体类只需继承 Model 类即可进行强大的 CRUD 操作支持自定义全局通用操作:支持全局通用方法注入( Write once, use anywhere )内置代码生成器:采用代码或者 Mave ...
分布式
一 分布式系统的经典基础理论分布式系统的经典基础理论
本文主要是简单的介绍了三个常见的概念: 分布式系统设计理念 、 CAP定理 、 BASE理论 ,关于分布式系统的还有很多很多东西。
二 分布式事务分布式事务就是指事务的参与者、支持事务的服务器、资源服务器以及事务管理器分别位于不同的分布式系统的不同节点之上。以上是百度百科的解释,简单的说,就是一次大的操作由不同的小操作组成,这些小的操作分布在不同的服务器上,且属于不同的应用,分布式事务需要保证这些小操作要么全部成功,要么全部失败。本质上来说,分布式事务就是为了保证不同数据库的数据一致性。
深入理解分布式事务
分布式事务?No, 最终一致性
聊聊分布式事务,再说说解决方案
三 分布式系统一致性分布式服务化系统一致性的“最佳实干”
四 一致性协议/算法早在1898年就诞生了著名的 Paxos经典算法 (Zookeeper就采用了Paxos算法的近亲兄弟Zab算法),但由于Paxos算法非常难以理解、实现、排错。所以不断有人尝试简化这一算法,直到2013年才有了重大突破:斯坦福的Diego Ongaro、John Ou ...
PostgreSQL - 查询表结构和索引信息
PostgreSQL - 查询表结构和索引信息前言PostgreSQL的表一般都是建立在public这个schema下的,假如现在有个数据表t_student,可以用以下几种方式来查询表结构和索引信息。
使用\d元命令查看表字段信息和索引信息在cmd界面使用psql连接db后,输入\d加上表名即可:
`\d t_student`
通过系统数据字典查询表结构`selectcol.table_schema,col.table_name,col.ordinal_position,col.column_name,col.data_type,col.character_maximum_length,col.numeric_precision,col.numeric_scale,col.is_nullable,col.column_default,des.descriptionfrominformation_schema.columns col left join pg_description des oncol.table_name::regclass = des.objoidand col ...
PostgreSQL ./configure问题
PostgreSQL ./configure问题[root]# ./configure --prefix=/usr/local/postgres-9.3.5 --with-perl --with-tcl --with-python --with-openssl --with-pam --without-ldap --with-libxml --with-libxslt --enable-thread-safety --with-wal-blocksize=16 --with-blocksize=16 --enable-dtrace --enable-debug
1. 问题1: 2. checking for dtrace... no 3. configure: error: dtrace not found 4. 解决方法: 5. yum search dtrace 6. Loaded plugins: fastestmirror, refresh-packagekit, security 7. Loading mirror spee ...
PostgreSQL安装详细步骤(linux)
PostgreSQL安装详细步骤(linux) 官方安装文档:http://www.postgresql.org/download/linux/redhat/
1. 检查PostgreSQL 是否已经安装
Linux-软件包管理-rpm命令管理-查询rpm -qa | grep postgres 检查PostgreSQL 是否已经安装rpm -qal | grep postgres 检查PostgreSQL 安装位置
若已经安装,则使用rpm -e 命令卸载。
rpm -e postgresql94-contrib-9.4.4-1PGDG.rhel6.x86_64 postgresql94-server-9.4.4-1PGDG.rhel6.x86_64 卸载 rpm -e postgresql94-libs-9.4.4-1PGDG.rhel6.x86_64 postgresql94-9.4.4-1PGDG.rhel6.x86_64 卸载
可以使用rpm -qa | grep postgres再次查看是否还有Postgres安装文件,没有卸载完成。
2.使用yum库 ...
PostgreSQL查看版本信息
PostgreSQL查看版本信息1.查看客户端版本`psql --version`
2.查看服务器端版本2.1 查看详细信息`select version();`
2.2 查看版本信息`show server_version;`
2.2 查看数字版本信息包括小版号`SHOW server_version_num;`
或
`SELECT current_setting('server_version_num');`
3.注意事项SELECT current_setting(‘server_version_num’);返回类型为text,如果需要可以转换为interger
`SELECT current_setting('server_version_num')::integer;`
PostgreSQL源码编译安装
PostgreSQL编译安装这是我使用PostgreSQL的记录,在以后的使用过程中,难免出现有的问题现在解决了,但是后面会忘记现在的解决办法,现在记录下来,方便后面翻阅,也方便需要的朋友参考。
本次安装环境如下所示:
# 安装方式:编译安装# 操作系统:archlinux# PostgreSQL版本:v11.11# 用户:postgres# 安装位置: /opt/pgsql# data位置:/opt/pgsql/data
一、准备环境
1,创建新用户,PostgreSQL不允许使用root用户运行服务,需要创建新用户用于管理PostgreSQL服务,这里和保持默认的一直,创建新用户名为postgres
# 创建群组 postgresgroupadd postgres# 创建用户postgres,并指定群组为postgresuseradd -g postgres postgres
2,下载PostgreSQL源码,点击 PostgreSQL 进入源码版本选择页,可以选择相应的版本,我选择v11.11
切换到root用户su root# 进入操作目录 /optcd /opt# 下载 ...