刮刮卡需求： 每一位用户有三次刮刮卡的机会本次刮刮卡的结果会覆盖上次的结果刮刮卡的中奖几率呈现为递增的曲线（保证三次中必须有一次中奖）刮出的结果包含按钮既（领取奖品 or 再来一次 ）分享活动奖品升级（这里主要是微信分享的回调了）我们自己的需求，今天就说怎么制作刮刮卡，有这样需求的可以找我要源码 第一、body创建Canvas <div class="info" id="prize"><span id="prompt"></span><span class="btn" id="ok">领取奖品...
基于浮动的布局 基于浮动的布局是最容易使用，也是最可靠的，只需要设置元素的宽度，然后设置为左或者右浮动即可。1.两列浮动布局假设页面总的宽度920px，两个元素间距20px。（display:inline 防止IE双外边距浮动产生的bug）；由于元素是浮动的，将不再文档流中占据空间，将父节点 overflow:hidden;css代码：.right {width: 650px;padding-left: 10px;float: right;display: inline; }.left {width: 230px;float: left;display: in...
HTML常用标签：文本格式：首先，HTML是一种超文本标签语言，它是制作网页的基础。其次，HTML文档中至少包含有成对的<html> </html>、<head> </head>、<title> </title>、<body> </body>标签。1<html>2<head>3<title>我是网页标题</title>4</head>56<body>7 我是网页主题内容 8</body>9</html> 文本解析：<html> 标签是HTML文档的根标签，页面中所有内容都必须包含在<html></html>一、最常用的标签： 原文：http://www.cn...
http://www.html5in24hours.com/books/the-book/code/1.浏览器测试 http://browsershots.org/2.http://www.fontsquirrel.com/常用字体：arial,helvetica,comic sans,courier,times new roman3.重置样式：http://meyerweb.com/eric/tools/css/reset/ 4.需要理解：http://www.html5in24hours.com/code-samples/hour4-code.html移动设备检测及对HTML5的支持在全局对象上检测属性在创建的元素上检测属性检测一个方法能否得到正确的返回...
进行总体布局时候，具体可以用的方法。1.大纲：文档中各内容区块的结构编排。 内容区块可以使用标题元素来展示各级内容区块的标题。 关于内容区块的编排可以分为“显示编排”和“隐式编排”。 显示编排：明确使用section等元素创建文档结构，在每个内容区块内使用标题（h1-h6、hgroup）。更加清晰、易读。 隐式编排：不明确使用section等元素，而是根据页面中所书写的各级标题（h1-h6、hgroup）等把内容区块自动创...
HTML 元素例子解释<html> 与 </html> 之间的文本描述网页<body> 与 </body> 之间的文本是可见的页面内容<h1> 与 </h1> 之间的文本被显示为标题<p> 与 </p> 之间的文本被显示为段落 提示：请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。空的 HTML 元素没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。在 XH...
1{2// 处理图片资源 3 test: /\.(jpg|png|gif)$/,4 loader: ‘file-loader‘,5 options: {6// 关闭es6模块化 7 esModule: false,8 9 limit: 20 * 1024, 10111213 name: ‘[hash:10].[ext]‘, 14 outputPath: ‘imgs‘15 } 16 }, 17 { 18// 处理html中img资源19 test: /\.html$/, 20 loader: ‘html-loader‘, 21 optio...
在上篇随笔中，我只说了如何建立一个http服务，并没有说如何展示html页面，毕竟最后我们在web服务器上是要返回给用户不同的html页面的，那么我们如何根据用户的请求来为用户呈现出不同的页面列，这里我们就需要用到fs模块来实现了，fs模块也是node集成的一个模块，这个模块看字面意思就知道，是用来操作文件的，有了fs模块，js就可以在node环境下操作服务器的文件了，这个模块十分有用，哈哈哈，看一下，如何使用这个模块为用户呈现...
UIWebView加载CSS样式的html 效果 源码//// ViewController.m // CSS //// Created by YouXianMing on 16/7/19. // Copyright ? 2016年 YouXianMing. All rights reserved. // #import"ViewController.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];self.view.backgroundColor = [UIColor whiteColor];CGFloat width = self.view.bounds.size.width...
2017-03-02完成第五章第六章的学习第五章：为界面增加图像浏览器处理图像的过程：先请求页面，若需要图片，在请求图片图像的格式：JPEG，PNG，GIF，各自的特点和优势内联元素<img>：属性alt--文本描述图像属性width和height：限定大小（这两个属性限定大小有很多局限），如何调整图像大小及缩略图为图像增加链接：<a href="XXX.html"><img src="XXX.png" alt="XXX"></a>第六章：HTML标准如今HTML5盛行，不再有其他版本，因为他是活...
<html>----开始标签<head> 网页上的控制信息 <title>页面标题</title></head><body>页面显示的内容</body></html>----结束标签注释！！！ body的属性bgcolor页面背景色 text文字颜色 topmargin上页边距 leftmargin左页边距 rightmargin右页边距 bottommargin下页边距 background背景壁纸 1.1一般标签1.1.1格式控制标签<font color="" face="" size=""></font>控制字体： face字体，size字体大小。<b></b>字体加粗<strong...
1、认识HTML标记 HTML的全称是Hyper text markup language,超文本标记语言，用于定义文档的内容结构。在HTML中，所有的标记都是成对出现的。<html>标记：是HTML文档的根元素，放在开头，表示网页文档的开始。<head>标记：出现在文档的起始部分，标明文档的头部信息，比如标题信息。<body>标记：文档的主体区域网页所要显示的内容都在这个标记内。 2、HTML元素的组成部分3、元素的层次结构一个元素的内容中可以包含其他元素，形成嵌...
如果使用参数faststart就会在生成完上边结构之后将moov移动到mdat前面:ffmpeg –i input.flv –c copy –f mp4 –movflags faststart output.mp4然后使用mp4info查看mp4的容器顺序，可以看到moov被移动到了mdat前面，参考下图对比(工具使用mp4info)：参数优化之前： 参数优化之后：当moov前置之后，如果再通过浏览器去播放视频，播放器就不必等到加载完整个视频再开始播放，从而加速在线播放速...
FormData是HTML5标准制定的一个新的封装对象，有了FormData对象，可以方便地通过javascript创建表单数据，直接以ajax发送到服务器中。目前浏览器的支持情况为： 详细的介绍与用法可参考我的github笔记原文：http://www.cnblogs.com/william-d-king/p/5499859.html
1<!DOCTYPE html> 2<html> 3<meta name="content-type" content="text/html; charset=UTF-8"> 4<head> 5<title>Calculator</title> 6 7<!--将按键内容以字符串形式存储在文字框中当按钮为“=”时，调用eval方法计算结果然后将结果输出文字框中--> 8 9<script type="text/javascript"> 10var numresult;11var str;12 13function onclicknum(nums) {14 15 str = document.getElementById("nummessege");16 str...