自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(41)
  • 收藏
  • 关注

转载 Vive开发教程汇总

最近在整理在HTC Vive平台上开发VR应用程序的教程,现在把结果全部汇总在下面的表格里,希望更多的开发者参与到VR内容的开发之中,真的很好玩。现在主流的开发VR应用的引擎是Unity3D和Unreal Engine4,UE4本人了解的不够,就先就U3D上的VR开发分享下啦。直接上干货视频教程:1.C学院的课程基于HTC Vive的VR游戏开发入门。http://edu.c...

2016-11-19 13:31:00 159

转载 JS中关于clientWidth offsetWidth srollWidth等的含义

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth(包括边线的宽);网页可见区域高: document.body.offsetHeight(包括边线的宽);网页正文全文宽: document.body.scrollWid...

2016-07-12 09:16:00 162

转载 Ajax and JSON

Ajax (核心是XMLHttpRequest对象)1、XMLHttpRequest对象: request=new XMLHttpRequest() 支持Firefox opera Safari 等级别以上的浏览器 xmlhttp=new ActiveXobject('Msxml2.XMLHTTP') 支持IE6+ xmlhttp=new Activ...

2016-05-11 16:00:00 94

转载 jQuery实现商品楼层的感觉

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery滚动面板的实现</title> <script type="text/javascript" src="js/jquery...

2016-05-04 16:23:00 97

转载 jsonp实现跨域访问

JSONP的实现思路很简单前端创建script标记,设置src,添加到head中(你可以往body中添加)后台返回一个js变量jsonp,这个jsonp就是请求后的JSON数据回调完成后删除script标记(还有一些清理工作如避免部分浏览器内存泄露等)接口12345Sjax.load(u...

2016-05-03 17:00:00 84

转载 sql知识

SQL 基本知识SQL Server 是Microsoft 公司推出的关系型数据库管理系统。具有使用方便可伸缩性好与相关软件集成程度高等优点,可跨越从运行Microsoft Windows 98 的膝上型电脑到运行Microsoft Windows 2012 的大型多处理器的服务器等多种平台使用。 Microsoft SQL Server 是一个全面的数据库平台,使用集成的商业智...

2016-04-28 20:32:00 88

转载 Ajax全接触

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...

2016-04-28 12:12:00 55

转载 jquery validation插件

jQuery Validate验证框架详解jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation一、导入js库<script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.j...

2016-04-26 10:04:00 101

转载 有效解决js中添加border后动画bug问题

做了个demo发现如果一个div不加border属性,用对象的offsetWidth属性来控制width没问题,但是如果一旦加了border属性,问题就来了。其实offsetWidth属性获取的的是div内容宽度加内外边距和边框的宽度总和,所以为了更好地解决这个bug,自己弄了一个getStyle方法来有效的解决这个bug。以下是代码:<!DOCTYPE html&gt...

2016-04-17 14:14:00 201

转载 关于移动div的具体实现(js)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>移动框练习</title> <style type = "text/css"> #big{width: 300...

2016-04-15 18:36:00 145

转载 js事件练习--登录界面演示。

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin:0;padding:0;} .hea...

2016-04-15 13:47:00 305

转载 关于考虑浏览器兼容性时间的工具demo

//支持跨浏览器的添加事件。 var btn = document.getElementById("btn"); function showMes() { alert("hello world!"); } var eventUtil = { ...

2016-04-15 13:14:00 88

转载 javascript DOM艺术

一、DOM基础1.节点(node)层次Document--最顶层的节点,所有的其他节点都是附属于它的。DocumentType--DTD引用(使用<!DOCTYPE>语法)的对象表现形式,它不能包含子节点。DocumentFragment--可以像Document一样来保存其他节点。Element--表示起始标签和结束标签之间的内容,例如<tag></tab...

2016-04-14 15:45:00 94

转载 javascript常用内置对象总结(重要)

Javascript对象总结JS中内置了17个对象,常用的是Array对象、Date对象、正则表达式对象、string对象、Global对象Array对象中常用方法:Concat():表示把几个数组合并成一个数组。Join():返回字符串值,其中包含了连接到一起的数组的所有元素,元素由指定的分隔符分隔开来。Pop():移除数组最后一个元素。Shift():移除数组中第一个元素...

2016-04-13 20:30:00 617

