- 博客(32)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Chrome调试Android手机
老师介绍了一个Chrome调试Android手机的教程，亲自试过，很不错，分享给大家http://ask.dcloud.net.cn/article/69
2016-04-30 22:26:04
463
原创 HTML5培训第10节课堂笔记（盒子模型、行内与块级、float、定位、html5布局）
HTML5培训第10节课堂笔记客户端----服务方如果数据返回过来，在界面上无法显示出来，检查客户端的程序 1.Boxmodel，里面涉及CSS中margin和padding的用法盒子模型W3C：图片的宽度就是所有的宽度 图片的宽度没变，加入padding后水平居中常用:margin0 auto;text-align:center; 2.行内元素及
2016-04-30 22:11:29
742
原创 HTML5第9节课堂笔记（初探mui，制作手机归属地查询）
手机MUI程序 ，利用它的ajax方法访问baidu的APIhttp://apistore.baidu.com/apiworks/servicedetail/794.htmlhttp://dev.dcloud.net.cn/mui/ajax/自己做过手机归属地查询 号码归
2016-04-30 22:04:40
1235
原创 图片提示效果（jquery）
思路：1.当鼠标滑入超链接：创建一个div元素，div元素的img为a的或href 内容为title的值 讲创建的元素追加到文档中，为它设置X坐标和y坐标，使他显示在鼠标位置的旁边。2当鼠标滑出超链接时，删除div3.当鼠标在图片上滑动时，再调用上面的函数为它设置X坐标和y坐标，使他显示在鼠标位置的旁边。图片提示 body{ margin:0;
2016-04-30 21:36:36
563
原创 图片突出显示（jquery）
body{ background:#000; } body,div,ul,li,img{padding:0;margin:0;border:0;list-style:none;} .all{width:630px;border:1px solid #ccc;margin:100px auto;overflow:hidd
2016-04-26 20:40:38
808
原创 图片轮播（jquery方式）
*{ margin:0px; padding:0px; list-style:none; } .wrap{ width:400px; height:320px; margin:200px auto;
2016-04-26 20:38:31
299
转载 jquery ajax实例
jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据这个是jQuery 的底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。注意： 如果你指定了 dataType 选项，请确保服务器返回
2016-04-24 15:20:03
350
转载 简单介绍基于WEB开发的HTTP协议
简单介绍基于WEB开发的HTTP协议 今天搜索socket时找到一篇文章 基于Java的web服务器工作原理>,却在里面看到了部分介绍HTTP协议的,虽然简单,但是读完之后,还是对HTTP有一点新的理解,所以摘录了一下(部分内容经过笔者更改). HTTP(The Hypertext Transfer Protocol) 是一种让 Web 服务器与浏览器(客户端)通过
2016-04-21 21:03:30
345
原创 HTML5第8次课堂笔记（ 模拟form表单提交数据，xml的解析，jQuery的Ajax方法使用， mui的ajax）
HTML5第8次课堂笔记 1. 模拟form表单提交数据：（get方式） body> formmethod="get"action="DataTest7"> inputtype="text"name="uname"value="yang"id="myname">br/> inputtype="password"name="upass"value
2016-04-21 19:12:30
5527
转载 HTTP详解(3)-http1.0 和http1.1 区别
翻了下HTTP1.1的协议标准RFC2616，下面是看到的一些它跟HTTP1.0的差别。1. Persistent Connection持久连接 在HTTP1.0中，每对Request/Response都使用一个新的连接。 HTTP 1.1则支持持久连接Persistent Connection, 并且默认使用persi
2016-04-21 11:01:50
285
转载 HTTP详解(2)-请求、响应、缓存
1. HTTP请求格式 做过Socket编程的人都知道，当我们设计一个通信协议时，“消息头/消息体”的分割方式是很常用的，消息头告诉对方这个消息是干什么的，消息体告诉对方怎么干。HTTP协议传输的消息也是这样规定的，每一个HTTP包都分为HTTP头和HTTP体两部分，消息体是可选的，而消息头是必须的。每当我们打开一个网页，在上面点击右键，选择“查看源文件”，这时看到
2016-04-21 11:00:28
447
转载 HTTP详解(1)-工作原理
1. HTTP简介 HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等。 在了解HTTP如何工作之前，我们先了
2016-04-21 10:59:19
678
原创 HTML5第7次课堂笔记（图片验证码的应用,xmlhttprequest对象的使用,跨域）
HTML5第7次课堂笔记1. 图片验证码的应用：（1）服务端Content-type的控制；（2）客户端防止缓存（仅对GET) 服务器端使用的是jsp 点击图片，实现刷新验证码有时拿不到服务器的数据 没有请求出去 浏览器的问题，请求缓存起来 对同一个地址不断请求，会缓存起来，一定是get请求 可以看到每次请求地址都不一
2016-04-20 19:50:44
1166
转载 jQuery插件开发全解析
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方
2016-04-19 21:25:30
276
转载 JQuery插件的写法
JQuery插件写法的总结最近Web应用程序中越来越多地用到了JQuery等Web前端技术。这些技术框架有效地改善了用户的操作体验，同时也提高了开发人员构造丰富客户端UI的效率。JQuery本身提供了丰富的操作，但是，有时候我们需要根据我们自己的业务和系统特色（风格）构造一些我们常用的前端UI组件，而JQuery的插件给了我们一个较好的方式来构造这些UI组件，方便我们日后反复重用这些组件。
2016-04-19 21:24:15
318
转载 Android手机 Fildder真机抓包
Fiddler是一个http调试代理，它能 够记录所有的你电脑和互联网之间的http通讯，Fiddler 可以也可以让你检查所有的http通讯，设置断点，以及Fiddle 所有的“进出”的数据（指cookie,html,js,css等文件，这些都可以让你胡乱修改的意思）。 Fiddler 要比其他的网络调试器要更加简单，因为它仅仅暴露http通讯还有提供一个用户友好的格式。 对于A
2016-04-18 11:14:30
386
原创 HTML5第六次培训（AJAX基础-http协议）
1.熟悉HTTP协议；请求分三部分 1请求行 使用的请求方法 2.请求的协议HTTP/1.1 3.请求报头Host: 127.0.0.1:8020 主机地址Connection: keep-alive 保持连接 Cache-Control:max-age=0 不让缓存Accept:text/html,application/xhtml+xml,appli
2016-04-15 20:48:52
248
原创 HTML5第五次培训（jQuery）
HTML5第五次培训（jQuery）1. 修改样式，$("").css() //一次性使用多个样式*/ //参数是一个json格式
2016-04-15 20:45:06
307
原创 CSS3之弹性盒模型
弹性盒模型 1. 注意在使用弹性盒模型的时候父元素必须要加display:box或display:inline-box.box{height:100px;border:10pxsolid #000;padding:10px; display:-webkit-box;}.boxdiv{width:100px;height:100px;background
2016-04-12 18:49:49
450
原创 CSS3之渐变（线性渐变，径向渐变）
渐变一、 线性渐变1 线性渐变格式linear-gradient([ || ,]? , …)只能用在背景上 2 IE filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ff0000',G
2016-04-12 16:05:17
6710
1
原创 CSS3之设计背景图片（多背景，背景尺寸,背景原点，背景裁剪，遮罩）
一、设计背景多背景逗号分开background:url(a.jpg) 0 0, url(b.jpg) 0 100%; .box{width:300px;height:300px;background:url(bt_blue.png) no-repeat, url(border.png) repeat-yright 0;} 二、背景尺寸
2016-04-11 22:20:59
4716
原创 CSS3之边框图片
边框图片border-image1 border-image-sourceg 引入图片2 border-image-slice 切割图片 属性值没有单位，默认单位为像素。支持百分比，百分比值总是相对于边框图像而言。3 border-image-slice包含4个参数，遵循css方位规则，按照上，右，下，左的顺时针方向赋值剪裁。 4
2016-04-11 15:33:06
482
原创 CSS3之圆角
1 不给“/”则水平和垂直一样 1个：都一样border-radius: 一样 .box{width:200px;height:200px;border:1px solid #000; border-radius:20px;} 2个：对角border-radius: 左上&右下 右上&左下 .box{width:20
2016-04-11 11:45:26
309
原创 css3之文本，字体，颜色
文本，字体，颜色1. 新增颜色模式rgbar Red 红 0-255g Green 绿 0-255b Blue 蓝 0-255a Alpha 透明 0
2016-04-10 22:18:06
3366
原创 CSS3之选择器2（伪类）
1 E:target表示当前的URL片段的元素类型，这个元素必须是Ediv{width:300px;height:200px;background:#000;font:50px/200px "微软雅黑"; color:#fff; text-align:center; display:none;}div:target{ display:block;}d
2016-04-10 21:41:32
455
原创 CSS3之选择器1（属性选择器，结构伪类）
一．属性选择器1 E[attr]只使用属性名，但没有确定任何属性值 例如：p{height:30px;border:1pxsolid #000;}p[miaov]{background:red;} leo 杜鹏 子鼠 小美 2 E[attr="value"]指定
2016-04-10 21:20:12
1657
原创 培训第四节课笔记（DOM,JQUERY）
HTML5培训第四节课笔记1. dom操作removeChild注意在removeChild在for循环中的使用，删除过程中会随着，长度和位置的改变 2. dom操作replaceChild hello world yang
2016-04-08 16:19:29
307
原创 培训第三节课笔记（DOM,）
HTML5第三节课笔记一．定时器，延时器setInterval (反复执行)----------clearIntervalsetTimeout(只执行一次)-----------clearTimeout //延时用到倒计时一般集合运动使用实例：小鱼移动 var oFish=document.getElementById('fish'); var timer
2016-04-08 15:52:26
331
转载 使用for进行removeChild的注意问题
通过JavaScript可以删除所有节点，本文里主要讨论 removeChild 函数，大家可以看看下面的示例假设div里有这么些内容： iScroll demo: simple function deleteData(){ } body,ul,li { padding:0; margin:0; border:0; } body { font-
2016-04-06 22:45:58
728
原创 JSON练习
JSON练习：var dataString='{"teachers":[{"name":"黄波","course":"网页高级设计"},{"name":"贺敏","course":"Java程序设计"},{"name":"毛丽娟","course":"JavaScript程序设计"}],"students":[{"name":"张三","age":20},{"name":"李四","age":
2016-04-01 09:14:02
2598
原创 HTML5培训第二节课笔记（事件，原型，JSON）
HTML5培训第二节课笔记一．事件1. 一般事件方式：按钮function test1(){ alert("aaa");} oinput.onclick=test1;//结果：弹出aaa 2.传参方式oinput.onclick=function(){ test1("wang") };oinput.oncli
2016-04-01 09:09:57
499
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人