html小技巧
-
margin:auto atuo 上下左右都居中
-
style="display: none;" 隐藏控件
-
空行 -
position: absolute; 将控件位置强制固定，设置margin可以让多个控件重叠。一般不建议这样做。
-
video canvas重叠，可以通过隐藏video，不停的迭代调用自己绘制video的画面到canvas上，让canvas成为一个视频播放器。
-
canvas 默认高宽是300*150，在css中设定其高宽无效，初始尺寸需要在标签中定义才能生效
-
video尺寸较大，可以将其作为源画入不同尺寸的canvas中，画面自动缩放，当然画质也会受到缩放算法影响。
-
<img>标签的 ”src“ 属性可以使用base64字符串，但是要包含头部信息的字符串才能使用
JQuery
1.jQuery：是js的一个高级的封装库，它有强大易用的选择器，隐形的迭代，出色的DOM对象封装，等等
2.DOM对象与jQuery对象：xml中标签的层次构成树形，每个节点标签都是一个DOM对象，可以用js获取它。而jQuery对象则是在DOM对象上的一次封装，具有很多的jQuery特有的方法。
3.在代码中等价于jQuery。
4.选择器：在jQuery中一切都是以选择为前提的，可以理解为全文遍历匹配，有先后，完全匹配，匹配各种属性。得到的是jQuery的控件对象。jQuery提供能多种多样的方法，能够结合使用达到强大的选择效果。
5.Ajax：Ajax技术（或者讲效果）在jQuery里有简单易用的封装实现。
6.(function(){ //... })。
7.var ，以示与DOM对象的区别。
8.链式操作：对于一个选择到的jQuery对象，你可以一直在后面跟上$("#xxx").func().func()... 来操作它，而不需要再次的选择影响性能。
bootstrap的下载与使用
对于没有什么前端基础的人来说，想要迅速布置一个看起来不是那么丑陋的网页，我试着用了用bootstrap。
bootstrap使用很简单，他们有一些基本的css样式，基于这些能够使用他们的组件。他们有一些基本的js，基于这些就能使用他们的插件。
要做的首先就是将这些基本的css样式和js下载下来，并引入自己的项目中。bootstrap下载地址
由于bootstrap的js代码基于jquery，所以在这之前需要先引入jquery才能正常使用。jquery下载地址，具体见下图。
将这些包含css与js的文件夹放在html相同路径下。然后就是在html文件的中以如下代码引入就行了。
<head>
<title>test</title>
<link href = "../bootstrap/css/bootstrap.css">
</head>
<body>
<script src="../jQuery/jquery-1.11.1.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
</body>
紧接着只需要到bootstrap网站上去寻找到需要的网页组件和相关的动作效果插件，copy他们的代码到代码中，改一改需要改的内容，就能直接生效了。
网友评论