ITzhongzi的博客

转载 html5 网络 媒体部分 笔记

html5css3jsAPI1、视频    属性：         paused: 视频的播放暂停状态         duration:视频的总时长         currentTime:当前播放时间    方法： play() 播放           pause()暂停    事件：        oncanplay： 当视频加载

原创 前端模板引擎

原理剖析其本质是利用正则表达式，替换模板当中预先定义好的标签。正则表达式exec用法http://www.w3school.com.cn/jsref/jsref_exec_regexp.asp流行模板引擎BaiduTemplate：http://tangram.baidu.com/BaiduTemplate/A

转载 xml和html的区别以及特点

HTML:  超文本标记语言     共同点：语法中都会用到标签  都具有描述性    区别：        HTML：用于展示数据                 XML： 传输数据和存储数据    语法规则：        1、必须有一个根元素        2、不可有空格、不可以数字或.开头、大小写敏感        3、不可交叉嵌套       

转载 JSON在javascript和php之间的传递（json解析）

JSON数据格式    js中的数组，对象   var arr=[12,2,2,3];  var obj={ name:'zs',age:18 }    php中  $arr=array(1,2,3,4);    JSON格式本质是就是特殊格式的字符串    语法规则：           1、数据在名称/值对中        2、数据由逗号

转载 jquery中的AJAX请求响应

jQuery为我们提供了更强大的Ajax封装        $.ajax({}) 可配置方式发起Ajax请求        $.get() 以GET方式发起Ajax请求        $.post() 以POST方式发起Ajax请求        $('form').serialize() 序列化表单（即格式化key=val&key=val）        ur

转载 ajax只是总结（图示）

原创 移动WEB基础知识

Web前端项目实战移动Web篇                 目录目录                                                                                                                  2µÚ1    基础知识                    

转载 前端中移动端的事件解析

Touchtouchstart：当手指触碰屏幕时候发生。不管当前有多少只手指touchmove：当手指在屏幕上滑动时连续触发。通常我们再滑屏页面，会调用event的preventDefault()可以阻止默认情况的发生：阻止页面滚动touchend：当手指离开屏幕时触发touchcancel：系统停止跟踪触摸时候会触发。例如在触摸过程中突然页面ale

原创 AJAX局部刷新五部曲纯js实现

// 创建XMLHttpRequest对象 var xhr=new XMLHttpRequest();   // 请求行 xhr.open('post','03-ajaxPost.php'); //请求头 xhr.setRequestHeader('Content-Type',' application

原创 AJAX使用详解

chat.html文件：内容如下：  lang="en">  charset="UTF-8"> Ajax  body { margin: 0; padding: 0; background-color: #F

原创 前端移动web布局总结

1、 基于版心进行布局 1200px 单位 px2、 栅格布局 响应式 根据不同的屏幕宽度 给盒子加载不同的css样式 版心： 1200 992 768 640 媒体查询： @media screen and (min-width:992px ) and (max-width:1199px){...} 设置视

原创 伸缩布局之是否换行

html>html>head lang="en"> meta charset="UTF-8"> title>title> style> * { margin: 0; padding: 0; list-style: none; } body {

原创 伸缩布局的伸缩比例

body{      background-color: #eee;    }    *{      margin:0;      padding: 0;      list-style: none;    }    section{      width: 1000px;      margin:10px auto;    }    ul{

原创 伸缩布局之-侧轴的对齐方式

lang="en"> charset="UTF-8">   body{ background-color: #eee; } *{ margin:0; padding: 0; list-style: none; }

原创 伸缩布局主轴上的对齐方式+注释

lang="en"> charset="UTF-8">   body{ background-color: #eee; } *{ margin:0; padding: 0; list-style: none; }

原创 伸缩布局的主轴布局方向详解+注释

lang="en"> charset="UTF-8">   body{ background-color: #eee; } *{ margin:0; padding: 0; list-style: none; }