- 博客(18)
- 收藏
- 关注
RSS订阅原创 DOM节点操作
null>document>html>body>div标签属性文本nodeType123nodeName大写的标签名小写的属性名#textnodeValuenull属性值文本内容父级节点obj.parentNodeobj.parentElement父元素,由于只有标签可以作为父节点效果相同.子级子节点o...
2019-11-29 14:28:04
161
原创 JS内置对象&常用方法&属性
Math:数学对象*Math.PI //获取圆周率*Math.floor(num)//向下取整,parseInt()可代替.*Math.ceil(num) //向上取整*Math.round(num)//四舍五入,如果是.5比较特殊,会往大了取(-1.5返回-1)*Math.abs(num) //取绝对值,传入null返回0,传入非数字字符串返回NaN*Ma...
2019-11-29 14:22:16
194
原创 JavaScript交换两个变量
【1】最省字节法 a=[b,b=a][0];【2】传统法 c=a,a=b,b=c;【3】数值型值可用 a=a+b;b=a-b;a=a-b;【4】恶搞方法1 a={a:b,b:b=a}.a;【5】恶搞方法3 a=a*b;b=a/b;a=a/b;【6】a=[ b][b=a,0]【7】[a,b]=[b,a]【8】a=[b,b=a][+[]]【9】 b = a + 0*(a=b);【10...
2019-11-17 21:14:07
128
原创 JavaScript的组成
ECMAScript：Js语法DOM：文档对象模型 ， 文档：html文档 ，操作html文档 （操作html文档的工具）BOM：浏览器对象模型 ， 操作浏览器的工具DOM——文档对象模型文档对象模型（DocumentObject Model，简称DOM）是W3C组织推荐的处理可扩展标记语言的标准编程接口通过 DOM 提供的接口可以对页面上的各种元素进行操作（大小、位置、颜...
2019-11-17 20:57:10
125
原创 less基础
less是一门css扩展语言,也称为css预处理器.作为css的一种形式的扩展,它并没有减少css的功能,而是在现有的css语法上,为css加入程序语言的特性.它在CSS 的语法基础之上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了 CSS 的编写，并且降低了 CSS的维护成本，就像它的名称所说的那样，Less可以让我们用更少的代码做更多的事情。less变量@变量名:值;...
2019-11-13 20:00:12
154
原创 媒体查询
媒体查询事css3的新语法.使用@media查询,可以针对不同的屏幕尺寸设置不同的样式.@media mediatype and|not|only (media feature) {mediatype 查询类型,值: all用于所有设备,print用于打印机和打印预览.screen用于电脑,平板,手机显示屏幕.关键字 将媒体类型或者多个媒体特性连接到一起做媒体查询条件.and :可...
2019-11-13 19:49:56
268
原创 flex布局
flex布局原理flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。当我们为父盒子设为 flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效。因为flex布局可以让子元素一行显示，不需要浮动，所以就不需要清除浮动flex布局还可以设置盒子垂直居中，...
2019-11-11 20:49:58
683
原创 移动端常见布局及主流方案
移动端单独制作流式布局（百分比布局）flex 弹性布局（强烈推荐）操作方便，布局极其简单，移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分less+rem+媒体查询布局混合布局响应式媒体查询bootstarp流式布局：流式布局，就是百分比布局，也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸...
2019-11-11 20:14:06
898
原创 CSS3盒子模型box-sizing及清除移动端特殊样式
传统模式宽度计算：盒子的宽度 = CSS中设置的width + border + paddingCSS3盒子模型： 盒子的宽度= CSS中设置的宽度width 里面包含了 border 和 padding也就是说，我们的CSS3中的盒子模型， padding 和 border 不会撑大盒子了/*CSS3盒子模型：border-box，边框盒子，理解：从边框开始计算盒子的大小（包...
2019-11-11 20:06:42
1255
原创 移动端技术解决方案
1.移动端浏览器兼容问题移动端浏览器基本以 webkit 内核为主，因此我们就考虑webkit兼容性问题。我们可以放心使用 H5 标签和 CSS3 样式。同时我们浏览器的私有前缀我们只需要考虑添加 webkit 即可2.移动端公共样式移动端 CSS 初始化推荐使用 normalize.css/Normalize.css：保护了有价值的默认值Normalize.css：修复了浏览...
2019-11-11 20:04:59
490
原创 背景缩放background-size
background-size属性规定背景图像的尺寸.background-size:背景图片的宽度 背景图片的高度;单位:长度|百分比|cover|contain百分比以元素自身为基准,cover把背景图像扩展至足够大,以使背景图像完全覆盖背景区域.(等比例拉伸,完全覆盖)contain把图像扩展至最大尺寸,以使宽度或者高度完全适应内容区域,等比例拉伸,任意一边先与盒子重合即可....
2019-11-11 20:03:23
267
原创 移动WEB开发-视口设置
1,视口就是浏览器显示页面内容的屏幕区域,视口可以分为布局视口,视觉视口和理想视口.meta标签,设置viewport<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">最...
2019-11-11 19:57:36
191
原创 css3兼容处理
css3涉及到较多的新属性，某些低版本（如ie8以及以下）的浏览器对css3的支持程度不够，因此需要做以下处理添加对应的浏览器的前缀 常见前缀如下谷歌 -webkit火狐 -mozIE -ms如对 border-radius 进行兼容性处理 -webkit-border-radius: 30px 10px; -moz-border-radius: 30px 10p...
2019-11-06 16:39:43
263
原创 动画 animation
制作动画分为两步：在css中定义动画函数给目标元素调用动画函数动画序列：0% 是动画的开始，100% 是动画的完成。这样的规则就是动画序列。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。请用百分比来规定变化发生的时间，或用关键词 “from” ...
2019-11-06 16:38:32
396
原创 2D转换（变换）transform
转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、变形、缩放。缩放：scale移动：translate旋转：rotate倾斜：skew2d移动 translate给元素添加 转换属性 transform属性值为 translate(x,y) 如 transform:translate(50px,50px);translate...
2019-11-06 11:46:44
470
原创 H5新增表单类型和属性
属性值说明type=“email”限制用户输入必须为Email类型type=“url”限制用户输入必须为URL类型type=“date”限制用户输入必须为日期类型type=“time”限制用户输入必须为时间类型type=“month”限制用户输入必须为月类型type=“week”限制用户输入必须为周类型type=“number”...
2019-11-06 11:23:31
869
原创 H5多媒体标签
多媒体标签分为 音频 audio 和视频 video 两个标签 使用它们，我们可以很方便的在页面中嵌入音频和视频，而不再去使用落后的flash和其他浏览器插件了。audio 音频标签格式MIMe-TYPeMP3audio/mpegOggaudio/oggWavaudio/wavsource标签可以通过在多媒体标签内加入source标签，用来指定多...
2019-11-06 11:11:51
202
原创 常用的H5语义化标签
header 头部标签nav 导航标签article 内容标签section 块级标签 （块级标签 啥意思？ ）aside 侧边栏标签footer 尾部标签注意:这种语义化标准主要针对搜索引擎,这些新标签页面内可以多次使用在ie9种需要把这些元素转换为块级元素（在IE9中这些标签被当做行内标签，设置大小不生效）移动端更喜欢使用这些标签...
2019-11-06 10:24:05
999
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人