努力，追梦的博客

标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条1 http://www.abc.com/test.mp3"controls> 标签属性：src：视频的URLposter：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器

ajax之get请求需要注意的两个地方：     ① 在url地址后边以请求字符串(传递的get参数信息)形式传递数据。② 对中文、=、&等特殊符号处理 对特殊信息的处理：在浏览器里通过get参数传递一些特殊符号信息会被误解混淆，例如 &  =等。为了避免特殊符号被误解产生歧义，需要对其进行编码处理。同时如果传递get参数中文信息，也需要编码处理。②    在p

function f1(){ var username=document.getElementById('username').value; //对传递的特殊的特殊符号进行编码处理 username=encodeURIComponent(username); //1.创建ajax对象 if(typeof Acti

function f1(){            var username=document.getElementById('username').value;                  //对传递的特殊的特殊符号进行编码处理     这步必须放到请求字符串之前        username=encodeURIComponent(username);

function getByClass(oParent, sClass){var aEle=oParent.getElementsByTagName('*');var aResult=[];for(var i=0;i{if(aEle[i].className==sClass){aResult.push(aEle[i]);}}return aRes

*{ margin:0px; padding:0px; } #wrapper{ width:900px; height:150px; background:green; position:relative;

HTML5培训第二节课笔记一．事件1. 一般事件方式：按钮function test1(){        alert("aaa");}  oinput.onclick=test1;//结果：弹出aaa 2.传参方式oinput.onclick=function(){         test1("wang")  };oinput.oncli

JSON练习：var dataString='{"teachers":[{"name":"黄波","course":"网页高级设计"},{"name":"贺敏","course":"Java程序设计"},{"name":"毛丽娟","course":"JavaScript程序设计"}],"students":[{"name":"张三","age":20},{"name":"李四","age":

综合运用之前无缝运动 和选项卡等 的相关知识

通过JavaScript可以删除所有节点，本文里主要讨论 removeChild 函数，大家可以看看下面的示例假设div里有这么些内容：  iScroll demo: simple function deleteData(){ } body,ul,li { padding:0; margin:0; border:0; } body { font-

HTML5第五次培训（jQuery）1.       修改样式，$("").css() //一次性使用多个样式*/       //参数是一个json格式                                                                                                       

大家都知道CSS的全称叫做“层叠样式表”，但估计很多人都不知道“层叠”二字的含义。其实，“层叠”指的就是样式的覆盖，当一个元素被运用上多种样式，并且出现重名的样式属性时，浏览器必须从中选择一个属性值，这个过程就叫“层叠”。样式覆盖（这种叫法更大众化些）遵循一定的规则，之前我对这个规则一直似懂非懂的，直到这几天看了”CSS: The Missing Manual”，才豁然开朗。下面是我的一些学习笔记

渐变一、           线性渐变1         线性渐变格式linear-gradient([ || ,]? , …)只能用在背景上   2         IE filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ff0000',G

HTML5audio duration返回NaN问题使用JS写的话  我的解决方案：必须放到window.onload中

【IT168 技术】HTML 5中的视频和音频中有不少核心的事件,其中有的比较容易理解,基本能从字面就解析了,比如“play”事件就很好理解。而其他有的事件则需要花费点心思，特别是“progress”事件。因此，在本文中，将带领读者研究HTML 5视频和音频中重要的事件，探究这些事件是应该在什么时候使用以及其中的重要相关属性。我们也将看下这些事件在当今不同浏览器中的差异。为了本文的测试，使用的浏览

越努力越幸运-凡事老师*{margin:0px;padding:0px;}/*banner style*/.banner{width:989px;height:410px;margin:100px auto 0px;/*元素外边距*/position:relative;/*定位 相对定位 参照物*/}/*button style*/.banner .

总是能看见很多广告或者网站都是使用整屏滚动的效果，一直看着都心痒痒，想自己也实现一个。最近刚学习到css3的动画效果，所以尝试使用css3做了一个整屏切换。页面结构实现思路与大众方法类似，如图 每个section就是一页内容，它的大小充满了屏幕（红色区域），一个container由多个section构成，我们通过改变container的位置，来达到页面切

本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！        前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会

[html] view plain copy>  html xmlns="http://www.w3.org/1999/xhtml">  head>  meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  title>event多次触发title>  style

一：html{background: #FFF;color: #000;}body{font: 12px/1.5 Arial,宋体;}*{margin: 0;padding: 0;}a{text-decoration: none;color: #333;}a:hover{text-decoration: underline;c

元素底部为何有空白？现代浏览器中，元素默认情况下底部会有空白，那么这个空白到底是从哪里来的？1、首先，标签是inline的，框模型是：行内框。行内框没有包含图片的表现，的标签就好像放在一条公路上一样。所以要使img能像放进一个盒子一样，就应该使用块级框：比如：display:block;/*或者*/display:inline-block;关

1.      优先级问题#hot-keyworda,span{color:#999;margin-right:6px; }#hot-keyword.hot-words{color:#c00;}要想改变a链接中部分文字颜色，直接设置他的选择器.hot-words不行，因为上面的ID选择器优先级比下面的class选择器高，需要#hot-keyword .hot

一．属性选择器1          E[attr]只使用属性名，但没有确定任何属性值 例如：p{height:30px;border:1pxsolid #000;}p[miaov]{background:red;}         leo    杜鹏    子鼠    小美 2          E[attr="value"]指定

1         E:target表示当前的URL片段的元素类型，这个元素必须是Ediv{width:300px;height:200px;background:#000;font:50px/200px "微软雅黑"; color:#fff; text-align:center; display:none;}div:target{ display:block;}d

手机MUI程序 ，利用它的ajax方法访问baidu的APIhttp://apistore.baidu.com/apiworks/servicedetail/794.htmlhttp://dev.dcloud.net.cn/mui/ajax/自己做过手机归属地查询 号码归

最近国产的MUI框架做个小项目，MUI是一个很好的前端框架，提供了很多非常好的控件和DEMO。页面间传值是开发中经常要涉及到的，MUI为页面传值提供了几个方案，frie、evaljs、extras等，都可以进行页面间传值。今天做一个登陆页面的时候，需要刷新父页面，查看了MUI的官方文档后，选择用fire方法，主要思路是：1、在子页面初始化时，注册beforeback方法；

Fiddler是一个http调试代理，它能 够记录所有的你电脑和互联网之间的http通讯，Fiddler 可以也可以让你检查所有的http通讯，设置断点，以及Fiddle 所有的“进出”的数据（指cookie,html,js,css等文件，这些都可以让你胡乱修改的意思）。 Fiddler 要比其他的网络调试器要更加简单，因为它仅仅暴露http通讯还有提供一个用户友好的格式。 对于A

老师介绍了一个Chrome调试Android手机的教程，亲自试过，很不错，分享给大家http://ask.dcloud.net.cn/article/69

HTML5培训第10节课堂笔记客户端----服务方如果数据返回过来，在界面上无法显示出来，检查客户端的程序  1.Boxmodel，里面涉及CSS中margin和padding的用法盒子模型W3C：图片的宽度就是所有的宽度  图片的宽度没变，加入padding后水平居中常用:margin0 auto;text-align:center;  2.行内元素及

HTML5之语义化标签1.       新的页面结构以及宽松的语法规范 2.       语义化标签a)      页眉                                                     i.           主要用于页面的头部的信息介绍，也可用于板块头部 l    页脚 页面的底部或者版块底部

wireshark安装后，由于NPF服务没有打开，导致无法抓包，           注：NPF即网络数据包过滤器（Netgroup Packet Filter，NPF）是Winpcap的核心部分，它是Winpcap完成困难工作的组件。它处理网络上传输的数据包，并且对用户级提供可捕获（capture）、发送（injection）和分析性能（analysis capabilities）。　　

div{ width:150px; height:150px; float:left; background:green; margin:20px; } #div2{ filter:alpha(opacity:30);

HTML5第8次课堂笔记 1.  模拟form表单提交数据：（get方式）  body>  formmethod="get"action="DataTest7">  inputtype="text"name="uname"value="yang"id="myname">br/>  inputtype="password"name="upass"value

翻了下HTTP1.1的协议标准RFC2616，下面是看到的一些它跟HTTP1.0的差别。1. Persistent Connection持久连接       在HTTP1.0中，每对Request/Response都使用一个新的连接。        HTTP 1.1则支持持久连接Persistent Connection, 并且默认使用persi

1. HTTP请求格式             做过Socket编程的人都知道，当我们设计一个通信协议时，“消息头/消息体”的分割方式是很常用的，消息头告诉对方这个消息是干什么的，消息体告诉对方怎么干。HTTP协议传输的消息也是这样规定的，每一个HTTP包都分为HTTP头和HTTP体两部分，消息体是可选的，而消息头是必须的。每当我们打开一个网页，在上面点击右键，选择“查看源文件”，这时看到

文本，字体，颜色1.       新增颜色模式rgbar            Red        红          0-255g    Green           绿          0-255b    Blue              蓝          0-255a           Alpha            透明             0

1   不给“/”则水平和垂直一样 1个：都一样border-radius: 一样 .box{width:200px;height:200px;border:1px solid #000; border-radius:20px;} 2个：对角border-radius: 左上&右下    右上&左下 .box{width:20

边框图片border-image1    border-image-sourceg 引入图片2    border-image-slice 切割图片          属性值没有单位，默认单位为像素。支持百分比，百分比值总是相对于边框图像而言。3    border-image-slice包含4个参数，遵循css方位规则，按照上，右，下，左的顺时针方向赋值剪裁。 4

一、设计背景多背景逗号分开background:url(a.jpg) 0 0, url(b.jpg) 0 100%; .box{width:300px;height:300px;background:url(bt_blue.png) no-repeat, url(border.png) repeat-yright 0;}  二、背景尺寸

弹性盒模型  1.       注意在使用弹性盒模型的时候父元素必须要加display:box或display:inline-box.box{height:100px;border:10pxsolid #000;padding:10px; display:-webkit-box;}.boxdiv{width:100px;height:100px;background