- 招标专家随机抽选——抽取结果打印模板设计—未来之窗智能编程——仙盟创梦IDE
未来之窗软件服务
招标专家仙盟创梦IDE东方仙盟
打印代码function未来之窗_人工智能_打印指定区域(魔都id){varmode="iframe";varclose=false;varextraCss=`.cyberwinqrimg{display:inline-block!important;}`;varkeepAttr=[];keepAttr.push($("#"+魔都id).html());varheadElements=',';va
- 每天一个前端小知识 Day 2 - Flexbox 布局模型
蓝婷儿
前端面试前端css3
Flexbox布局模型(CSSFlex弹性盒模型)1.为什么要学习Flexbox?传统布局方式(如float,inline-block,table)存在:居中困难;等高列实现繁琐;代码不够语义化;响应式适配能力差。而Flexbox(CSSFlexibleBoxLayout)为这些常见问题提供了简洁、强大、现代化的解决方案,适合构建一维方向的布局(横排或竖排)。2.Flexbox核心概念容器与项目(
- css怎么将块元素变成,CSS块元素、行内元素、行内块元素的转换
wa1ki0g
css怎么将块元素变成
一、块元素转行内元素:display:inline二、行内元素转块元素:display:blockdiv{display:inline;/*无效width:500px;height:500px;*/background-color:red;}p{display:inline-block;}span{display:block;width:400px;height:300px;background-
- css3实现三角形、等腰梯形
hst❀
CSS
三角形.box{width:0px;height:0px;border-top:50pxsolidrgba(0,0,0,0);border-right:50pxsolidrgba(0,0,0,0);border-bottom:50pxsolidgreen;border-left:50pxsolidrgba(0,0,0,0);}等腰梯形.box,.box3{display:inline-block;
- display属性值之间的区别
阳光下的冷静
cssblockinlineinline-blockdisplay属性之间的区别
display这个属性主要可以取三个不同的值,分别为:block,inline,inline-block分别对应着块级元素,行内元素和内联元素。三种不同的元素的区别如下:block:前后有换行符;可设置宽高marginpadding,但即使设置了宽高,仍然是独占一行inline:设置宽高无效,宽高主要根据内容决定;marginpadding在竖直方向无效,但在水平方向有效;前后无换行符inline
- 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布局页面
aoe_z
css前端
文章目录布局1、传统布局float2、传统布局display:inline-block内联块级元素3、现代布局dislpay:flex弹性盒子1、控制弹性盒子模型内子元素的排列方向flex-direction2、设置弹性盒子内子元素是否换行flex-wrap3、设置弹性盒子内子元素的排列顺序4、flex控制弹性盒子内子元素的缩放比例5、控制弹性盒子内子元素的分布方式justify-content6
- html折叠卡片,HTML5 层叠的卡片
ideogram_ai
html折叠卡片
CSS语言:CSSSCSS确定.container{width:320px;height:568px;}.passes{width:100%;list-style:none;padding:0;margin:0;display:inline-block;position:relative;}.passesli{position:absolute;display:inline-block;width
- html中button点击效果简单,css动画-实现一个最简单的水波纹效果button
weixin_39559119
类似material-ui的button效果步骤1.在页面写出一个button并赋予简单的样式代码这是一个按钮button{display:block;/*button默认是inline-block无法用margin给它居中*/margin:50pxauto;height:60px;width:150px;color:#FFF;font-size:16px;background:#E95546;o
- A子元素撐高了父元素,同級的B子元素如果要和父級元素高度一致,用display:table
王焜棟琦
Html5cssHtml5css
A子元素撐高了父元素,同級的B子元素如果要和父級元素高度一致,父級容器用display:table;子級元素用display:table-cell;處理body{background-color:#ffffff;padding:20px;}.item01{display:inline-block;padding-right:10px;}.titleLeft{width:120px;text-ali
- 解决子元素浮动造成父元素高度塌陷的问题的几种方法
贪吃ღ大魔王
个人心得htmlhtml5css3css
解决子元素浮动造成父元素高度塌陷的问题的几种方法第一种:clear清除浮动在浮动元素后的同级元素直接用clear清除前一元素的浮动第二种:伪类清除浮动一个父级元素内所有子元素都为浮动元素,则在父级元素尾部自动创建一个非浮动块状元素第三种:子级方法在子元素的最后添加一个高度为0的子元素,并且让他清除浮动第四种:父级方法(1)给父元素设置display:inline-block;(2)给父元素设置ov
- CSS——浅谈浮动(Float),清除(Clear)
「已注销」
CSScss
浮动是CSS较常见的布局手段之一。为什么要使用浮动?使用浮动后会产生哪些变化与问题?又该如何解决问题?为什么使用浮动?浮动出现的初期仅是为了解决文字环绕浮动元素问题(文字不会被浮动元素覆盖,自动分布在浮动元素周围),逐渐的浮动慢慢应用到解决多个块级元素同行出现的问题,虽然我们可以通过将块级元素设置为display:inline-block使多个块元素同行,但是该方式不能控制元素的位置,所以实现元素
- CSS的滑动门技术
xiao____ming
html5css3
在制作导航栏等网页元素时,常常需要为其设置特殊形状的背景,为了使各种特殊形状的背景能够自适应元素中文本的多少,即实现自由拉伸滑动,就出现了CSS滑动门技术。微信的导航栏:滑动门简单使用:Documenta{display:inline-block;height:33px;line-height:33px;background:url(to.png)no-repeat;margin:100px;pa
- css实现:不固定宽高,随内容宽度自动增长的圆形
月伤59
css前端javascript
1.circle{display:inline-block;border-radius:50%;min-width:20px;min-height:20px;padding:5px;background:red;color:white;text-align:center;line-height:1;box-sizing:content-box;white-space:nowrap;}.circle
- element-ui+vue2实现粘贴上传
不做大多数
个人学习前端笔记
element-ui+vue2实现粘贴上传.img-upload{position:relative;display:inline-block;margin-right:9px;}.image{width:100px;height:100px;margin-right:9px;}.image:last-child{margin-right:0;}.img-upload.el-upload--pic
- getUserMedia 获取相机信息
js获取相机信息,并输出到video,同时绘制到canvas上,功能实现如下:Demobody{margin:0;}.container{height:150px;background:#f4f4f4;}input{margin:20px;display:inline-block;}video{position:fixed;top:30%;left:50%;transform:translate(
- 番外02:前端八股文面试题-CSS篇
Giser_轩
前端css
一:CSS基础1:CSS选择器及其优先级2:display的属性值及其作用属性值作用none元素不显示,并且会从文档流中移除block块类型,默认元素为父元素宽度,可设置宽高,换行显示inline行内元素类型,默认宽度为内容宽度,不可设置宽高,同行显示inline-block默认宽度为内容宽度,可以设置宽高,同行显示list-item像块类型元素一样显示,并添加样式列表标记table此元素会作为块
- 如何设置角标或者标签
z遥不可及
前端htmljavascript
.tagRight{display:inline-block;height:20px;width:200px;background:#f00;text-align:center;margin-top:40px;margin-left:-45px;text-decoration:none;color:#fff;-webkit-transform:rotate(-45deg);-moz-transfo
- html ul点击删除,用原生实现点击删除点击的li
weixin_39993454
htmlul点击删除
简单的实现方式#button{display:inline-block;}ul{list-style:none;}li{background-color:red;display:inline-block;width:20px;padding:10px;margin-left:3px;color:white;}window.onload=function(){varoBtn1=document.ge
- 用JavaScript写一个简单的9*9乘法表
迷雾yx
javascript开发语言ecmascript
Documentspan{width:80px;padding:5px10px;display:inline-block;/*可以使行内元素表现得像块级元素一样*/text-align:center;/*文本居中*/border:1pxsolidturquoise;margin:2px;/*每个边框之间距离为2px*/border-radius:10px;/*边框圆润*/box-shadow:6p
- 快速回顾-HTML5
code_stream
#HTMLhtml5
HTML5-常用的标签:https://blog.csdn.net/TKOP_/article/details/111395865标签定义关于HTML文档的元数据。元数据是关于数据的数据(信息)。-->快速复习HTML5.inline-block{display:inline-block;}.font-red{color:red;}#abc{color:blue;}标题1标题2标题6这是一个段文本
- Ajax实现一个简单的文件上传进度条
niceLiuSir
ajaxokhttp前端
Ajax实现一个简单的文件上传进度条功能。1.HTML代码文件名:2.CSS样式.progress-div{width:100%;height:20px;background-color:#ffffff;}#progress{height:20px;background-color:#1d9e7d;display:inline-block;}3.JS代码functionsave(){$('#sub
- CSS学习4[重点]
乌鸦不像写字台
css学习css学习前端
标签显示模式一、块级元素(block-level)二、行内元素(inline-level)三、行内块标签(inline-block)四、显示模式转换一、块级元素(block-level)每一个块元素通常会独自占据一行或多行,可以对其设置高度、宽度、对齐等属性。常用的块级元素:div,p,h1,ul,ol特点:从新行开始有宽度、行高宽度默认页面100%可以容纳内联元素和其他元素。二、行内元素(inl
- ant design 表单label固定宽度
花开富贵城
css前端html
labelCol:{style:'width:80px;display:inline-block;vertical-align:inherit;'},wrapperCol:{style:'width:calc(100%-80px);display:inline-block;'},
- css精灵图
码农NoError
cssjavascript前端
Document.star{display:inline-block;width:55px;height:11px;background-color:aqua;background-image:url(./img/ic_rating_s.png);}.star4{background-position:0-22px;}.star2{background-position:0-66px;}.star
- 前端,高度塌陷
沦陷_99999
本来父元素是由子元素抻开的,子元素设置了浮动之后,子元素就脱离文档流了,父元素无法抻开,就会形成高度塌陷解决高度塌陷BFC父元素的垂直外边距不会和子元素重叠开启BFC的元素不会被浮动元素所覆盖开启BFC的元素可以包含浮动的子元素如何开启BFC设置元素浮动设置元素的绝对定位设置元素为inline-block将元素的overflow设置为一个非visible的值(副作用最小的).box{border:
- CSS属性 - display
coolchaobing
前端学习小记css前端css3
CSS中有个display属性,能修改元素的显示类型,有4个常用值block:让元素显示为块级元素;inline:让元素显示为行内级元素;inline-block:让元素同时具备行内级、块级元素的特征;none:隐藏元素;特性block元素独占父元素的一行;可以随意设置宽高;高度默认由内容决定;inline-block元素跟其他行内级元素在同一行显示;可以随意设置宽高;可以这样理解;✓对外来说,它
- 浮动和定位
湾里晴空
关于浮动使用场景:需要将大的布局排列成一行,一般使用浮动;对于小的布局排列一般使用inline-block即可;浮动使用后一般需要清除浮动:clear:left/right/both其中第一个的意思是该元素位置在左侧浮动元素的下方,其top在左侧浮动元素bottom元素的下方。浮动可以通过设置margin来达到偏移的效果。如果需要在一列中实现水平平均布局,可以使用flex布局方式浮动除了直接使用c
- 2019-03-28作业
您的名称已被使用
html:zuoye1css:.he{width:45px;height:33px;overflow:hidden;position:relative;margin:50pxauto;}.heimg{/*display:inline-block;*/position:absolute;top:-335px;left:-10px;}.heimg:hover{left:-59px;}.heimg:ac
- tomcat基础与部署发布
暗黑小菠萝
Tomcat java web
从51cto搬家了,以后会更新在这里方便自己查看。
做项目一直用tomcat,都是配置到eclipse中使用,这几天有时间整理一下使用心得,有一些自己配置遇到的细节问题。
Tomcat:一个Servlets和JSP页面的容器,以提供网站服务。
一、Tomcat安装
安装方式:①运行.exe安装包
&n
- 网站架构发展的过程
ayaoxinchao
数据库应用服务器网站架构
1.初始阶段网站架构:应用程序、数据库、文件等资源在同一个服务器上
2.应用服务和数据服务分离:应用服务器、数据库服务器、文件服务器
3.使用缓存改善网站性能:为应用服务器提供本地缓存,但受限于应用服务器的内存容量,可以使用专门的缓存服务器,提供分布式缓存服务器架构
4.使用应用服务器集群改善网站的并发处理能力:使用负载均衡调度服务器,将来自客户端浏览器的访问请求分发到应用服务器集群中的任何
- [信息与安全]数据库的备份问题
comsci
数据库
如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题
如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢?
是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢?
&n
- 使用maven tomcat plugin插件debug关联源代码
商人shang
mavendebug查看源码tomcat-plugin
*首先需要配置好'''maven-tomcat7-plugin''',参见[[Maven开发Web项目]]的'''Tomcat'''部分。
*配置好后,在[[Eclipse]]中打开'''Debug Configurations'''界面,在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的
- 大访问量高并发
oloz
大访问量高并发
大访问量高并发的网站主要压力还是在于数据库的操作上,尽量避免频繁的请求数据库。下面简
要列出几点解决方案:
01、优化你的代码和查询语句,合理使用索引
02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中
03、采用服务器集群、负载均衡分担大访问量高并发压力
04、数据读写分离
05、合理选用框架,合理架构(推荐分布式架构)。
- cache 服务器
小猪猪08
cache
Cache 即高速缓存.那么cache是怎么样提高系统性能与运行速度呢?是不是在任何情况下用cache都能提高性能?是不是cache用的越多就越好呢?我在近期开发的项目中有所体会,写下来当作总结也希望能跟大家一起探讨探讨,有错误的地方希望大家批评指正。
1.Cache 是怎么样工作的?
Cache 是分配在服务器上
- mysql存储过程
香水浓
mysql
Description:插入大量测试数据
use xmpl;
drop procedure if exists mockup_test_data_sp;
create procedure mockup_test_data_sp(
in number_of_records int
)
begin
declare cnt int;
declare name varch
- CSS的class、id、css文件名的常用命名规则
agevs
JavaScriptUI框架Ajaxcss
CSS的class、id、css文件名的常用命名规则
(一)常用的CSS命名规则
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right
- 全局数据源
AILIKES
javatomcatmysqljdbcJNDI
实验目的:为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象,还是创建了两个数据源对象。
1:将diuid和mysql驱动包(druid-1.0.2.jar和mysql-connector-java-5.1.15.jar)copy至%TOMCAT_HOME%/lib下;2:配置数据源,将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下:&l
- MYSQL的随机查询的实现方法
baalwolf
mysql
MYSQL的随机抽取实现方法。举个例子,要从tablename表中随机提取一条记录,大家一般的写法就是:SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是,后来我查了一下MYSQL的官方手册,里面针对RAND()的提示大概意思就是,在ORDER BY从句里面不能使用RAND()函数,因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中,
- JAVA的getBytes()方法
bijian1013
javaeclipseunixOS
在Java中,String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下,返回的东西不一样!
String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示,如:
byte[] b_gbk = "
- AngularJS中操作Cookies
bijian1013
JavaScriptAngularJSCookies
如果你的应用足够大、足够复杂,那么你很快就会遇到这样一咱种情况:你需要在客户端存储一些状态信息,这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。
幸运的是,这种方式已经一去不复返了,在所有现代浏览器中几乎
- [Maven学习笔记五]Maven聚合和继承特性
bit1129
maven
Maven聚合
在实际的项目中,一个项目通常会划分为多个模块,为了说明问题,以用户登陆这个小web应用为例。通常一个web应用分为三个模块:
1. 模型和数据持久化层user-core,
2. 业务逻辑层user-service以
3. web展现层user-web,
user-service依赖于user-core
user-web依赖于user-core和use
- 【JVM七】JVM知识点总结
bit1129
jvm
1. JVM运行模式
1.1 JVM运行时分为-server和-client两种模式,在32位机器上只有client模式的JVM。通常,64位的JVM默认都是使用server模式,因为server模式的JVM虽然启动慢点,但是,在运行过程,JVM会尽可能的进行优化
1.2 JVM分为三种字节码解释执行方式:mixed mode, interpret mode以及compiler
- linux下查看nginx、apache、mysql、php的编译参数
ronin47
在linux平台下的应用,最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用,在手工编译完以后,在其他一些情况下(如:新增模块),往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。
1、nginx
[root@361way ~]# /App/nginx/sbin/nginx -V
nginx: nginx version: nginx/
- unity中运用Resources.Load的方法?
brotherlamp
unity视频unity资料unity自学unityunity教程
问:unity中运用Resources.Load的方法?
答:Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置
1、unity实时替换的物体即是依据环境条件
- 线段树-入门
bylijinnan
java算法线段树
/**
* 线段树入门
* 问题:已知线段[2,5] [4,6] [0,7];求点2,4,7分别出现了多少次
* 以下代码建立的线段树用链表来保存,且树的叶子结点类似[i,i]
*
* 参考链接:http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18
* @author lijinna
- 全选与反选
chicony
全选
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>全选与反选</title>
- vim一些简单记录
chenchao051
vim
mac在/usr/share/vim/vimrc linux在/etc/vimrc
1、问:后退键不能删除数据,不能往后退怎么办?
答:在vimrc中加入set backspace=2
2、问:如何控制tab键的缩进?
答:在vimrc中加入set tabstop=4 (任何
- Sublime Text 快捷键
daizj
快捷键sublime
[size=large][/size]Sublime Text快捷键:Ctrl+Shift+P:打开命令面板Ctrl+P:搜索项目中的文件Ctrl+G:跳转到第几行Ctrl+W:关闭当前打开文件Ctrl+Shift+W:关闭所有打开文件Ctrl+Shift+V:粘贴并格式化Ctrl+D:选择单词,重复可增加选择下一个相同的单词Ctrl+L:选择行,重复可依次增加选择下一行Ctrl+Shift+L:
- php 引用(&)详解
dcj3sjt126com
PHP
在PHP 中引用的意思是:不同的名字访问同一个变量内容. 与C语言中的指针是有差别的.C语言中的指针里面存储的是变量的内容在内存中存放的地址 变量的引用 PHP 的引用允许你用两个变量来指向同一个内容 复制代码代码如下:
<?
$a="ABC";
$b =&$a;
echo
- SVN中trunk,branches,tags用法详解
dcj3sjt126com
SVN
Subversion有一个很标准的目录结构,是这样的。比如项目是proj,svn地址为svn://proj/,那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局,trunk为主开发目录,branches为分支开发目录,tags为tag存档目录(不允许修改)。但是具体这几个目录应该如何使用,svn并没有明确的规范,更多的还是用户自己的习惯。
- 对软件设计的思考
e200702084
设计模式数据结构算法ssh活动
软件设计的宏观与微观
软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发,也要从微观上把握软件之间的开发。宏观上,可以应用面向对象设计,采用流行的SSH架构,采用web层,业务逻辑层,持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上,对于一个类,甚至方法的调用,从计算机的角度模拟程序的运行情况。了解内存分配,参数传
- 同步、异步、阻塞、非阻塞
geeksun
非阻塞
同步、异步、阻塞、非阻塞这几个概念有时有点混淆,在此文试图解释一下。
同步:发出方法调用后,当没有返回结果,当前线程会一直在等待(阻塞)状态。
场景:打电话,营业厅窗口办业务、B/S架构的http请求-响应模式。
异步:方法调用后不立即返回结果,调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后,当前线程不会阻塞,会继续执行其他任务。
实现:
- Reverse SSH Tunnel 反向打洞實錄
hongtoushizi
ssh
實際的操作步驟:
# 首先,在客戶那理的機器下指令連回我們自己的 Server,並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port
ssh -NfR 12345:localhost:22
[email protected]
# 然後在 myhost 的機器上連自己的 12345 port,就可以連回在客戶那的機器
ssh localhost -p 1
- Hibernate中的缓存
Josh_Persistence
一级缓存Hiberante缓存查询缓存二级缓存
Hibernate中的缓存
一、Hiberante中常见的三大缓存:一级缓存,二级缓存和查询缓存。
Hibernate中提供了两级Cache,第一级别的缓存是Session级别的缓存,它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的,一般情况下无需进行干预;第二级别的缓存是SessionFactory级别的缓存,它是属于进程范围或群集范围的缓存。这一级别的缓存
- 对象关系行为模式之延迟加载
home198979
PHP架构延迟加载
形象化设计模式实战 HELLO!架构
一、概念
Lazy Load:一个对象,它虽然不包含所需要的所有数据,但是知道怎么获取这些数据。
延迟加载貌似很简单,就是在数据需要时再从数据库获取,减少数据库的消耗。但这其中还是有不少技巧的。
二、实现延迟加载
实现Lazy Load主要有四种方法:延迟初始化、虚
- xml 验证
pengfeicao521
xmlxml解析
有些字符,xml不能识别,用jdom或者dom4j解析的时候就报错
public static void testPattern() {
// 含有非法字符的串
String str = "Jamey친ÑԂ
- div设置半透明效果
spjich
css半透明
为div设置如下样式:
div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
说明:
1、filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认2、-moz-opaci
- 你真的了解单例模式么?
w574240966
java单例设计模式jvm
单例模式,很多初学者认为单例模式很简单,并且认为自己已经掌握了这种设计模式。但事实上,你真的了解单例模式了么。
一,单例模式的5中写法。(回字的四种写法,哈哈。)
1,懒汉式
(1)线程不安全的懒汉式
public cla