51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#Box
Art-Directing SVG图像viewBox属性
作者:彦子 日期:2015-06-02 点击:992svg译者注:根据GoogleDev文档的解释,ArtDirection在这篇文章中的概念是比较狭义的:“基于设备的特性改变的图像,即可以利用picture元素完成的artdirection。picture元素定义了一个声明性的解决方案...
代码星球
·
2020-05-12
Art-Directing
SVG
图像
viewBox
属性
理解SVG的viewport,viewBox,preserveAspectRatio
viewport表示SVG可见区域的大小,或者可以想象成舞台大小,画布大小。<svgwidth="500"height="300"></svg>上面的SVG代码定义了一个视区,宽500单位,高300单位。注意这里的措辞是“单位”,不是“像素”。虽然...
代码星球
·
2020-05-12
理解
SVG
viewport
viewBox
preserveAspectRatio
关于Vue中,checkBox等组件在赋值后,点击切换页面未及时更新问题
我们经常碰到这样的问题,在v-for循环中,给某些组件(此处以checkBox为例)赋值后,组件并不能正常切换,这是因为数据层太多,render函数没有自动更新,需手动强制刷新。解决方法:在切换checkBox等组件时,@change绑定一个方法,在方法中写入以下:this.$forceUpdate()this.$fo...
代码星球
·
2020-05-11
关于
Vue
checkBox
组件
赋值
ComboBox( 下拉列表框)
一.加载方式//class加载方式<selectid="box"class="easyui-combobox"name="box"><optionvalue="aaaa">aaaa</option><optionvalue="bbbb">bbbb</option&g...
代码星球
·
2020-05-03
ComboBox
下拉
列表
DateTimeBox( 日期时间输入框)
本节课重点了解EasyUI中DateTimeBox(日期时间输入框)组件的使用方法,这个组件依赖于DateBox(日期输入框)组件和TimeSpinner(时间微调)组件。一.加载方式//class加载方式<inputid="box"class="easyui-DateTimeBox">//JS加载调用$(...
代码星球
·
2020-05-03
DateTimeBox
日期
时间
输入
DateBox( 日期输入框) 组件
本节课重点了解EasyUI中DateBox(日期输入框)组件的使用方法,这个组件依赖于Combo(自定义下拉框)和Calendar(日历)。 一.加载方式//class加载方式<inputid="box"type="text"class="easyui-datebox"required="requi...
代码星球
·
2020-05-03
DateBox
日期
输入
组件
NumberBox( 数值输入框) 组件
本节课重点了解EasyUI中NumberBox(数值输入框)组件的使用方法,这个组件依赖于ValidateBox(验证框)组件。一.加载方式//class加载方式<inputtype="text"class="easyui-numberbox"value="100"data-options="min:0,prec...
代码星球
·
2020-05-03
NumberBox
数值
输入
组件
ValidateBox( 验证框) 组件
本节课重点了解EasyUI中ValidateBox(验证框)组件的使用方法,这个组件依赖于Tooltip(提示框)组件。 一.加载方式//class加载方式<inputid="email"class="easyui-validatebox"data-options="required:true,vali...
代码星球
·
2020-05-03
ValidateBox
验证
组件
SearchBox( 搜索框) 组件
一.加载方式//class加载方式<inputid="ss"class="easyui-searchbox"data-options="searcher:qq,prompt:'PleaseInputValue',menu:'#box'"></input><divid="box">&l...
代码星球
·
2020-05-03
SearchBox
搜索
组件
使用Vagrant和VirtualBox一步步地创建一个Base Box
box集合 http://www.vagrantbox.es/Vagrant和VirtualBox软件的安装步骤省略,去官网下载最新的版本然后下一步下一步地安装就行了,和正常的安装软件没有什么区别。下面看看利用vagrant和virtualbox如果一步步打造出自己的可复用性强的开发环境。开始前确保您的计算机...
代码星球
·
2020-04-18
使用
Vagrant
VirtualBox
步步
创建
【经验分享】安装VirtualBox的时候遇到的问题
错误代码:FailedtoinstantiateCLSID_VirtualBoxw/IVirtualBox,butCLSID_VirtualBoxw/IUnknownworks.界面:IVirtualBoxClient{d2937a8e-cb8d-4382-90ba-b7da78a74573} 解决办法:在注...
代码星球
·
2020-04-18
经验
分享
安装
VirtualBox
时候
一个完整的Flexbox指南
http://www.w3cplus.com/css3/a-guide-to-flexbox.html...
代码星球
·
2020-04-18
一个
完整
Flexbox
指南
如何使用 Flexbox 和 CSS Grid,实现高效布局
CSS浮动属性一直是网站上排列元素的主要方法之一,但是当实现复杂布局时,这种方法不总是那么理想。幸运的是,在现代网页设计时代,使用Flexbox和CSSGrid来对齐元素,变得相对容易起来。使用Flexbox可以使元素对齐变得容易,因此Flexbox已经被广泛使用了。同时,CSSGrid布局也为网页设计行业带来了很大的...
代码星球
·
2020-04-18
如何
使用
Flexbox
CSS
Grid
css flexbox水平垂直
display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-moz-flex;display:-ms-flexbox;display:flex;/*水平居中*/-webkit-box-align:center;-moz-box-align:cen...
代码星球
·
2020-04-18
css
flexbox
水平
垂直
转载:CSS3 Flexbox可视化指南
目录引言正文1引入2基础3使用4弹性容器Flexcontainer属性41flex-direction42flex-wrap43flex-flow44justify-content45align-items46align-content47注意事项5弹性子元素Flexitem属性51order52flex-...
代码星球
·
2020-04-18
转载
CSS3
Flexbox
可视化
指南
首页
上一页
...
18
19
20
21
22
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他