在做一个致匠心的专题页面中多个视频在要在本页面播放，为了更友好的用户体验，对视频播放进行优化，点开播放其中的一个视频，在没有看完视频并且没停止该视频的播放的情况下，又点击播放了另外一个视频，这时在一个页面中两个视频同时播放，需要用户自己去关闭上一个视频播放，那么我们通过页面中加入js代码帮助用户节省这个步骤，实现当其中一个视频播放时，又打开了另一个视频，那么上一个视频自动停止播放。 下面是我需要的一个腾讯视频引用地址： <iframe frameborder="0" width="100%" src="htt…
最近做移动端页面，优化UI的时候发现，苹果手机浏览页面中设置的css伪类：active失效。查找资料发现要让css active伪类生效，只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。 :active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点<a href="#">这种情况，一般主流浏览器下也支持其他元素。在多按键的鼠标系统中，：active只适用于主按键，目前的大部分情况都是左键即主键。该伪类下定义的CSS样式只在按下鼠标按钮与释放鼠…
为了确保各个浏览器初始化时页面布局一致，需要使用css在重置以下页面标签: @charset "utf-8"; body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, th, td, pre, blockquote, fieldset, lengend, input, button, textarea, form{margin: 0; padding: 0;} body, input, button, textarea, select{font-size:1…
目录(?)[-] Name Version Description Keywords Homepage Bugs License Author contributors Files Main Bin Directories Directorieslib Directoriesbin Repository Scripts Config Dependencies devDependencies peerDependencies bundledDependencies optionalDependencies Engin…
引言 HTTP是一个属于应用层的面 向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中 使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generation of HTTP)的建议已经提出。 HTTP协议的主要特点可概括如下： 1.支持客户/服务器模式。 2.简单快速：客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。每种方…
今天测试移动端页面使用谷歌浏览器的手机模拟器测试页面效果时发现和手机看的效果有差异，因此想在本地搭建一个简单的web服务器，通过谷歌浏览器安装一个在线二维码生成工具，在浏览器工具栏上显示，点击生成当前url的二维码，通过手机微信扫聊二维码浏览本地制作的页面，这样非常方便移动端页面的查看调试，由于效果需要不断查看修改后的效果，在手机微信浏览器右上角下拉菜单里有刷新选项，通过刷新查看效果，还好公司有wifi不用费自己的流量。那么接着问题来了，如何高效的搭建一个操作简单方便的web服务器呢，马上想到了node.js帮助你…
css部分： .btonshare{ width:80%; height:50px; float:left; background:#16bb5c; margin:0 10%; margin-top:15px;text-align:center; color:#fff; line-height:50px; border-radius:10px;} #cover{display:none;position:absolute;left:0;top:0;z-index:18888;background-color:#00…
一、为何选择jquery validate这个表单验证插件 自己写一个通用没有bug而且强大的jquery表单验证插件并不容易，jquery validate表单验证插件功能强大通用好用，jquery validate这个jquery插件几乎可以轻松应对95%以上的表单验证。 二、jquery validate表单验证如何调用？ 1、引用jquery.min.js和jquery.validate.js 由于jquery.validate.js是jquery插件，需要依赖jquery支持，因此必须先引用jquery.…
See the Pen doQwbv by cywcd (@webzsky) on CodePen. 屏幕的缩放及初始大小 添加到主屏幕全屏,图标等 苹果设备默认的工具栏和菜单栏 苹果设备状态栏样式 苹果设备自动识别电话、邮箱相关 屏幕的缩放及初始大小 <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=…
inline|block|inline-block整体上的区别 1、在概念上说：inline和block完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满；inline-block为内联块元素，既可以不产生换行，还保留块元素宽高和边距的属性。 2、布局级别上说：HTML元素各有其自身的布局级别（block…