随笔分类 -  【010】前端开发

上一页 1 2 3 4
CSS实现垂直居中的几种方法
摘要：单行文本的居中 1.文字水平居中 2.文本垂直水平居中 二、多行文本的垂直居中 1.使用display:flex实现 flex布局会让容器内的元素得到垂直水平居中 2.使用display:-webkit-box实现 display:flex和display:box都可用于弹性布局实现水平垂直居中，不 阅读全文
posted @ 2019-06-03 20:36 给时光以生命 阅读(45809) 评论(0) 推荐(2)
html5新媒体播放器标签video、audio 与embed、object
摘要：1、 video、audio可以看我的另一篇文章https://www.cnblogs.com/jing-tian/p/10930085.html 2、embed embed和object都是网页用的嵌入脚本,用来播放flash文件的 如果使用的是flash文件或者其他video标签不支持的格式。那 阅读全文
posted @ 2019-06-01 23:50 给时光以生命 阅读(8215) 评论(0) 推荐(0)
网页中嵌入百度影音播放器的代码
摘要：1 2 3 阅读全文
posted @ 2019-05-31 19:02 给时光以生命 阅读(577) 评论(0) 推荐(0)
JS中的排序算法-冒泡排序解析
摘要：冒泡排序算法 例子：10，8，9，6，4，20，5 从小到大排序 第一轮 1）10>8 交换数据 得到：8，10，9，6，4，20，5 2）10>9 交换数据 得到：8，9，10，6，4，20，5 3）10>6 交换数据 得到：8，9，6，10，4，20，5 4）10>4 交换数据 得到：8，9，6 阅读全文
posted @ 2019-05-31 18:03 给时光以生命 阅读(1674) 评论(0) 推荐(0)
深入了解opacity和rgba
摘要：1. rgba 首先它是一个属性值，语法为rgba（r,g,b,a） - r为红色值， 正整数 | 百分数 - g为绿色值，正整数 | 百分数 - b为蓝色值，正整数 | 百分数 - a为alpha（透明度），值为0 ~ 1之间的小数， 0.0 （完全透明）到 1.0（完全不透明） - 上面的正整数 阅读全文
posted @ 2019-05-30 21:01 给时光以生命 阅读(1101) 评论(0) 推荐(0)
css浮动产生和清除浮动的几种方式
摘要：浮动的语法：float:left/right; 浮动float的原本设计了作用初衷是为了实现文字环绕效果 浮动产生负作用： 1、背景不能显示 2、边框不能撑开父元素 3、margin padding设置值不能正确显示 浮动之后会使父元素内的子元素漂浮在父元素上方，造成父元素边框重叠。所以需要清除浮动 阅读全文
posted @ 2019-05-30 16:20 给时光以生命 阅读(3117) 评论(0) 推荐(1)
html5视频常用API接口
摘要：一、虽然有的属性是boolean类型，但仍旧建议按照XHTML书写（属性名=”属性值”）格式，避免出现错误 （下面加粗的属性为常用属性） 属性 值 功能描述 controls controls 是否显示播放控件 autoplay autoplay 设置是否打开浏览器后自动播放 width Pilex 阅读全文
posted @ 2019-05-27 13:53 给时光以生命 阅读(12986) 评论(0) 推荐(0)
常用的js代码片段
摘要：1.单选框/手风琴 1 <script> 2 $(document).ready(function(){ 3 $("dd").on("click",function(){ 4 var $this = $(this); 5 $("dd").removeClass("selected"); 6 $thi 阅读全文
posted @ 2019-05-23 16:52 给时光以生命 阅读(1012) 评论(1) 推荐(1)
Jquery的load加载本地文件出现跨域错误的解决方案
摘要：如果用原生的AJAX是加载本地文件就不会出现错误。当然，这个jquery的load放在服务器上通过http加载还是支持的。也有例外比如在firefox和ie浏览器使用$.ajax加载本地html或txt文件时,不会报错。 当其他浏览器控制台弹出下面报错，表明这个不支持跨域浏览本地文件： Access 阅读全文
posted @ 2019-05-06 17:17 给时光以生命 阅读(41098) 评论(4) 推荐(5)
meta标签中设置以极速模式打开网页
摘要：1.网页meta标签中X-UA-Compatible属性的使用的极速模式 只要在网页的头部添加上如上代码即可,刚查看了一下，而且确实非常多的网站中在使用，百度和淘宝meta也设置了此属性 2.此浏览器集成了多种浏览器内核，可能我们需要强制使用急速模式。 将上面的<meta>代码放在头部即可 阅读全文
posted @ 2019-05-06 12:51 给时光以生命 阅读(1924) 评论(0) 推荐(0)
html、css以及javascript的注释方式
摘要：HTML：<!--注释内容 -->; CSS:/* 注释内容*/ JS: //注 释内容; 或者块/* 注释内容 */, sublime中注释方法：选中注释内容+ctrl+/ , 选中注释内容+ctrl+shift+/ 阅读全文
posted @ 2019-05-01 05:55 给时光以生命 阅读(430) 评论(0) 推荐(0)

上一页 1 2 3 4