- css设置背景图片透明度
.demo{position:relative;width:500px;height:300px;line-height:50px;text-align:center;color:red;}.demo::before{content:"";position:absolute;left:0;top:0;z-index:-1;/*放在内容背后*/width:500px;height:300px;bac
- 网络安全第三次作业
zesfeds
csshtml前端
多功能演示页面/*全局样式*/*{margin:0;padding:0;box-sizing:border-box;font-family:'Arial',sans-serif;}body{background-color:#f0f2f5;color:#333;line-height:1.6;}.container{max-width:1200px;margin:0auto;padding:20p
- css实现箭头进度条
惜音renee
实现的目标：源码：首先写出一个基本的样式：买家下单买家付款发货买家确认收货.progress-barli{padding:0px20px;line-height:40px;background:#50abe4;display:inline-block;color:#fff;position:relative;width:180px;text-align:center;}接下来使用:after伪类画
- Java程序猿必学第三十二篇——JS(JavaScript)基础
键盘敲烂@
程序员的“自我修养”javascripthtml5chromejava
1.HTML的扩展属性div{width:180px;line-height:50px;background-color:red;text-align:center;border-radius:20px;/*设置圆角弧度*/box-shadow:30px20px20pxgray;/*盒子阴影*/}body{/*创建单个背景图*//*background-image:url(../img/002.p
- 【CSS】文本超过行数显示“展开”、“收起”
扶我起来还能学_
css前端
使用css样式控制文本超过行数显示“展开”、“收起”css代码如下：.container{width:800px;position:relative;padding-bottom:20px;}.content{overflow:hidden;line-height:1;/*最多展示几行就(n*line-height)em，*/height:3em;background:yellow;}.more{
- 【微信小程序学习】搜索音乐页面代码实现
2401_84434880
程序员微信小程序学习notepad++
}/*热搜榜*/.hotContainer.title{font-size:28rpx;height:80rpx;line-height:80rpx;border-bottom:1rpxsolid#eee;}.hotList{display:flex;flex-wrap:wrap;}.hotItem{width:50%;height:80rpx;line-height:80rpx;font-siz
- CSS属性的特性_继承性
51349592
css前端
CSS的某些属性具有继承性（Inheritance）：可继承属性在元素上设置后，其后代元素会自动继承该属性继承属性的优先级低于元素直接设置的样式如果后代元素自己有设置该属性，那么优先使用后代元素自己的属性继承是沿着DOM树向下传递的可继承属性字体与文本：font-family,font-size,font-weight,font-stylecolor,line-height,letter-spac
- css上下滚动文字
洪洪呀
css前端
效果图取得是数组里的数据上下滚动切换css.notice-new{background:#222222;border-radius:19rpx;margin-top:28rpx;font-size:24rpx;color:white;font-weight:500;padding:020rpx;height:55rpx;line-height:55rpx;overflow:hidden;.noti
- 解决在微信小程序中view组件下的text和images设置了样式display: flex； align-items: center；对不齐
令人作呕的溏心蛋
微信小程序学习笔记微信小程序小程序
原始代码的问题全国问题1：元素的默认行高影响对齐元素默认有行高(line-height)，会导致文字实际占位高度大于字体大小即使设置了align-items:center，图片也会基于文字基线对齐，而不是视觉中心对齐问题2：元素的默认显示方式默认是内联(inline)元素，会受到文本基线对齐规则影响图片的垂直对齐方式默认为baseline，与文字基线对齐会导致微妙的偏移修改后的代码全国line-h
- 2022最全前端面试题（持续更新）
PiJunJia
前端面试前端面试
css部分如何水平垂直居中一个盒子？已知高度可以使用line-height等于高度实现垂直居中；使用text-align:center实现水平居中display:flex;align-items:center;justify-content:center;绝对定位的话，给父元素设置定位属性relative，子元素设置absolute，然后设置子元素top:0;left:0;right:0;bott
- Bootstrap5 文字排版
智慧浩海
Bootstrapjavascript前端html
Bootstrap5默认设置Bootstrap5默认的font-size为16px,line-height为1.5。默认的font-family为"HelveticaNeue",Helvetica,Arial,sans-serif。此外，所有的元素margin-top:0、margin-bottom:1rem(16px)。-Bootstrap中定义了所有的HTML标题（h1到h6）的样式。请看下面
- 去除表单元素默认样式
又又呢
移动端webcss3css
input,textarea{outline:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:normal;}//input::-webkit-input-placeholder{//line-height:normal;//解决不垂直居中的问题//}input::-webkit
- 前端｜CSS（一）| pink老师
啦啦右一
右一的开发日记合集右一的电子笔记合集前端css
参考视频：黑马程序员前端CSS3基础教程，前端必备基础目录CSS引入引入CSS样式表CSS基础选择器标签选择器类选择器（最常用）id选择器通配符选择器CSS文字文本样式font字体CSS外观属性CSS复合选择器后代选择器子元素选择器交集选择器并集选择器链接伪类选择器选择器总结标签显示模式分类标签显示模式转换display行高那些事（line-height）CSS背景(background)背景颜色
- html语言中标签的class属性的作用
陆老师Peter
网站前端开发class属性HTML标签html中的class属性
其实class属性的值对应的就是你定义的css的名字，它和class的属性值相对应。例如：.t1{font-size:12px;//字体大小line-height:22px;//文本行高color:#000000;//文本颜色margin:6px;//边界padding:6px;//填充（文本与边界的距离）border-bottom-width:1px;//底部边框宽度border-bottom-
- 小程序跳转H5或者其他小程序
白柚Y
小程序前端
1.h5跳转小程序有两种情况（1）从普通浏览器打开的h5页面跳转小程序使用wx-open-launch-weapp可以实现h5跳转小程序.btn{width:100%;height:48px;margin-top:21px;font-size:18px;color:#FFFFFF;line-height:48px;text-align:center;border-radius:15px;backg
- vue中实现元素在界面中自由拖动
初学者杰克
vue.jsjavascript前端
这是一个使用Vue2实现可拖动div的示例。Vue2可拖动Div#draggable-div{position:absolute;width:200px;height:200px;background-color:#4CAF50;color:white;text-align:center;line-height:200px;cursor:move;user-select:none;}拖动我newV
- 【用html做个人简历的网页(初级)】
疯狂的菜鸟s
htmlcss前端
刚接触html和css，做的不是很精细，css用的是嵌入式没用链接式，后期改进。最后效果图：代码部分：1.设置css阿航的自我介绍.center{text-align:center;}.border{font-weight:700;}.jpg{text-align:center;}.red{color:#ff0000;}h3{text-indent:23em;}table{line-height:
- CSS垂直居中问题解决方法
henouren
web前端开发CSS前端CSSHTMLweb前端
在实际运用中，经常需要用到垂直居中的地方主要有一下两种情况：1、导航栏导航栏常用到的ul，li标签均为块级元素，a标签为行内元素。要使得a标签的文字垂直居中于li中，只需要a标签的高度与li的高度一致皆可。然而，a标签是行内元素，不能直接设置其height值，因此，可以选择a的dispaly方式为block，即可为之设置高度line-height。具体代码如下：首页活动论坛分类.nav{width
- CSS面试题汇总（二）
柠檬树上柠檬果柠檬树下你和我
CSS面试题css面试html
往期点这里→CSS面试题汇总（一）11.css中可以让文字在垂直和水平方向上重叠的两个属性是什么？参考答案：垂直方向：line-height水平方向：letter-spacing那么问题来了，关于letter-spacing的妙用知道有哪些么？可以用于消除inline-block元素间的换行符空格间隙问题。12.px和em的区别。参考答案：px和em都是长度单位，区别是，px的值是固定的，指定是多
- css中的 vertical-align与line-height作用详解
酷爱码
编程学习css前端
一、vertical-align详解作用对象：行内元素（inline/inline-block）或表格单元格内容核心功能：控制元素在行框内的垂直对齐方式常用取值：baseline（默认）：基线与父元素基线对齐top：元素顶部与行框顶部对齐middle：元素中线与父元素基线+1/2x-height对齐bottom：元素底部与行框底部对齐数值值：2px（上移）、-10%（下移）示例（图标与文本对齐）：
- CSS知识总结
^小桃冰茶
css前端
一、CSS核心概念解析1.1选择器体系（重点）基础选择器：/*ID选择器*/#header{background:#333;}/*类选择器*/.btn-primary{color:white;}/*属性选择器*/input[type="text"]{border:1pxsolid#ccc;}组合选择器（难点）：/*后代选择器*/articlep{line-height:1.6;}/*子元素选择器*
- 去除elementui中的el-input组件的默认样式
shuaishuais0
elementuicss
.input{width:224px;height:40px;line-height:40px;background:#F3F6FB;border-radius:4px;padding:012px;margin-right:20px;}.input::v-deep.el-input__inner{width:100%;border:none;outline:none;font-size:14px;
- vue中使用css实现loading加载效果
Billow_lamb
vuecss
vue中使用css实现loading加载效果视图层{{item}}样式层(使用less预编译).number{line-height:250px;font-size:24px;color:#000;text-align:center;span{position:relative;margin-right:-6px;}}@keyframestotop{0%{top:0;}24%{top:0;}33%
- element el-table 设置行高 和表头高度
小韩本韩！
vue.jselementuijavascript
elementel-table设置行高和表头高度第一种方式使用css/deep/.tableBox{th{padding:0!important;height:10px;line-height:10px;}td{padding:0!important;height:30px;line-height:30px;}}第二种方式el-element-ui的方法
- css垂直水平居中的几种方法CSS
零度忧伤宝贝
css前端
手机版css垂直水平居中的几种方法CSS中实现垂直水平居中的方法有多种，每种方法都有其特定的适用场景和限制。以下是几种常见的实现方法及其详细描述、代码示例、适用场景和限制，以及优缺点对比。一、单行文本垂直水平居中方法名称：line-height+text-align具体实现步骤：设置父元素的height和line-height相同，使文本行垂直居中。设置父元素的text-align为center，
- 《CSS常用样式速查手册：让你的网页颜值飙升！》
我不管我要学前端
css前端
刚学完CSS基础语法却不知道从哪下手？这篇整理了最常用的8大CSS样式，5分钟让你从小白变实操达人！一、字体样式（精准控制文字）p{font-family:"MicrosoftYaHei",sans-serif;/*优先微软雅黑*/font-size:16px;/*字号*/font-weight:bold;/*加粗*/font-style:italic;/*斜体*/line-height:1.5;
- el-input 设置类型为number时，输入中文后光标会上移，并且会出现上下箭头
前端小趴菜05
vue.jselementuicss
光标上移设置el-input的type='number'后，只能输入数字，输入中文后会自动清空，但是会出现一个问题：【光标会上移，如下图】解决方法：修改样式注意：需要使用样式穿透:deep()/*解决el-input设置类型为number时，中文输入法光标上移问题*/:deep(.el-input__inner){line-height:1px!important;}输入框后面会出现上下箭头设置e
- WX小程序/公众号
不努力谁会可怜你？
前端技术微信小程序
1WX中的基础知识和应用案例X.1箭头>符号的css写法.address-box{display:flex;justify-content:space-between;color:#999;line-height:90rpx;font-size:28rpx;margin-left:40rpx;}.address-box.address-manage{position:relative;height
- html hover作用另外一个对象,css:hover状态改变另一个元素样式的使用
吃货喵
htmlhover作用另外一个对象
效果演示css:hover状态改变另一个元素样式的使用.box{width:150px;height:150px;background-color:#069;line-height:150px;text-align:center;margin:20px0;color:#FFF;}.change{font-size:20px;color:#0cf;}/*情景一：两个是兄弟元素*/.box:hover
- CSS的滑动门技术
xiao____ming
html5css3
在制作导航栏等网页元素时，常常需要为其设置特殊形状的背景，为了使各种特殊形状的背景能够自适应元素中文本的多少，即实现自由拉伸滑动，就出现了CSS滑动门技术。微信的导航栏：滑动门简单使用：Documenta{display:inline-block;height:33px;line-height:33px;background:url(to.png)no-repeat;margin:100px;pa
- jvm调优总结（从基本概念 到 深度优化）
oloz
javajvmjdk虚拟机应用服务器
JVM参数详解：http://www.cnblogs.com/redcreen/archive/2011/05/04/2037057.html
Java虚拟机中，数据类型可以分为两类：基本类型和引用类型。基本类型的变量保存原始值，即：他代表的值就是数值本身；而引用类型的变量保存引用值。“引用值”代表了某个对象的引用，而不是对象本身，对象本身存放在这个引用值所表示的地址的位置。
- 【Scala十六】Scala核心十：柯里化函数
bit1129
scala
本篇文章重点说明什么是函数柯里化，这个语法现象的背后动机是什么，有什么样的应用场景，以及与部分应用函数(Partial Applied Function)之间的联系 1. 什么是柯里化函数
A way to write functions with multiple parameter lists. For instance
def f(x: Int)(y: Int) is a
- HashMap
dalan_123
java
HashMap在java中对很多人来说都是熟的；基于hash表的map接口的非同步实现。允许使用null和null键；同时不能保证元素的顺序；也就是从来都不保证其中的元素的顺序恒久不变。
1、数据结构
在java中，最基本的数据结构无外乎：数组 和 引用（指针），所有的数据结构都可以用这两个来构造，HashMap也不例外，归根到底HashMap就是一个链表散列的数据
- Java Swing如何实时刷新JTextArea，以显示刚才加append的内容
周凡杨
java更新swingJTextArea
在代码中执行完textArea.append("message")后，如果你想让这个更新立刻显示在界面上而不是等swing的主线程返回后刷新，我们一般会在该语句后调用textArea.invalidate()和textArea.repaint()。
问题是这个方法并不能有任何效果，textArea的内容没有任何变化，这或许是swing的一个bug，有一个笨拙的办法可以实现
- servlet或struts的Action处理ajax请求
g21121
servlet
其实处理ajax的请求非常简单，直接看代码就行了：
//如果用的是struts
//HttpServletResponse response = ServletActionContext.getResponse();
// 设置输出为文字流
response.setContentType("text/plain");
// 设置字符集
res
- FineReport的公式编辑框的语法简介
老A不折腾
finereport公式总结
FINEREPORT用到公式的地方非常多，单元格（以=开头的便被解析为公式），条件显示，数据字典，报表填报属性值定义，图表标题，轴定义，页眉页脚，甚至单元格的其他属性中的鼠标悬浮提示内容都可以写公式。
简单的说下自己感觉的公式要注意的几个地方：
1.if语句语法刚接触感觉比较奇怪，if(条件式子,值1,值2)，if可以嵌套，if(条件式子1，值1，if(条件式子2，值2，值3)
- linux mysql 数据库乱码的解决办法
墙头上一根草
linuxmysql数据库乱码
linux 上mysql数据库区分大小写的配置
lower_case_table_names=1 1-不区分大小写 0-区分大小写
修改/etc/my.cnf 具体的修改内容如下:
[client]
default-character-set=utf8
[mysqld]
datadir=/var/lib/mysql
socket=/va
- 我的spring学习笔记6-ApplicationContext实例化的参数兼容思想
aijuans
Spring 3
ApplicationContext能读取多个Bean定义文件，方法是：
ApplicationContext appContext = new ClassPathXmlApplicationContext（
new String[]｛“bean-config1.xml”，“bean-config2.xml”，“bean-config3.xml”，“bean-config4.xml
- mysql 基准测试之sysbench
annan211
基准测试mysql基准测试MySQL测试sysbench
1 执行如下命令，安装sysbench-0.5：
tar xzvf sysbench-0.5.tar.gz
cd sysbench-0.5
chmod +x autogen.sh
./autogen.sh
./configure --with-mysql --with-mysql-includes=/usr/local/mysql
- sql的复杂查询使用案列与技巧
百合不是茶
oraclesql函数数据分页合并查询
本片博客使用的数据库表是oracle中的scott用户表;
------------------- 自然连接查询
查询 smith 的上司(两种方法)
&
- 深入学习Thread类
bijian1013
javathread多线程java多线程
一． 线程的名字
下面来看一下Thread类的name属性，它的类型是String。它其实就是线程的名字。在Thread类中，有String getName()和void setName(String)两个方法用来设置和获取这个属性的值。
同时，Thr
- JSON串转换成Map以及如何转换到对应的数据类型
bijian1013
javafastjsonnet.sf.json
在实际开发中，难免会碰到JSON串转换成Map的情况，下面来看看这方面的实例。另外，由于fastjson只支持JDK1.5及以上版本，因此在JDK1.4的项目中可以采用net.sf.json来处理。
一.fastjson实例
JsonUtil.java
package com.study;
impor
- 【RPC框架HttpInvoker一】HttpInvoker：Spring自带RPC框架
bit1129
spring
HttpInvoker是Spring原生的RPC调用框架，HttpInvoker同Burlap和Hessian一样，提供了一致的服务Exporter以及客户端的服务代理工厂Bean，这篇文章主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成
在
【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中
- 【Mahout二】基于Mahout CBayes算法的20newsgroup的脚本分析
bit1129
Mahout
#!/bin/bash
#
# Licensed to the Apache Software Foundation (ASF) under one or more
# contributor license agreements. See the NOTICE file distributed with
# this work for additional information re
- nginx三种获取用户真实ip的方法
ronin47
随着nginx的迅速崛起，越来越多公司将apache更换成nginx. 同时也越来越多人使用nginx作为负载均衡, 并且代理前面可能还加上了CDN加速，但是随之也遇到一个问题：nginx如何获取用户的真实IP地址,如果后端是apache,请跳转到<apache获取用户真实IP地址>，如果是后端真实服务器是nginx，那么继续往下看。
实例环境： 用户IP 120.22.11.11
- java-判断二叉树是不是平衡
bylijinnan
java
参考了
http://zhedahht.blog.163.com/blog/static/25411174201142733927831/
但是用java来实现有一个问题。
由于Java无法像C那样“传递参数的地址，函数返回时能得到参数的值”，唯有新建一个辅助类：AuxClass
import ljn.help.*;
public class BalancedBTree {
- BeanUtils.copyProperties VS PropertyUtils.copyProperties
诸葛不亮
PropertyUtilsBeanUtils
BeanUtils.copyProperties VS PropertyUtils.copyProperties
作为两个bean属性copy的工具类，他们被广泛使用，同时也很容易误用，给人造成困然；比如：昨天发现同事在使用BeanUtils.copyProperties copy有integer类型属性的bean时，没有考虑到会将null转换为0，而后面的业
- [金融与信息安全]最简单的数据结构最安全
comsci
数据结构
现在最流行的数据库的数据存储文件都具有复杂的文件头格式，用操作系统的记事本软件是无法正常浏览的，这样的情况会有什么问题呢？
从信息安全的角度来看，如果我们数据库系统仅仅把这种格式的数据文件做异地备份，如果相同版本的所有数据库管理系统都同时被攻击，那么
- vi区段删除
Cwind
linuxvi区段删除
区段删除是编辑和分析一些冗长的配置文件或日志文件时比较常用的操作。简记下vi区段删除要点备忘。
vi概述
引文中并未将末行模式单独列为一种模式。单不单列并不重要，能区分命令模式与末行模式即可。
vi区段删除步骤：
1. 在末行模式下使用:set nu显示行号
非必须，随光标移动vi右下角也会显示行号，能够正确找到并记录删除开始行
- 清除tomcat缓存的方法总结
dashuaifu
tomcat缓存
用tomcat容器，大家可能会发现这样的问题，修改jsp文件后，但用IE打开 依然是以前的Jsp的页面。
出现这种现象的原因主要是tomcat缓存的原因。
解决办法如下:
在jsp文件头加上
<meta http-equiv="Expires" content="0"> <meta http-equiv="kiben&qu
- 不要盲目的在项目中使用LESS CSS
dcj3sjt126com
Webless
如果你还不知道LESS CSS是什么东西，可以看一下这篇文章，是我一朋友写给新人看的《CSS——LESS》
不可否认，LESS CSS是个强大的工具，它弥补了css没有变量、无法运算等一些“先天缺陷”，但它似乎给我一种错觉，就是为了功能而实现功能。
比如它的引用功能
?
.rounded_corners{
- [入门]更上一层楼
dcj3sjt126com
PHPyii2
更上一层楼
通篇阅读完整个“入门”部分，你就完成了一个完整 Yii 应用的创建。在此过程中你学到了如何实现一些常用功能，例如通过 HTML 表单从用户那获取数据，从数据库中获取数据并以分页形式显示。你还学到了如何通过 Gii 去自动生成代码。使用 Gii 生成代码把 Web 开发中多数繁杂的过程转化为仅仅填写几个表单就行。
本章将介绍一些有助于更好使用 Yii 的资源：
- Apache HttpClient使用详解
eksliang
httpclienthttp协议
Http协议的重要性相信不用我多说了，HttpClient相比传统JDK自带的URLConnection，增加了易用性和灵活性（具体区别，日后我们再讨论），它不仅是客户端发送Http请求变得容易，而且也方便了开发人员测试接口（基于Http协议的），即提高了开发的效率，也方便提高代码的健壮性。因此熟练掌握HttpClient是很重要的必修内容，掌握HttpClient后，相信对于Http协议的了解会
- zxing二维码扫描功能
gundumw100
androidzxing
经常要用到二维码扫描功能
现给出示例代码
import com.google.zxing.WriterException;
import com.zxing.activity.CaptureActivity;
import com.zxing.encoding.EncodingHandler;
import android.app.Activity;
import an
- 纯HTML+CSS带说明的黄色导航菜单
ini
htmlWebhtml5csshovertree
HoverTree带说明的CSS菜单:纯HTML+CSS结构链接带说明的黄色导航
在线体验效果：http://hovertree.com/texiao/css/1.htm代码如下,保存到HTML文件可以看到效果：
<!DOCTYPE html >
<html >
<head>
<title>HoverTree
- fastjson初始化对性能的影响
kane_xie
fastjson序列化
之前在项目中序列化是用thrift，性能一般，而且需要用编译器生成新的类，在序列化和反序列化的时候感觉很繁琐，因此想转到json阵营。对比了jackson，gson等框架之后，决定用fastjson，为什么呢，因为看名字感觉很快。。。
网上的说法：
fastjson 是一个性能很好的 Java 语言实现的 JSON 解析器和生成器，来自阿里巴巴的工程师开发。
- 基于Mybatis封装的增删改查实现通用自动化sql
mengqingyu
DAO
1.基于map或javaBean的增删改查可实现不写dao接口和实现类以及xml，有效的提高开发速度。
2.支持自定义注解包括主键生成、列重复验证、列名、表名等
3.支持批量插入、批量更新、批量删除
<bean id="dynamicSqlSessionTemplate" class="com.mqy.mybatis.support.Dynamic
- js控制input输入框的方法封装(数字，中文，字母，浮点数等)
qifeifei
javascript js
在项目开发的时候，经常有一些输入框，控制输入的格式，而不是等输入好了再去检查格式，格式错了就报错，体验不好。 /** 数字，中文，字母,浮点数(+/-/.) 类型输入限制，只要在input标签上加上 jInput="number,chinese,alphabet,floating" 备注：floating属性只能单独用*/
funct
- java 计时器应用
tangqi609567707
javatimer
mport java.util.TimerTask; import java.util.Calendar; public class MyTask extends TimerTask { private static final int
- erlang输出调用栈信息
wudixiaotie
erlang
在erlang otp的开发中，如果调用第三方的应用，会有有些错误会不打印栈信息，因为有可能第三方应用会catch然后输出自己的错误信息，所以对排查bug有很大的阻碍，这样就要求我们自己打印调用的栈信息。用这个函数：erlang:process_display (self (), backtrace).需要注意这个函数只会输出到标准错误输出。
也可以用这个函数：erlang:get_s
