- 博客(25)
- 收藏
- 关注
RSS订阅原创 绘制渐变图形
绘制线性渐变：fillStyle方法在填充的时候指定填充的颜色，这个方法除了可以指定颜色之外还可以用来指定填充的对象；渐变是指在填充的时候从一种颜色过渡到另一种颜色； 线性渐变，需要用到LinearGradient对象，使用图形上下文对象的createLinearGradient方法创建该对象，这个方法的定义如下所示context.createLinearGradient
2016-07-13 21:30:21
1493
原创 没有关闭路径和move to和Link to
没有关闭路径：步骤：1.创建并且绘制第一个圆2.创建并且绘制第二个圆：这个时候，由于没有关闭第一个圆的路径，所以第一个圆的路径也保留着，绘制第二个圆的时候，第一个圆会根据该路径重复绘制，第二个圆只绘制一次，而第一个圆绘制了两次3.创建第三个圆的时候，绘制的时候，第三个圆绘制了一次，第二个圆绘制了两次，第一个圆绘制了三次4.继续上面的步骤...............不仔
2016-07-13 19:37:42
756
原创 canvas元素的基础知识
canvas API,可以在页面上绘制出任何你想要的，非常漂亮的图形和接口，可以创造出更加丰富多彩和赏心悦目的下一代web页面基础知识：在页面上放置一个canvas元素，就相当于在页面上放置了一块画布，可以在其中进行图形的描绘，canvas是一个无色透明的区域，需要利用javascript编写在其中进行绘画的脚本，也可以理解为类似于其他开发语言中的canvas画布在页面中放置canva
2016-07-13 14:02:40
803
原创 拖放API
在HTML5之前，可以使用mousedown,mousemove,mouseup来实现拖放操作，但是这个只支持在浏览器内部的拖放，但是在HTML5中，已经支持在浏览器和其他应用程序之间的数据互相拖动，同时也简化了关于拖放之间的代码实现拖放的步骤1.将想要拖放的对象元素的draggable属性设置为true(draggable="true"）,这样才能将这个元素进行拖放，另外，img元素和a
2016-07-13 08:56:21
593
原创 Blob对象和FileReader接口
Blob对象：它表示二进制原始数据，提供一个slice方法，可以通过该方法访问到字节内部的原始数据快，file对象也继承了这个Blob对象它有两个属性1.size属性：表示一个Blob对象的长度 2.type属性：表示Blob的MIME类型，如果是未知类型，则返回一个空字符串Blob对象使用示例 Blob对象使用示例 function showFileType
2016-07-12 16:22:12
3440
原创 cite;small;API；FileList对象和file对象
cite元素：cite元素表示作品(一本书，一篇文章，一首歌曲)的标题；HTML4中，cite只是用来表示作者，但在HTML5中，明确规定不能用cite元素表示作者在内的人名，因为人的名字不是标题，但是为了和之前的网页进行兼容，并没有吧这个当作一个错误，这只是一个规定small元素：在这里，这个元素由原来的通用展示性元素变为更具体的，专门用来标识的所谓"小体印刷体"，通常用在诸如免责声
2016-07-12 15:31:14
455
转载 前端面试题目
登录写文章 前端同学大福利，最全的面试题目整理通通· 18 天前 自己整理了一些关于前端这个行业面试题，好多都不会好难过，I NEED AV.......HTML&CSS1. 常用那几种浏览器测试？有哪些内核(Layout Engine)?(Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。(Q2) 内核：
2016-07-12 11:14:20
558
原创 progress与meter元素
progress元素progress元素代表一个任务的完成进度，这个元素有两个属性来表示当前任务的完成情况，value属性表示已经完成了多少工作量，max属性表示总共有多少工作量，工作量的单位是随意的，不用指定；在属性设定的时候，value属性和max属性只能指定为有效的浮点数，value属性的值必须大于0，并且小于等于max属性，max属性的值必须大于0meter元素mete
2016-07-12 10:26:21
1870
原创 figure和mark元素
新增的figure元素和figcaption元素figure元素用来表示网页上的一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生其他的任何影响，它可以表示的元素可以是图片，统计图或者代码示例，还可以用来表示音频插件，视频插件和统计表格等新增的details元素details元素提供了一种替代javascript的，将画面上的局部区域进行展开或收缩的方法，新增的mark元
2016-07-12 09:30:17
842
原创 自定义错误信息
在HTML5中，使用javascript调用各input元素的setCustomValidity方法来定义错误信息 自定义错误信息 function check() { var pass1=document.getElementById("pass1"); var pass2=document.getElementById("pass2"); if(pass1
2016-07-12 09:09:44
547
原创 output元素的追加和表单的验证
到目前为止，还没有可以针对新元素的局部区域进行修改的样式output元素的追加output元素定义不同类型的输出，比如计算结果或者脚本的输出，output元素必须从属于某个表单，也就是说，必须将他书写在表单的内部，或者对他添加form属性 output元素的示例请选择一个数值：50 点击打开链接在这个例子中，元素被绑定到一个range元素上，当拖动range元
2016-07-12 07:26:16
580
原创 大幅度增加和改良了input元素的种类
对于不支持新增input元素的浏览器来说，统一将这些input元素视为text类型1.url类型是一种专门用来输入url地址的文本框，提交的时候如果这个文本框的内容不是url地质格式的文字，则不允许提交2.email类型专门用来输入email地址的文本框，提交的时候如果该文本框中的内容不是email地址格式的文字则不允许提交，但是他不检查email地址是否存在，提交的时候这个
2016-07-11 22:50:03
330
原创 表单新增属性
表单是页面上很重要的一块内容，用户可以输入的大部分内容都是在表单中的元素中进行的，它与后台的交互在大多数情况下也是通过点击表单中的按钮来完成的HTML5中新增的与表单元素相关的两个API--------文件API和拖放API新增的属性：1.form属性在HTML4中，表单内的从属元素必须写在表单内部，但是在HTML5中，可以把它写在页面上的任何部分，然后给元素一个form属性，属性
2016-07-11 21:20:53
609
原创 HTML5结构
关于内容区块的编排，可以分为“显式编排”和“隐式编排”。显式编排内容区块：是指明确使用section等元素创建文档结构，在每个内容区块内使用标题h1-h6,hgroup等，这个更清晰 网页级内容区块标题 网业级内容区块的正文 section级内容区块的标题 section级内容区块的标题 隐式编排内容区块：是指不明确使用section等元素，
2016-07-11 20:36:19
364
原创 header元素和hgroup元素和footer元素和address元素
header元素：是一种具有引导和导航作用的结构元素，通常用来放置在整个页面或者页面内的一个内容区块的标题，但是也可以包含其他内容，比如数据表格，搜索表单或者其他的logo图片hgroup元素:是将标题及其子标题进行分组的元素，hgroup元素通常会将h1-h6元素进行分组，譬如一个内容区块的标题及其子标题算一组点击打开链接 文章主标题 文章子标题
2016-07-11 19:56:39
785
原创 aside元素
aside元素用来表示当前页面或者文章的附属信息部分，他可以包含当前页面或主要内容相关的引用，侧边栏，广告，导航条......aside元素的用法：1.被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的参考资料，名词解释等等 aside元素示例 F#入门 lambda表达式可以创建词法闭包..... 名词解释
2016-07-11 18:55:47
1149
原创 nav元素
nav元素适合的场合：1.传统导航条：现在主流网站上都有不同层级的导航条，他的作用是将当前画面跳转到网站的其他主要页面上去2.侧边栏导航：作用是将页面从当前文章或者当前商品跳转到其他文章或者其他页面上去3.页内导航：页内导航的作用是在本页面几个主要组成部分之间进行跳转4.翻页操作：翻页操作是指在多个页面的前后页或者博客网站的前后篇文章滚动HTML5中不要用menu元素代
2016-07-11 11:38:27
1729
原创 section元素
section元素对于网站或者应用程序中页面上的内容进行分块，一个section元素通常由内容和标题组成，但是section 元素不是一个普通的容器元素，当一个容器需要被直接定义样式或者脚本定义行为时，推荐使用div而不是section //section元素中的内容可以单独存储到数据库或者输出到word文档中 通常不推荐没有标题的内容使用section元素，可以使用HTML5轮廓工具来检
2016-07-11 11:35:42
3097
原创 article元素
掌握HTML5中新增主体元素和非主体元素的定义，使用方法，使用场合，新增的主体结构元素有article元素，section元素，nav元素，aside元素；新增的非主体元素有header元素，hgroup元素，footer元素，address元素；掌握显式编排，隐式编排，HTML5分析器是按照什么原则来分析页面结构的，以及怎样对这些新增的元素使用css样式article元素article元
2016-07-11 09:02:20
1481
原创 剩余四个全局属性
designMode属性用来指定整个页面是否可以编辑，当页面可以编辑的时候，contengEditor属性的元素都变成了可编辑的状态，designMode属性只能在javascript脚本里面被修改，该属性有两个值on off;属性值为on 的时候，页面可编辑，属性的值为off的时候吗页面不可以编辑使用javascript脚本来指定designMode的属性的方法如下所示docume
2016-07-11 08:12:12
377
原创 contentEditable属性
1.它是由微软开发，被其他浏览器反编译并且投入应用的一个全局属性2.该属性的功能是允许用户编辑元素中的内容//所以这个元素必须是可以获得鼠标焦点的元素，并且在点击鼠标后要向用户提供一个插入符号，提示可编辑3.属性是布尔值属性，可以指定为true或者false4.contentEditable属性还有一个隐藏的inherit（继承）状态，属性为true，元素为允许编辑；属性为false,
2016-07-11 07:49:04
3088
原创 HTML5中新增的元素
新增的结构元素1.section元素：表示页面中的一个区块的大小，比如章节，页眉，页脚或者页面中的其他部分，可以和h1,h2,h3,h4,h5,h6等元素结合起来使用，标识文档的结构 2.article元素：表示页面中的一块和上下文不相关的独立内容，譬如博客中的一片文章或者报纸中的一篇文章 3.aside元素：表示与article元素的内容之外的，与article元素相关的
2016-07-10 21:44:56
939
原创 HTML5与HTML4的区别
掌握HTML5与HTML4在基本语法上的区别，这个基本语法区别包括DOCTYPE申明，内容类型，字符编码的指定方式，元素标记的省略，具有布尔类型值得属性，引号的省略等； 了解新增的元素，删除了哪些元素，为什么要删除这些元素，用什么元素或者方法来取代这些删除的元素； 新增了那些属性，删除了那些属性，用什么方法来取代这些删除的属性； 掌握什么是全局属性，掌握本章介绍的几个全局属性，他
2016-07-10 21:16:51
1824
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人