- 一图一感:
星辰_030a
红霞布满天,温暖人世间。圆阳露头笑,水印笑靥脸。景象已红遍,根本就无边。堤上三人行,迈步挺悠闲。
- css新特性?
一个大长腿
css前端
CSS(层叠样式表)作为网页样式设计的关键语言,在不断发展和更新中也引入了许多新的特性以提供更强大的样式控制和设计能力。以下是一些较新的CSS特性:CSSGrid布局:CSSGrid布局是一种二维布局系统,可以通过定义行和列来创建复杂的布局结构,实现灵活的网格布局。Flexbox布局:Flexbox是一种弹性盒子布局模型,可以实现更加简单和有效的布局方式,使得元素在容器内按照指定的规则排列和对齐。
- 页面垂直居中实现方法(HTML/CSS)
TdMaster
csshtml前端
在网页设计中,垂直居中是一个常见的需求。本文将介绍几种常用的方法,以实现HTML/CSS中的页面垂直居中效果。方法一:使用Flexbox布局Flexbox是CSS3中引入的一种弹性盒子布局模型,它提供了简单而强大的方式来实现元素的居中对齐。下面是一个使用Flexbox布局实现页面垂直居中的示例代码:body,html{height:100%;margin:0;display:flex;align-
- 网页HTML5制作flex布局骰子,css3 flex布局结合transform生成一个3D骰子
weixin_39905500
1Flex布局首先聊聊Flex布局,Flex布局又称“弹性布局”,任何容器都可以指定为Flex布局,设置Flex布局会使得子元素的float、clear、vertical-align失效1.1Flex属性1.1.1flex-direction:决定项目的排列方向,默认自左向右水平排列.box{flex-direction:row|row-reverse|column|column-reverse;
- 【HTML/CSS】flex布局绘制骰子
CranberryPancake
HTML/CSScssflex
参考博文CSSflex弹性盒父级元素display:flex——子元素默认变成block,float失效flex-direction主轴方向row(默认)/row-reverse/column/column-reversejustify-content(沿着主轴方向):center/flex-start/flex-endalign-items(垂直主轴方向):center/flex-start/f
- qt+ffmpeg 实现音视频播放(一)
码农客栈
音视频Qtffmpegqtffmpeg音视频
一、ffmpeg下载官网:点击跳转二、模块介绍1.libavcodec:音视频编解码库,提供了多种编解码器,可以支持多种音视频格式的编解码操作。2.libavformat:音视频封装和解封装库,提供了多种封装格式的支持,可以读取和写入多种音视频文件格式。3.libavfilter:音视频过滤器库,提供了多种音视频过滤器,可以对音视频流进行各种处理,如添加水印、调整亮度、对比度等。4.libavde
- 一个简单的微信小程序表单提交样式模板
w宇宙王
微信小程序小程序
没什么东西,只是方便自己直接复制使用.wxml姓名:学校:职位选择:提交.,scss.box{padding:30rpx;}.form-item{display:flex;background-color:rgb(221,230,230);margin-bottom:10rpx;border-radius:30rpx;}.head{line-height:100rpx;margin-left:30
- SpringBoot实现 PDF 添加水印
A尘埃
springbootpdf后端水印
方案一:使用ApachePDFBox库①、依赖org.apache.pdfboxpdfbox2.0.24②、添加水印publicclassPdfoxWatermark{publicstaticvoidmain(String[]args)throwsIOException{//读取原始PDF文件PDDocumentdocument=PDDocument.load(newFile("original.
- flex布局
甜柚小仙女
概述:flex全称为flexiblebox译为弹性布局flex布局生效后子元素的floatvertical-alignclear属性将失效flex布局应写给父元素采用Flex布局的元素,称为Flex容器(flexcontainer),简称"容器"。它的所有子元素自动成为容器成员,称为Flex项目(flexitem),简称"项目"。容器默认(注意主轴不一定是水平方向,这里只是默认值)存在两根轴:水平
- HTML5+CSS3小实例:3D分层图像悬停效果
艾恩小灰灰
实例:3D分层图像悬停效果技术栈:HTML+CSS效果:源码:【html】3D分层图像悬停效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*弹性布局居中*/display:flex;justify-content:center;align-items:center;overflow:hidden;/*渐变背景*/
- 图片预加载和懒加载
简书超级会员
图片预加载,即图片提前加载,可以保证图片快速、无缝的发布,用户需要查看时可直接从本地缓存中渲染,适用于图片占据很大比例的网站。图片出现在视窗内的情况:offsetTop图片预加载和懒加载body{background:#f4f4f4;}.content{width:90%;margin:0auto;display:flex;flex-wrap:wrap;}img{background:#eeeee
- 华三服务器系统安装详解,h3cr390服务器raid和安装系统.docx
weidunzai
华三服务器系统安装详解
H3CFlexServerR390服务器win2008R2操作系统安装步骤1、配置服务器ILO口、配置服务器ILO口IP地址用于远程连接服务器FtexSefve「R39Ofl0务器加电后.半运行到如卜截图所示的界i闻时,按F8键进人RBSU配倉贞rfckDGBInslnlledProLiantSystCHBIOSP?0(OJ/O1/2013JLopiirighll?BZr2613HewlettF&
- elementUI 样式小总结
前端开发小陈
elementuivue.jsjavascript
样式代码小总结1.弹窗居中显示,内容过高自行滚动。.dialog/deep/.el-dialog{display:flex;flex-direction:column;margin:0!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:calc(100%-200px);max
- 父元素flex:1,子元素宽度100%失效的问题
一个巨蟹座的前端
vuejsvue.js前端javascriptcsshtml
今天做项目时遇见一个问题,父元素在设置flex:1来固定宽度撑满时,子元素设置width100%无效。经过尝试发现给父元素及设置flex:1的元素加上width:0可解决。即这样写:.parent{flex:1;width:0;.children{width:100%;overflow-x:scroll;}}但同时遇到了另一个问题,我发现这样设置后,即使width超过之后,横向滚动条依然不出现,经
- 抖音新人上热门技巧
rno5555
全民抖音时代,你还在当个观众?如何利用抖音打造爆款?怎么快速获取大量流量?快速破解抖音商业密码?抖音大神教学月入上万不是梦!2年经验干货课程让你从新手到大神!2019你不可错过的抖音教程!《抖音+运营必备工具大全》《抖音快闪模板》《实战技巧入门到精通》课程纲要:一、《原创视频制作》内容包括:如何做一个完整的原创视频,包括如何做片头、片尾、如何去水印、视频剪辑、加字幕、找配音、如何找素材等。二、《短
- react + umi中如何使用rem完成自适应布局
左&耳
前端css3html
只要写css就可以实现:flex+rem布局;在项目的global.less中根据媒体查询;媒体查询是用于根据设备的特性(如屏幕尺寸、屏幕方向、分辨率等)来应用不同的CSS样式的技术。以下是一些常用的媒体查询尺寸:小屏幕设备(手机):最大宽度为576px:@media(max-width:576px){...}中等屏幕设备(平板):最小宽度为576px:@media(min-width:576px
- h5兼容问题记录
森林里的小姑娘
前端h5兼容
1、flex的gap无效需使用margin等处理2、弹窗滚动下面跟着滚动IOS-body添加和释放overflow:hiddenAndroid-https://www.npmjs.com/package/body-scroll-lockimport{disableBodyScroll,enableBodyScroll}from'body-scroll-lock';constisIOS=ref(br
- Android RecyclerView缓存机制
Bfmall
前言RecyclerView大概是Android开发者接触最多的一个控件了,官方对其做了很好的封装抽象,使得它既灵活又好用,但是你真的了解它么?在它简单的使用方式之下着实是不简单,首先我们看一下官方对它的介绍:Aflexibleviewforprovidingalimitedwindowintoalargedataset.很简单,就一句话「为大量数据集提供一个有限的展示窗口的灵活视图」怎么展示大量
- Python把word转为html(去水印版)
lytcreate.
Pythonwordpythonhtml
背景:有一份word文档,但是通过aspose.words转化为图片后会有水印,虽然上下方的水印可以通过截取去掉,但是文本中间的logo水印无法去除,所以需要转为html进行去除版本说明:aspose-words==24.2.0输入:一个word的文件路径输出:一个同名的html问价importaspose.words.savingassavingimportaspose.wordsasawfro
- 《中国花语》|萱草花又名忘忧草,秋海棠又名相思草,你知道吗?
时寸光
《中国花语》|萱草花又名忘忧草,秋海棠又名相思草,你知道吗?《中国花语》这本书既现代又古风,颜值很高哦,尤其是90幅《百花诗笺谱》木刻水印花卉图,显得特别珍贵,这可是当年鲁迅和郑振铎两位大师的挚爱,并汇集成册,留传下来的珍品了,的的确确属于“岁月深处有沉香”了,读《中国花语》,了解这些优美花卉在中国古文化和现代生活中的文化价值和欣赏价值,特别是中国文化意境中的花语,特别符合我们的文化价值和东文审美
- .net用无水印开源库把word转为pdf代码
Shen Planck
wordpdf
可以使用iTextSharp这个开源库来将Word文档转换为PDF。首先,你需要在项目中安装iTextSharp这个NuGet包。然后,你可以使用下面的代码将Word文档转换为PDF:using(WordprocessingDocumentwordDocument=WordprocessingDocument.Open(wordFile,false)){using(PdfDocumentpdfDo
- 在C++程序中给视频添加文字水印
ygwelcome
c++音视频开发语言ffmpeg
有时候,我们需要给视频添加文字或水印,用已有的工具当然最简单,但想在自己的应用中,如C++应用程序中来实现,如何实现呢?假设采用FFmpeg库,可通过C++二次开发调用实现。当然这个过程还是比较复杂的,需要有一定的多媒体编程能力并使用FFmpeg的多媒体处理功能。可按以下步骤:1、安装FFmpeg:首先,确保你的系统上已经安装了FFmpeg。你可以从FFmpeg官方网站下载二进制文件,或者使用包管
- 前端实现页面水印
修复bug
前端cssvue.jsjavascript
Document*{box-sizing:border-box;list-style:none;}html{margin:0;padding:0;}body{margin:0!important;padding:0;height:auto;}.box{width:100%;height:100vh;overflow:scroll;border:1pxsolidred;}/*滚动条样式*/.box:
- 视频去水印怎么去除?分享一种简单去除水印的方法
shuiyin
视频去水印怎么去除?当我们在网上看到喜欢或需要的视频会下载到手机或电脑中,可是下载的视频都是带有水印的,比如说我们保存的一些视频,这些视频是带有专属水印的。大家知道怎么去除这些视频中的水印吗?以下给大家分享一个简单去除水印的方法,简单的几步就可以完成哦!步骤一:在浏览器上搜索“水印云”,打开官网首页,点击“立即体验”;(也可下载水印云客户端,步骤同下)。步骤二:注册一个账号并登录,点击“视频去水印
- uni-app 实现拍照后给照片加水印功能
前端码农小黄
功能uni-app前端
遇到个需求需要实现,研究了一下后写了个demo本质上就是把拍完照后的照片放到canvas里,然后加上水印样式然后再重新生成一张图片代码如下,看注释即可~使用的话记得还是得优化下代码测试按钮exportdefault{data(){return{canvasWidth:300,canvasHeight:150,}},methods:{handlePhotoAndWatermask(){//调用拍照功
- 给图片添加图片水印
九九七七
react.jsanti-design-vue前端图片水印vue.js
一、项目场景:react+antd4.x(此版本没有watermark水印),需要将后端传递的图片添加图片水印二、水印添加:(此代码为修改好的)importimgsfrom'./水印图片.png';//引入水印图片...代码const[url,setUrl]=useState('');//状态管理变量,记录图片最终的路径,vue中使用data来控制...代码//水印constimg=documen
- HarmonyOS4.0系统性深入开发35 弹性布局(Flex)
程序员沙蛙
鸿蒙系统harmonyoswindowsintellijideamicrosoft
弹性布局(Flex)概述弹性布局(Flex)提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。容器默认存在主轴与交叉轴,子元素默认沿主轴排列,子元素在主轴方向的尺寸称为主轴尺寸,在交叉轴方向的尺寸称为交叉轴尺寸。弹性布局在开发场景中用例特别多,比如页面头部导航栏的均匀分布、页面框架的搭建、多行数据的排列等等。图1主轴为水平方向的Flex容器示意图基本概念主轴:Flex组件布局方向的轴
- 图片批量添加文字水印
巴鶴
为了版权安全,可以给自己设计的图片设置批量文字水印功能思路分析为图片添加文字水印,主要用到PIL库中的相应类,PIL是一个Python图像处理库,它支持多种文件格式,并提供了强大的图像处理和图形处理能力,本例中主要使用PIL库的Image模块、ImageDraw模块、ImageFont模块和ImageEnhance模块,作用分别如下:Image模块:该模块中提供了一个与模块同名的Image类,用来
- 前端| Day6:Flex布局(黑马笔记)
Sunshine.King
前端前端笔记css3
Day6:Flex布局目录Day6:Flex布局一、标准流二、浮动1.基本使用2.产品区域布局HTML标签CSS样式3.清除浮动场景搭建额外标签法单伪元素法双伪元素法overfow法三、Flex布局1.Flex组成2.主轴对齐方式3.侧轴对齐方式4.修改主轴方向5.弹性伸缩比6.弹性盒子换行7.行内对齐方式四、综合案例抖音解决方案HTML标签CSS样式一、标准流标准流也叫文档流,指的是标签在页面中
- HTML5+CSS3小实例:有点小酷的input输入框动画
艾恩小灰灰
HTML5+CSS3实现有点小酷的input输入框动画,带动画的输入框,总是让人忍不住去点它。先看效果:源代码:您的姓名*{margin:0;padding:0;outline:none;/*这个是告诉浏览器:你想要设置的边框和内边距的值是包含在总宽高内的*/box-sizing:border-box;}body{/*弹性布局水平垂直居中*/display:flex;align-items:cen
- Java实现的简单双向Map,支持重复Value
superlxw1234
java双向map
关键字:Java双向Map、DualHashBidiMap
有个需求,需要根据即时修改Map结构中的Value值,比如,将Map中所有value=V1的记录改成value=V2,key保持不变。
数据量比较大,遍历Map性能太差,这就需要根据Value先找到Key,然后去修改。
即:既要根据Key找Value,又要根据Value
- PL/SQL触发器基础及例子
百合不是茶
oracle数据库触发器PL/SQL编程
触发器的简介;
触发器的定义就是说某个条件成立的时候,触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用,也不能调用。触发器和过程函数类似 过程函数必须要调用,
一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行,
触发时间:指明触发器何时执行,该值可取:
before:表示在数据库动作之前触发
- [时空与探索]穿越时空的一些问题
comsci
问题
我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....
这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
- easy ui datagrid上移下移一行
商人shang
js上移下移easyuidatagrid
/**
* 向上移动一行
*
* @param dg
* @param row
*/
function moveupRow(dg, row) {
var datagrid = $(dg);
var index = datagrid.datagrid("getRowIndex", row);
if (isFirstRow(dg, row)) {
- Java反射
oloz
反射
本人菜鸟,今天恰好有时间,写写博客,总结复习一下java反射方面的知识,欢迎大家探讨交流学习指教
首先看看java中的Class
package demo;
public class ClassTest {
/*先了解java中的Class*/
public static void main(String[] args) {
//任何一个类都
- springMVC 使用JSR-303 Validation验证
杨白白
springmvc
JSR-303是一个数据验证的规范,但是spring并没有对其进行实现,Hibernate Validator是实现了这一规范的,通过此这个实现来讲SpringMVC对JSR-303的支持。
JSR-303的校验是基于注解的,首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。
登录需要验证类
public class Login {
@NotEmpty
- log4j
香水浓
log4j
log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE
#log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML
#console
log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender
log4
- 使用ajax和history.pushState无刷新改变页面URL
agevs
jquery框架Ajaxhtml5chrome
表现
如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时,细心的你会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。
是什么有这么强大的功能呢?
HTML5里引用了新的API,history.pushState和history.replaceState,就是通过
- centos中文乱码
AILIKES
centosOSssh
一、CentOS系统访问 g.cn ,发现中文乱码。
于是用以前的方式:yum -y install fonts-chinese
CentOS系统安装后,还是不能显示中文字体。我使用 gedit 编辑源码,其中文注释也为乱码。
后来,终于找到以下方法可以解决,需要两个中文支持的包:
fonts-chinese-3.02-12.
- 触发器
baalwolf
触发器
触发器(trigger):监视某种情况,并触发某种操作。
触发器创建语法四要素:1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete)
语法:
create trigger triggerName
after/before 
- JS正则表达式的i m g
bijian1013
JavaScript正则表达式
g:表示全局(global)模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即停止。 i:表示不区分大小写(case-insensitive)模式,即在确定匹配项时忽略模式与字符串的大小写。 m:表示
- HTML5模式和Hashbang模式
bijian1013
JavaScriptAngularJSHashbang模式HTML5模式
我们可以用$locationProvider来配置$location服务(可以采用注入的方式,就像AngularJS中其他所有东西一样)。这里provider的两个参数很有意思,介绍如下。
html5Mode
一个布尔值,标识$location服务是否运行在HTML5模式下。
ha
- [Maven学习笔记六]Maven生命周期
bit1129
maven
从mvn test的输出开始说起
当我们在user-core中执行mvn test时,执行的输出如下:
/software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
- 【Hadoop七】基于Yarn的Hadoop Map Reduce容错
bit1129
hadoop
运行于Yarn的Map Reduce作业,可能发生失败的点包括
Task Failure
Application Master Failure
Node Manager Failure
Resource Manager Failure
1. Task Failure
任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
- 记一次数据推送的异常解决端口解决
ronin47
记一次数据推送的异常解决
需求:从db获取数据然后推送到B
程序开发完成,上jboss,刚开始报了很多错,逐一解决,可最后显示连接不到数据库。机房的同事说可以ping 通。
自已画了个图,逐一排除,把linux 防火墙 和 setenforce 设置最低。
service iptables stop
- 巧用视错觉-UI更有趣
brotherlamp
UIui视频ui教程ui自学ui资料
我们每个人在生活中都曾感受过视错觉(optical illusion)的魅力。
视错觉现象是双眼跟我们开的一个玩笑,而我们往往还心甘情愿地接受我们看到的假象。其实不止如此,视觉错现象的背后还有一个重要的科学原理——格式塔原理。
格式塔原理解释了人们如何以视觉方式感觉物体,以及图像的结构,视角,大小等要素是如何影响我们的视觉的。
在下面这篇文章中,我们首先会简单介绍一下格式塔原理中的基本概念,
- 线段树-poj1177-N个矩形求边长(离散化+扫描线)
bylijinnan
数据结构算法线段树
package com.ljn.base;
import java.util.Arrays;
import java.util.Comparator;
import java.util.Set;
import java.util.TreeSet;
/**
* POJ 1177 (线段树+离散化+扫描线),题目链接为http://poj.org/problem?id=1177
- HTTP协议详解
chicony
http协议
引言
- Scala设计模式
chenchao051
设计模式scala
Scala设计模式
我的话: 在国外网站上看到一篇文章,里面详细描述了很多设计模式,并且用Java及Scala两种语言描述,清晰的让我们看到各种常规的设计模式,在Scala中是如何在语言特性层面直接支持的。基于文章很nice,我利用今天的空闲时间将其翻译,希望大家能一起学习,讨论。翻译
- 安装mysql
daizj
mysql安装
安装mysql
(1)删除linux上已经安装的mysql相关库信息。rpm -e xxxxxxx --nodeps (强制删除)
执行命令rpm -qa |grep mysql 检查是否删除干净
(2)执行命令 rpm -i MySQL-server-5.5.31-2.el
- HTTP状态码大全
dcj3sjt126com
http状态码
完整的 HTTP 1.1规范说明书来自于RFC 2616,你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性,因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端,支持协议版本可以通过调用request
- asihttprequest上传图片
dcj3sjt126com
ASIHTTPRequest
NSURL *url =@"yourURL";
ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url];
[currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
- C语言中,关键字static的作用
e200702084
C++cC#
在C语言中,关键字static有三个明显的作用:
1)在函数体,局部的static变量。生存期为程序的整个生命周期,(它存活多长时间);作用域却在函数体内(它在什么地方能被访问(空间))。
一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区,函数调用结束后并不释放单元,但是在其它的作用域的无法访问。当再次调用这个函数时,这个局部的静态变量还存活,而且用在它的访
- win7/8使用curl
geeksun
win7
1. WIN7/8下要使用curl,需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址:
http://curl.haxx.se/download.html 请选择不带SSL的版本,否则还需要安装SSL的支持包 2. 可以给Windows增加c
- Creating a Shared Repository; Users Sharing The Repository
hongtoushizi
git
转载自:
http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section:
git init –bare
git clone
git remote
git pull
git p
- Java实现字符串反转的8种或9种方法
Josh_Persistence
异或反转递归反转二分交换反转java字符串反转栈反转
注:对于第7种使用异或的方式来实现字符串的反转,如果不太看得明白的,可以参照另一篇博客:
http://josh-persistence.iteye.com/blog/2205768
/**
*
*/
package com.wsheng.aggregator.algorithm.string;
import java.util.Stack;
/**
- 代码实现任意容量倒水问题
home198979
PHP算法倒水
形象化设计模式实战 HELLO!架构 redis命令源码解析
倒水问题:有两个杯子,一个A升,一个B升,水有无限多,现要求利用这两杯子装C
- Druid datasource
zhb8015
druid
推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证,稳定可靠。 它最重要的特点是:监控、扩展和性能。 下载和Maven配置看这里: http
- 两种启动监听器ApplicationListener和ServletContextListener
spjich
javaspring框架
引言:有时候需要在项目初始化的时候进行一系列工作,比如初始化一个线程池,初始化配置文件,初始化缓存等等,这时候就需要用到启动监听器,下面分别介绍一下两种常用的项目启动监听器
ServletContextListener
特点: 依赖于sevlet容器,需要配置web.xml
使用方法:
public class StartListener implements
- JavaScript Rounding Methods of the Math object
何不笑
JavaScriptMath
The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(), Math.floor(), and Math.round() — handle rounding in differen