相关技能
HTML5+CSS3（实现页面布局和动态效果）
Iconfont（使用矢量图标库添加播放器相关图标）
LESS （动态CSS编写）
jQuery（快速编写js脚本）
gulp+webpack（自动化构建工具，实现LESS,CSS,JS等编译和压缩代码）
实现的功能
播放暂停（点击切换播放状
标签：HTML5
node.js的基础语法就是JavaScript的语法，所以对于懂得javascript的同学来说要容易一些，至于环境的配置也要相对简单很多,可以访问官方文档进行安装。这里分享一下我在学习中总结的一些东西，这是第一篇先来说说文件之间如何进行引入并互相使用变量及函数。
码缘 » node.j
HTML5 是近十年来 Web 开发标准最巨大的飞跃。HTML5 并非仅仅用来表示 Web 内容，它将 Web 带入一个成熟的应用平台，在 HTML5 平台上，视频、音频、图象、动画，以及同电脑的交互都被标准化。
本教程将教会大家HTML5中的新特性，以及每种标签的使用
HTML5 中的一些有趣的新
通过对需求的了解，可以将其分解为：
（1）微信端手机用户，可以使用微信的JSSDK。
（2）选取图片，使用JSSDK的“chooseImage”，由于分享图片时本地地址无法分享，因此还需要JSSDK的“uploadImage”。
（3）分享到朋友圈，需要JSSDK的“o
组合模式，也称作部分整体模式。组合模式画成图就是数据结构中的树结构，有一个根节点，然后有很多分支。将最顶部的根节点叫做根结构件，将有分支的节点叫做枝干构件，将没有分支的末端节点叫做叶子构件.
1.定义
将对象组合成树形结构以表示“部分-整体”的层次结构，使得用户对单个对象和组合对象的使用具有一致性。
table表格，这个东西大家肯定都不陌生，代码中我们时常都能碰到，那么给table加一个斜线的表头有时是很有必要的，但是到底该怎么实现这种效果呢？
我总结了以下几种方法：
1、最最最简单的做法
直接去找公司的UI，让她做一张图片，作为背景图片放到这里，然后撑满就可以了。是不是很简单！！！
2、相当简
今天来说下 拖拽效果，纯手工。下面会有代码和注释。
首先，要想能拖动div就考虑到三个事件，鼠标按下 鼠标拖动 鼠标松开。
<!DOCTYPE html><html> <head> <meta charset="UTF-8">
文本样式
<b>加粗</b>
<i>倾斜</i>
<u>下划线</u>
<s>删除线</s>
<sub>下标</sub>
<sup>上标</sup
1.HTML5基础
文档类型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Transitional：
今天写点css3，3d属性写的3d盒子，结合javascript让盒子随鼠标旋转起来
今天带了css3新属性3d
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<tit
项目背景
项目背景是外包类建站公司里，设计环节沉淀了大量可复用组件，设计师往往只需要微调组件就拼凑出页面，交付给前端，理论上这些组件在前端也可以复用，但实际上前端每次都要重新实现整个页面，浪费很多人力。
功能需求
这个项目的思路是，将所有组件开发出来，统一录入到一个平台上管理，设计师可以到平台上挑选
什么是HTML5？
HTML5是超文本语言，不是编程语言，html5是html语言的最新版本，需要注意浏览器的兼容性问题。
HTML5技术一般是指的是HTML5、CSS3、JavaScript三种技术的结合。
HTML5主要负责文档内容的结构和含义。
CSS3主要负责描述文档内容样式。
JavaSc
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script type="text/javascrip
移动端页面布局的那些事儿
http://www.xiaoxiangzi.com/Programme/CSS/4298.html
一. viewport
什么是viewport
简单来讲，viewport就是浏览器上，用来显示网页的那一部分区域了，也就是说，浏览器的实际宽度，是和我们手机的宽度不一样
(0)写在前面 讲述知乎上看到的一篇文章中的一个案例，让我脑洞大开，佩服至极，特意第二天找到原文赞赏了
5元，原文地址https://zhuanlan.zhihu.com/p/27258076，案例用了很多css3的属性。(1)效果演示
(2)知识点及效果
<div class="tr
盒子模型有两种：W3C和IE盒子模型
盒子模型包括margin、border、padding、content
W3C的元素宽度=content的宽度
IE的元素宽度=content+padding+border
我个人认为W3C定义盒子模型与IE定义的盒子模型，IE定义的比较合理，
元素的宽度应
任务没完成,继续来!因为刚才网不好,我辛辛苦苦打了洋洋洒洒一大堆都没了!
我们今天主要是说一个简单的由Bootstrap和HTML5结合而成的小案例:
首先:由标题可得知,这是移动端,所以需要这样一串代码:
<meta name="viewport" content="width=device
平时在公司不忙的时候，就喜欢写一些小效果什么的，一来复习复习，二来可以发现一些问题。
今天在群里看别人发了一手表的图片，卧槽...妥妥的工作好多年的节奏，后来想想还是做好自己的事情算了，想那多干啥，就画了一个手表....
效果图，没有录制gif的
直接上代码：
html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.w
一、初步了解HTML
HTML是一种超文本标签语言，浏览器则是用来“解释和执行”HTML源码的工具。
HTML的基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"&g
客服
