- 博客(56)
- 收藏
- 关注
RSS订阅原创 jQuery -- 遍历
jQuery中的遍历方法：第一种： 向下遍历：1 children() 2 find()相同点：$( "div1” ).children(“#div2”).css( "background-color", "red" ); $( "div1” ).find(“#div2”).css( "background-color", "red" );上面两个方法，都可以修改 div1 内部的 div2 模
2016-05-17 21:26:14
934
原创 jQuery UI -- widgets各种部件的使用
注意：如果需要使用到 jQueryUI的icons，那么需要将下载的文件中的images文件夹拷贝到项目中，最好是在做项目的时候将下载的整体插件全部拷贝进去，方便使用。下面的代码中基本包含了所有部件的使用，所以代码有点凌乱。html5文件：（中间包含了JS脚本和css样式）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-
2016-05-17 21:20:55
1220
原创 jQueryUI -- 交互事件（拖拽，修改尺寸，交换位置）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>交互</title> <script src="jquery-2.2.3.min.js"></script> <script src="jquery-ui.min.js"></script> <link href="jqu
2016-05-17 21:15:03
3370
原创 jQuery -- 内容的淡入与淡出
本篇文章讲述了jQuery中文字或图形的淡入与淡出的动画效果，根据官方的API分为四个部分。第一部分：show/hide/toggle会出现五个滑块，点击后，内容会逐渐消失在左上角，有位移浮动。h5文件中：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画效果</title> <
2016-05-10 22:40:21
2498
原创 jQuery -- 选择器和事件
第一部分： 选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择器</title> <script src="jquery-2.2.3.min.js"></script> <script src="Selector.js"></script></head><body>
2016-05-10 22:09:53
3163
原创 jQuery -- 下载与引入到文件
目前，官网上提供了1.X和2.x的版本，他们的区别是2.x之后不再支持IE8以前的浏览器，而如果是做前端开发，则不需要考虑这个影响，直接使用最新版本即可。下载方式： 1 打开官网，进入下载界面，选择production版本，打开 2 会发现界面全部是代码，不用理会，直接command + s保存，选择保存为“后缀名是.js的页面源码”。 3 此时，会得到一个文档，在使
2016-05-10 21:06:50
2846
原创 HTML5 -- 网页框架bootstrap的简单使用
直接百度bootstrap可以搜到bootstrap中文网站，然后最好建议选择下载源码。下载完成后，将dist/css/bootstrap.min.css复制到项目的根目录下。具体的模块介绍和使用在中文网站上都有讲述，这里以制作的一个简单示例为例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title
2016-05-09 18:42:28
6688
原创 HTML5 -- 使用css3实现简单的响应式布局
本文简单的讲解了如何使用css3实现简单的响应式布局：html5文件:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name ="viewport" content="width = device-width,initial-scale=1"> <title>index01</titl
2016-05-09 15:12:31
32631
1
原创 JavaScript -- 简单的canvas标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas</title> <!--创建格式 第一种方式:在这里创建,第二种方式:在JS文件里创建--> <!--<style>--> <!--.canvas{--> <!--backgr
2016-05-09 10:45:34
650
原创 JavaScript -- drop,drag的使用
拖拽网页图片：h5的内容：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖放</title> <style> .box{ width: 400px; height: 400px; } #b
2016-05-09 10:44:16
1030
原创 JavaScript -- 音频视频的播放
首先是音频：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>播放音频</title></head><body> <!--将 mp3文件复制到新创建的raw文件夹下--> <audio src="raw/1.mp3" controls="controls">您的浏览器不支持
2016-05-09 10:39:33
1174
原创 JavaScript -- 制作简易瀑布流
由于是制作的本地文件，因此需要先准备好图片素材； HTML5文件：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script
2016-05-04 20:44:39
823
转载 JavaScript -- apply的使用
Js apply方法详解 主要我是要解决一下几个问题: 1.apply和call的区别在哪里 2.什么情况下用apply,什么情况下用call 3.apply的其他巧妙用法（一般在什么情况下可以使用apply） 我首先从网上查到关于apply和call的定义,然后用示例来解释这两个方法的意思和如何去用. apply:方法能劫持另外一个对象的方法，继承另外一个对象的属性.
2016-05-04 19:23:02
647
原创 JavaScript -- 面向对象的简单分析
// 第一种：直接赋值：//var person = {// name:"iwen",// age:"30",// eat:function(){// alert("能吃")// }//}//alert(person.name);// 使用原型为对象赋值function Person(){}Person.prototype = { n
2016-05-04 16:33:17
427
原创 JavaScript -- 浏览器对象小结
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浏览器对象</title></head><body onload="myWin()"> <button id = "btn" onclick="btnClicked()">按钮</button> <button id = "btn
2016-05-03 19:13:21
629
原创 JavaScript的DOM对象控制HTML元素
方法名称包括： getElementsByName() – 获取name getElementsByTagName() – 获取元素 getAttribute – 获取元素属性 setAttribute – 设置元素属性 childNodes – 访问子节点 parentNode – 访问父节点 creatElemen
2016-05-03 10:51:09
656
原创 JavaScript—内置对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签</title></head><body onload="startTime()"><!--创建对象--> <script> <!--创建方式1-->// people = new Object();//
2016-05-02 14:36:42
601
原创 github的配置和使用
1.新建一个“本地仓库”$ git init2.配置仓库》告诉git你是谁git config user.name lnj》告诉git怎么联系你git config user.email lnj@itcast.cn》上面一种配置方式是一次性的配置， 会配置到被管理文件的。git文件夹下》下面一种配置方式是一劳永逸的方式:git config --glob
2016-04-16 15:52:31
673
原创 css3-使用多列制作瀑布流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="countstyle.css" type="text/css" rel="stylesheet"></head><body> <div class="container">
2016-01-07 20:26:42
1298
原创 css3-多列
<div class="div1"> 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字 大家好，这里是用来站位的文字 大家好，这里是用
2016-01-07 19:56:14
497
原创 css3-动画
CSS3的动画需要遵循@keyframes规则： 规定动画的时长 规定动画的名称下面这个动画的效果就是一个方块进行一个顺时针正方形循环，然后在逆时针返回的循环效果：div{ width: 100px; height: 100px; background-color: red; position: relative; /*infinite
2016-01-07 17:04:42
439
原创 css3-过渡动画效果
代码效果就是：当鼠标放在正方形块上后，两秒之后开始进行动画效果：旋转360度，并且长宽变为200：`div{ width: 100px; height: 100px; background-color: blue; -moz-transition: width 2s,height 2s,-moz-transform 2s; transition: w
2016-01-07 14:51:08
681
原创 css3-动画样式
1 2D转换方法： translate()——移动 rotate()——旋转，参数是角度，例如：180deg scale()——缩放(宽度，高度)，参数都是以倍数的形式（1,2） skew()——倾斜效果 matrix() ——矩阵.div2{ transform: translate(100px,100px); /*如果浏览器不支持该效果,可以设定浏览器名称*/
2016-01-07 13:53:35
675
原创 css3-对齐、分类、导航栏
1 对齐操作.div{ width: 70%; height: 1000px; background-color: red; /*使用margin居中效果*/ /*margin-left: auto;*/ /*margin-right: auto;*/ /*margin: 100px auto;*/ /*使用position进行右对
2016-01-07 12:49:25
1171
原创 css3-选择器
1. 元素选择器h1、h2{}<h1>标题1</h1><h2>标题2</h2>*{ /*font-size: 45px;*/ color: red; margin: 0px; padding:0px;}h1,h2{ /*如果使用过通配符之后下方没有进行再次赋值，则一律按照通配符的设置*/ /*color: cyan;*/ } 1. 类
2016-01-06 22:26:20
573
原创 css3-浮动制作的简单瀑布流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流</title> <link href="waterStyle.css" rel="stylesheet" type="text/css"></head><body> <div id="div1"> <u
2016-01-06 20:20:39
1098
原创 css3-定位和浮动
1、 css定位： 改变元素在页面上的位置 2、 css定位机制： 普通流：元素按照其在HTML中的位置顺序决定排布的过程 浮动： 绝对布局： 3、 css定位的属性: position 把元素放在一个静态的，相对的，绝对的，或者固定的位置中 top/left/right/bot
2016-01-06 20:19:36
2040
原创 css3-盒子模型的应用
根据一个网页的设计，来仿照网页使用盒子制作一个类似的板块结构： 大致分为三部分： 网页上面的头部： top 网页中间部分的内容： body 网页下部的页脚：footing其中body分为三部分 footing分为两部分实例代码如下： （div标签的class使用点语法 .XXX{}）<!DOCTYPE html><html lang="en"><head> <meta cha
2016-01-06 16:03:44
1008
原创 css3-盒子模型之外边距
围绕在内容边框的区域，就是外边距，外边距默认为透明区域外边距接受任何长度单位、百分数值 设置方式和内边距大同小异，可以分为：整体设置：margin 单侧设置：margin-bottom/left/right/top下面是一个内外边距的综合使用：<div class="container"> <div class="bd"> <div class="pd">
2016-01-06 13:49:33
1999
原创 css3-盒子模型之边框
边框的样式: border-style: 或者单独设置边框某一侧的样式：border-top/left/bottom/right-style: 边框宽度: border-width: 或者单独设置边框某一侧的宽度：border-top/left/bottom/right-width: 边框颜色border-color: 或者单独设置一侧的颜色： 同上圆角边框的圆角半径： border-ra
2016-01-06 13:16:22
694
原创 css3-表格
使用CSS3设置表格的边框及颜色： 在里 CSS3文件里： th是用来设置内边框的，还有tr,td tb,th{text-align: center; //居中background-color: cyan;//整个表格的背景颜色border: 1px solid blue;//边框的宽度和颜色} 这样的边框是双条的,如果不需要这样的，可以使其折叠：（合并边框）tb{width: 400
2016-01-05 20:34:21
627
原创 css3-列表
首先，要了解CSS列表的一些属性： list-style 简写列表项 list-style-image 列表项图像 list-style-position 列表标志位置（不常用） list-style-type 列表类型（列表名前边那个点的样式）list-style-type： 直接在属性设置中：list-style-typ
2016-01-05 17:13:49
640
原创 css3-链接
在web页面中， 我们会发现，页面中如果含有链接标签，在点击的过程中它的颜色会有多种样式，比如：未点击的时候会红色，鼠标放上去变蓝色，点击过后变为绿色。这个效果具体实现如下： 首先，给HTML5文件添加一个标签： hello 百度 然后，在css3文件内进行如下设置： a:link{ text-decoration:none; color: #FF0000
2016-01-05 16:58:23
466
原创 iOS——四种即时通讯协议
概述目前IM有四种协议：即时信息和空间协议(IMPP)、空间和即时信息协议(PRIM)、针对即时通讯和空间平衡扩充的进程开始协议SIP(SIMPLE)以及XMPP。PRIM与XMPP、 SIMPLE类似，但已经不再使用了。 在这四种协议中，XMPP是最灵活的。XMPP是一种基于XML的协议，它继承了在XML环境中灵活的发展性。因此，基于XMPP的应用具有超强的可扩展性。经过扩展以后的XMPP可以通
2015-12-28 21:17:25
5214
原创 iOS——AlertView利用定时器自动消失
UIAlertView *alert; - (IBAction)Open:(id)sender { alert = [[UIAlertView alloc] initWithTitle:@”msg” message:@”sss” delegate:self cancelButtonTitle:@”取消” otherButtonTitl
2015-12-28 21:15:30
700
原创 iOS——系统地图的开发
第一种使用方式： iOS地图位置开发iPhone SDK提供了三个类来管理位置信息：CLLocation CLLocationManager 和 CLLHeading(不常用)。除了使用GPS来获取当前的位置信息外，iPhone也可以基于WiFi基站和无线发射塔来获得位置信息。GPS的精度最高，可以精确到米级别，但是也最耗电。————CLLocation CLLocation类代表一个位置信息，
2015-12-28 21:14:44
519
原创 iOS——API及各种字符串的连接关系
OC 的基本数据类型 NSInteger 在64位下相当于long， 在非64位相当于int CGFloat 在64位下相当于double，在非64位相当于float/** Inherits from 继承自哪几个类* conform to 遵循哪个协议* framework 这个类定义在哪个框架下* Availability 从iOS哪个
2015-12-28 21:13:14
724
原创 iOS——给UIView的CALayer层添加渐变效果
import “ViewController.h”@interface ViewController ()@end@implementation ViewController { CAGradientLayer *_gradientLayer; UIView *_layerView; UIImageView *_imageView; }(void)viewDidLoad { [sup
2015-12-28 21:12:01
815
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人