11 2013 档案

摘要：视频属性及方法实例：video属性测试查看此页面是请打开控制台，很多数据会有变化显示。请随意点击视频，谢谢。点击document时，第四个视频加载。什么属性都不加 该浏览器不支持视频controls ：显示控制条，播放中控制条隐藏，鼠标放上显示autoplay ：视频载入完成后自动播放preload ：页面载入后载入视频 。取值：auto-载入视频 、 metadata-载入视频信息（时间、尺寸、第一帧、曲目等）、none-不载入loop ：重播poster ：视频文件播放前显示图片以上为音视频常用属性及事件，还有一些属性没有写出来，具体请观看W3CHTML。实例展示请点击。通常在做音视... 阅读全文

摘要：html5新增了很多标签，其中有部分就是表单这一块，功能颇为强大，本文主要介绍input新增类型与属性。新增类型：url:提交表单时检测input的value是否是一个url格式email:一个电子邮件地址或电子邮件地址列表date:年-月-日格式的控件time:时:分格式的控件datetime:年-月-日 时:分:秒:秒的小数格式的控件，有时区datetime-local:同上，但没时区month:年-月格式的控件week:年-周数格式的控件number:数字输入框cel:电话输入框color:颜色选择框range:选择区域新增属性：placeholder:占位符，当输入框为空时显示的文字r 阅读全文

摘要：h5 为表单新增了很多类型，及属性。根据这些新增的类型及属性 h5也为我们提供了验证这些数据的js函数，这些验证表单的函数都存在了ValidityState对象中，接下来让我们一起来了解一下这些函数的用法：ValidityState对象ValidityState对象是通过validity 属性获取的，该对象有8个属性，分别针对8个方面的错误验证，属性值均为布尔值。1．valueMissing属性必填的表单元素的值为空。如果表单元素设置了required特性，则为必填项。如果必填项的值为空，就无法通过表单验证，valueMissing属性会返回true，否则返回false。2．typeMisma 阅读全文

摘要：自从css3面市以来，广受大家关注，也慢慢地被大家普及，工作中很多时候如果不考虑ie的情况下，我相信现在大家很多能用css3写的效果基本已经放弃了用js去写了。那今天带大家认识一下animation属性，它可以帮助我们去实现一些简单的动画。例如点击一个元素，出现一个由小变大的框等网页常见效果都可以用animation去实现这个放大的动画效果。如果有对transition有了解的同学，理解animation可能会更容易一些，因为transition的属性animation都有。接下来让我们一起学习animation属性：动画方法@keyframe首先，如果想要用动画必须先创建一个动画的具体方法， 阅读全文

摘要：很多时候，元素在hover时 或者 transform 变形时，没有过度，一下子变过去，感觉很生硬，很愣。今天介绍的这个属性就是css3为我们提供了一个过渡属性，主要解决以上类型的问题。属性：对象变换时的过渡。语法：transition：[ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ transition-delay ] //复合属性默认值：看每个独立属性适用于：所有元素，包含伪对象:after和:before取值：[ transition-property ]. 阅读全文

摘要：还记得盒模型吗？除了盒模型之外css3为我们提供了一个弹性模型，称之为自适应布局；接下来我们看看怎么用。首先，我们需要清楚的是弹性布局有哪些优点，如下：优点：1 适应性强，在做不同屏幕分辨率的界面时非常实用2 可以随意按照宽度、比例划分元素的宽高3 可以轻松改变元素的显示顺序4 自适应布局实现快捷，易维护理解弹性盒模型到目前为止，我们还不知道什么是弹性模型，弹性模型能干嘛，别着急，我们一点点来。首先： 这是我的一个页面布局，毫无疑问，以上的布局样式如下图：这是正常的盒模型布局方式。display:box接着我们给ul填上一个属性：display:box; ... 阅读全文

摘要：效果正解：如上图所示的分栏效果，如果用css+div那写起来着实要费些事，css3为我们提供了分栏的属性，实现上图很轻松。一、语法：column-width:[|auto] 定义每栏的宽度column-span : none | all none:只在本栏中显示；all:横跨所有栏目并定位在栏目的Z轴之上column-gap : normal | 定义两栏之间的间距距离column-count : auto | 整数 可以定义栏目的数目column-rule : color(色值) width(宽度) style(线条样式) 分栏中的分割线的颜色宽度及样式的设定其中要注意的是：1... 阅读全文

