标签:HTML5
弹性盒子模型 布局方案 传统的布局方案大多采用div+css+float+position+display来实现,但是随着css3中弹性盒子模型的推出,在前端布局方案中就又多出了一项彪悍的选项。 而因为最近在研究小程序,发现中间使用弹性盒子布局效果更好效率更高一点,所以就将之前学习弹性盒模型的相关知
最近你开始在学习canvas,打算把学习canvas的整个学习过程当中的一些笔记与总结记录下来,如有什么不足之处还请大神们多多指出。   1. canvas介绍 Canvas元素的出现,可以说开启的Web世界绘制动画,图形的大门,其功能非常强大canvas 元素是HTML5中功能最强大的元素,它的能
今天写一下html5的拖放问题。  设置元素可以拖放      设置元素可以拖放用draggable属性,设置为true。元素就可以拖放了。(注:火狐浏览器不支持)  拖拽元素事件     ondragstart:拖拽前触发           ondrag:拖拽中连续触发      ondrage
制作网站时,可能会用到视觉差效果 如图   视觉差在制作网页时会有很炫酷的效果,今天要讲的是如何呈现动态视觉差 效果如图:     制作方法首先需要一个视觉差的插件 我所用的插件是一款较为大众的视觉差插件 <link rel="stylesheet" type="text/css
    在线演示: DEMO DEMO中及以下代码并没有写兼容代码,请使用高级浏览器打开,IE版本对CSS3支持并不太友好,IE11打开没有滚屏效果。 兼容代码前缀: -webkit- -moz- -o- -
  2017-06-08 Angular指令。 ng-init:初始化数据 在属性值中用 = 符号为变量值,用户;隔开,并且不能使用var   ng-app:开启angular应用模式,一个页面只能出现一次 可以有属性值,但要在js中定义这个项目,如果没有属性值,可以直接在是视图中使用了   n
前几天遇到了一个很奇葩的问题:执行audio.play方法,浏览器、安卓、部分ios可正常播放,部分ios不能播放部分声音,这就奇怪了。 我的第一反应是: 音频文件有问题  -- 写了一个domo验证,文件可正常播放 音频文件没有加载完成就播放  -- 绑定loadeddata事件发现音频确实已经加
Bootstrap的优缺点是什么?bootstrap是一个用于快速开发web应用程序和网站的前端框架,基于html、css、javascript。优点是:移动设备优先,支持主流浏览器,易使用,响应式设计缺点:不支持IE6,重度使用class而class不够语义化,使用bootstrap开发的网站同质
文章转载:http://www.jianshu.com/p/8f74cfb146f7 网站是毕业设计的作品,开发这个网站的目的主要用于记录一些笔记,以及聚合一些资讯信息,也算自己在网络世界中的一块静地吧,可以在这里一些技术上想法的实践。 网站最初前端使用vue开发,在前段时间由于
1,下载安装node 访问 http://nodejs.org ,然后点击大大的绿色的 install 按钮,下载完成后直接运行程序,就一切准备就绪。 npm 会随着安装包一起安装, 2,打开代码行 node -v //查看node版本,如果显示版本号,则安装成功。 npm -v   //查看npm
作者 | 刘博(又拍云多媒体开发工程师) 当前为了满足比较火热的移动 Web 端直播需求,一系列的 HTML5 直播技术迅速的发展起来。 常见的可用于 HTML5 的直播技术有 HLS、WebSocket 与 WebRTC。今天我向大家介绍WebSocket 与 MSE 相关的技术要点,并在最后通过
上一篇:HTML5笔记2——HTML5音/视频标签详解 Web Storage概述 在HTML5中,除了Canvas元素之外,另一个新增的非常重要的功能是可以再客户端本地保存数据的Web Storage功能,之前可以使用Cookies在客户端 保存诸如用户名等简单用户信
一、Less语法   1.变量声明:     @变量名:变量值;  1 @newHeight:20px;   2.调用变量: 1 .box { 2 width: @newHeight; 3 height: @newHeight; 4 }   3.多重继承(Mixins
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/an
头部 header ----------------用于头部 主要内容 main ------------用于主体内容(中部) 左侧 main-left -------------左侧布局 右侧 main-right -----------右侧布局 外套 wrap ----------------
<header></header> 页眉 主要用于页面的头部的信息介绍,也可用于板块头部 <hgroup></hgroup> 页面上的一个标题组合 一个标题和一个子标题,或者标语的组合 <hgroup> <h1>妙味课堂<