弹性盒子模型
布局方案
传统的布局方案大多采用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开发的网站同质
1. map+area
DW软件实现方法 视频:http://www.chuanke.com/3885380-190205.html
2. border-radius(H5)
<style>
.circle{
/*圆设置*/
width:100px;
文章转载:http://www.jianshu.com/p/8f74cfb146f7
网站是毕业设计的作品,开发这个网站的目的主要用于记录一些笔记,以及聚合一些资讯信息,也算自己在网络世界中的一块静地吧,可以在这里一些技术上想法的实践。
网站最初前端使用vue开发,在前段时间由于
html代码:
<audio src="music/music.mp3" id="song" autoplay="autoplay" >
jquery代码:
function audioAutoPlay(id){
var audio = document
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>
<body>&
1,下载安装node
访问 http://nodejs.org ,然后点击大大的绿色的 install 按钮,下载完成后直接运行程序,就一切准备就绪。 npm 会随着安装包一起安装,
2,打开代码行
node -v //查看node版本,如果显示版本号,则安装成功。
npm -v //查看npm
作者 | 刘博(又拍云多媒体开发工程师)
当前为了满足比较火热的移动 Web 端直播需求,一系列的 HTML5 直播技术迅速的发展起来。
常见的可用于 HTML5 的直播技术有 HLS、WebSocket 与 WebRTC。今天我向大家介绍WebSocket 与 MSE 相关的技术要点,并在最后通过
omi-cli
omi-cli
omi-cli命令
omi框架
用户指南
文件目录
npm 脚本
npm start
npm run dist
代码分割
兼容 IE8
插入 CSS
插入组件局部 CSS
局部CSS使用图片
插入 Less
插入组件局部 Less
导入组件
导入图片、字体、SVG
上一篇: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>妙味课堂<