摘要：Canvas 能干什么 个人把它分为以下几点 体系概览 把Canvas想象成一个画板 绘制元素 需要说明的是image的类型 绘制状态 需说明的是，一个canvas只有一组绘制状态 区域访问 addHitRegion({id:'abc'}) 鼠标事件能够获取到所在的区域 绘制模式 globalCom 阅读全文
图片轮播
2016-08-04 16:42 by 袁叶子, 138 阅读, 0 推荐, 收藏, 编辑
摘要：图片轮播，考虑到动态插入要轮播的图片以及生成相应的圆点图标。实现无缝轮播切换。将jquery简单的封装了一下，可以作为一整个模块任意使用，class命名不同的时候只需要在初始化的时候，改动一下即可。前端刚刚入门，希望大家看到代码如果觉得有改进的，可以写的更简洁更方便的话，请指教。 html代码 ? 阅读全文
media页面布局2
2016-08-02 12:38 by 袁叶子, 163 阅读, 0 推荐, 收藏, 编辑
摘要：一个三栏布局的，在不同的尺寸下，变为两栏，再变为一栏 代码如下： 查看代码打印? 01 <!DOCTYPE HTML> 02 <html> 03 <head> 04 <meta charset="utf-8"> 05 <meta name="viewport" content="width=devi 阅读全文
利用@media screen实现网页布局的自适应
2016-08-02 12:34 by 袁叶子, 474 阅读, 0 推荐, 收藏, 编辑
摘要：1280分辨率以上（大于1200px） 1100分辨率（大于960px，小于1199px） 880分辨率（大于768px，小于959px） 720分辨率（大于480px，小于767px） 440分辨率以下（小于479px） 阅读全文
纯html5和css3轮播
2016-08-02 12:30 by 袁叶子, 14308 阅读, 0 推荐, 收藏, 编辑
摘要：<!DOCTYPE html><html> <head> <title> 飛天网事--纯CSS代码实现图片轮播 </title> <meta charset="utf-8" /> <meta name="description" content="飛天网事，WEB前端开发，纯css3代码图片轮播，H 阅读全文
Bootstrap
2016-07-23 22:52 by 袁叶子, 106 阅读, 0 推荐, 收藏, 编辑
摘要：Bootstrap是Twitter推出的一个开源的用于web前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经 阅读全文
css规范 BFC
2016-07-23 22:39 by 袁叶子, 875 阅读, 0 推荐, 收藏, 编辑
摘要：1.BFC的概念 BFC全称Block Formatting Context ，中文直译为块级格式上下文。它是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。通俗的来说：BFC是一个独立的布局环境，我们可以理解为一个箱子（实际上是看不见摸 阅读全文
响应式布局
2016-07-23 22:39 by 袁叶子, 95 阅读, 0 推荐, 收藏, 编辑
摘要：响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，一种能够缩放适应不同大小的屏幕的网页设计做法.简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验 阅读全文
html5拖拽
2016-07-17 17:51 by 袁叶子, 154 阅读, 0 推荐, 收藏, 编辑
摘要：拖拽相关属性 draggable属性是html5的全局属性，是html5支持拖放操作的方式之一，用来表示元素是否可以被拖放,draggable有三个值，true表示可以拖放，false表示不可以被拖放，auto表示使用浏览器的默认值 XML/HTML Code复制内容到剪贴板 <ul> <li id 阅读全文
css3
2016-07-17 17:48 by 袁叶子, 138 阅读, 0 推荐, 收藏, 编辑
摘要：CSS3引进了一些新的元素新的特性，我收集以下，自己做了一个小结： background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性，它们有相同的可选值，即border、padding、content三种，而且这两个属性表示的都是元素背景与元素边框、补 阅读全文