转载 关于导航的练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>竖型导航菜单演示</title> <style type="text/css"> *{padding: 0;m...

2016-04-13 09:55:00 92

转载 关于浮动float属性和position:absolute属性的区别

最近返回头看了很多书籍,一直在纠结float属性和absolute绝对定位的区别和使用的情况,给大家分享一下自己的心得和体会吧。1,float属性float属性意义是让元素拜托独占一行的霸道总裁,成为一个普普通通的人。比如下面这个例子如图,我们为第一个盒子第一个盒子设置了float:left属性,他也就失去了霸道总裁独占一行的特点,下面的盒子就上位。但是我们发现一个问...

2016-04-11 20:42:00 166

转载 网页布局只mian部分左右固定,中间部分自适应

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...

2016-04-11 19:53:00 90

转载 网页main中左边固定宽度,右边自适应。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...

2016-04-11 19:38:00 94

转载 js中的潜伏者之Arguments对象

argument说明:  在JavaScript中,arguments是对象的一个特殊属性。arguments对象就像数组,但是它却不是数组。可以理解为他是潜伏者,通俗的说,就是你传的参数不一定按照参数列表的方式来,多的就进arguments里。属性:  length, 获取arguments对象的长度。  callee, 引用当前正在执行的函数。编辑...

2016-04-09 15:27:00 64

转载 浅说prop与attr的区别

jquery中attr和prop的区别在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使...

2016-04-07 19:40:00 52

转载 git操作(强烈推荐)

一:Git是什么? Git是目前世界上最先进的分布式版本控制系统。二:SVN与Git的最主要的区别? SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己的电脑,所以首先要从中央服务器哪里得到最新的版本,然后干活,干完后,需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作,如果在局域网还可以,带宽够大...

2016-04-07 17:17:00 99

转载 关于阿里面试的一个小题(推荐)

最近搜到的阿里一个面试小题要求如下:用div+css做出如下效果:用js做出:当鼠标悬停在红色div上时,div放大,并且不占挤其他盒子效果如下:代码如下 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"&gt...

2016-04-06 10:19:00 120

转载 前端面试题

HTML && CSS]1.Doctype?严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?Doctype声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。当浏览器厂商开始创建与标准兼容...

2016-04-05 19:11:00 75

转载 一个简单的图片淡出。

1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 4 <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 5 <head>...

2016-04-05 09:14:00 70

转载 Ajax的load方法演示

load方法的参数形式为:load(url,[data],[callback]);其中url为请求HTML页面的URL地址。[data]表示发送至服务器的key/value数据。callback表示请求完成时的回调函数,无论请求成功或者失败。下面的实例就演示了关于Ajax的load方法来请求另一个页面的内容。 1 <!DOCTYPE html PUBLIC "-...

2016-04-04 18:58:00 98

转载 Ajax实例

1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 4 <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 5 <head>...

2016-04-04 14:47:00 51

转载 关于jQuery表单校验的应用

1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 4 <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 5 <head>...

2016-04-03 10:51:00 37

转载 关于表单的jQuery练习

1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 4 <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 5 <head>...

2016-04-02 14:44:00 78

转载 jQuery中的综合动画

所谓综合动画,就是在链式表达式依次执行相关animate函数,其中的参数是以键值对的方式存在的。如下示例,就展示了一个基本的综合动画。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 4 <html ...

2016-03-30 20:24:00 61

转载 jQuery中自定义简单动画的实现

1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 4 <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 5 <head>...

2016-03-29 11:33:00 180

转载 jQuery中的模拟操作

jQuery中的模拟操作主要是通过trigger来触发,相当于页面加载完成后不需要用户点击按钮,就可以自动触发页面中的相关事件。trigger(type,[data])可以用来模拟触发自定义事件的触发,下面是一个很好的例子。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.or...

2016-03-27 15:53:00 98

转载 jQuery中的阻止默认行为

在很多元素中都存在默认行为,例如表单中的submit按钮,a标签等等。如果想要消除其中的默认行为,就需要一个事件event的方法来消除他们的默认行为。这个方法就是event.preventDefault();演示方法如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org...

2016-03-26 16:26:00 79

转载 jQuery中事件冒泡问题及处理

在为一个元素添加事件时,经常会出现的一个问题就是事件冒泡。例如在div中嵌套了一个span元素,为div和span都添加了事件点击,如果点击span会导致span和div元素相继触发监听事件。顺序是从内到外。代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/...

2016-03-26 16:10:00 84

转载 jQuery中事件的学习

刚学习了jQuery中的事件,主要通过bind(),toggle(),hover()来主要实现,下面先说一说关于bind的想关要点。1、bind方法。bind方法的主要参数为bind(type,fn).自我感觉参数的传入形式有点像java的反射机制(自我感觉,不知道是否严谨)。当然相关实现比较麻烦自我感觉。示例: 1 <!DOCTYPE html PUBLIC ...

2016-03-26 13:53:00 54

转载 响应式网站技巧

1 – 布局  当创建一个响应式网站,或让现有的网站变成响应式的,首先要关注的元素的布局。我在建立响应式的网站,总是先创建一个非响应的布局,页面宽度固定大小。如果非响应版本完成得非常不错,我再添加媒体查询(Media Queries)和响应式代码。这种操作方式更容易实现响应式特性,在同一时间专注于一个任务。  当你已经完成了无响应的网站,做的第一件事是在你的HTML页面,粘贴...

2016-03-24 19:12:00 173

转载 jquery选择器专题

$(“p”).addClass(css中定义的样式类型); 给某个元素添加样式$(“img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值,参数是map$(“img”).attr(“src”,”test.jpg”); 给某个元素添加属性/值$(“img”).attr(“title”, function() { return t...

2016-03-23 16:32:00 74

转载 关于超链接自动提示的demo

1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 4 <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 5 <head>...

2016-03-23 16:14:00 86

转载 下拉菜单选择(jQuery实现)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <m...

2016-03-23 10:22:00 79

转载 关于一个注册邮箱的demo

1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 4 <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 5 <head>...

2016-03-23 09:59:00 128

转载 关于一个隐藏和显示物品列表的demo

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <m...

2016-03-22 20:50:00 106

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除