摘要：CSS3中有关于Border的属性一共有三个：圆角border-radius,边框多颜色border-color，图片边框border-image，其中圆角border-radius是常用的一个属性，而且现在很多网站制作圆角效果都使用border-radius来实现；本文会依次介绍这三个属性；Border-radius:一、语法：Border-radius:[length|percentage]{1,4}[/[length|percentage]{1,4}]?二、取值：Length：具体数值；Percentage：百分比，相对于宽高的百分比；Border-radius是一种缩写形式，如marg 阅读全文

摘要：在用dede的时候伪静态这个地方总是出问题，于是按照网上的帖子的方法做了伪静态开启的操作，可还是解决不了我遇到的问题。复述我的问题：问题一在做了开启伪静态操作以后，打开栏目，查看栏目预览或文章预览，跳的链接是正确的如：http://localhost/D/plus/list.php?tid=34伪静态链接格式以及从后台预览这些列表文章，跳转的链接也是正确的如：http://localhost/D/plus/view.php?aid=53但:当我在前台http://localhost/D/plus/list.php?tid=34这个链接下去访问里边的列表详情页，如上图红框做点击操作，跳转的链接确 阅读全文

摘要：CSS3选择器想想我们之前用过的css选择器，有标签选择器，有类（.class）选择器，有ID（#id）选择器，有后代选择器，有群组选择器，还有基于以上延伸出来的选择器，例如div.class等这类混合行选择器。CSS3添加了很多特性，圆角、边框、背景、选择器等、每一个都拯救web开发人员于水火之中，接下来，本文主要介绍css3新添加的选择器。直奔主题：通用选择器：E~Fp~ul匹配前面有元素的每个元素。属性选择器：E[att^=”val”]a[src^="https"]匹配其src属性值以"https"开头的每个元素。E[att$=”val”]a[sr 阅读全文

摘要：闭包我们会经常搞不清匿名函数和闭包这两个概念，或者说可能连什么是闭包都不知道，只是偶尔听说，或着在面试的时候才会听到这个词。闭包是指有权访问另一个函数作用域中的变量的函数。而创建闭包的常见方式就是在一个函数内部创建另一个函数。首先我们已经知道了什么是闭包，但是要理解它，还得从变量作用域说起；一、变量作用域我们知道变量有个作用域链，而函数内部可以访问函数外部的作用域链（例子一），但函数外部却不能访问函数内部的变量（例子二）；例子一：var n=999;function f1(){ alert(n);}f1(); // 999例子二：function f1(){ var n=999;}aler.. 阅读全文

摘要：1、 请用正则实现：判断‘abcdefghijksdd’中是否有‘f’/f/Searchtest2、 请用正则实现：asdjhklzxc截取asd/asd/Execmatch3、 匹配一个网址：要求http开头的网址。例如www.baidu.com。注意网址后缀，为了保证填写信息的真实性，我们只对后缀名为.com/.cn/.org/.name/.com.cn/.net/.net.cn/.org.cn做网址匹配。/^http\:\/\/((www)\.)?(\w)+\.(com|cn|org|name|com\.cn|net|net\.cn|org\.cn)$/4、 请匹配一个邮箱地址：要求正常 阅读全文

摘要：本文主要介绍正则表达式常用的一些特殊字符以及调用正则表达式的方法，第一部分为正则表达式常用特殊字符，第二部分则为调用正则表达式的方法，具体内容如下，帮助记忆记录：一、正则表达式特殊字符：1、修饰符：用以说明高级匹配模式的规则；i不区分大小写的匹配;/java$/ig全局匹配，全字符串匹配;/java$/gm多行匹配;检索对象可能是多行存在的，此时m用于多行检索，其中^可以匹配单行的开头，$匹配单行的结束。/java$/n注：三者可一起用；2、字符类：把直接量字符单独放进方括号内就组成了字符类；匹配字符类用；[....]匹配方括号内的任意字符;[abc][a-z][a-zA-Z0-9][^... 阅读全文