- 博客(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 179
转载 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 187
转载 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 110
转载 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 118
转载 jsonp实现跨域访问
JSONP的实现思路很简单 前端创建script标记,设置src,添加到head中(你可以往body中添加) 后台返回一个js变量jsonp,这个jsonp就是请求后的JSON数据 回调完成后删除script标记(还有一些清理工作如避免部分浏览器内存泄露等) 接口 1 2 3 4 5 Sjax.load( u...
2016-05-03 17:00:00 99
转载 sql知识
SQL 基本知识 SQL Server 是Microsoft 公司推出的关系型数据库管理系统。具有使用方便可伸缩性好与相关软件集成程度高等优点,可跨越从运行Microsoft Windows 98 的膝上型电脑到运行Microsoft Windows 2012 的大型多处理器的服务器等多种平台使用。 Microsoft SQL Server 是一个全面的数据库平台,使用集成的商业智...
2016-04-28 20:32:00 103
转载 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 73
转载 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 118
转载 有效解决js中添加border后动画bug问题
做了个demo发现如果一个div不加border属性,用对象的offsetWidth属性来控制width没问题,但是如果一旦加了border属性,问题就来了。 其实offsetWidth属性获取的的是div内容宽度加内外边距和边框的宽度总和,所以为了更好地解决这个bug,自己弄了一个getStyle方法来有效的解决这个bug。以下是代码: <!DOCTYPE html>...
2016-04-17 14:14:00 215
转载 关于移动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 164
转载 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 322
转载 关于考虑浏览器兼容性时间的工具demo
//支持跨浏览器的添加事件。 var btn = document.getElementById("btn"); function showMes() { alert("hello world!"); } var eventUtil = { ...
2016-04-15 13:14:00 102
转载 javascript DOM艺术
一、DOM基础1.节点(node)层次Document--最顶层的节点,所有的其他节点都是附属于它的。DocumentType--DTD引用(使用<!DOCTYPE>语法)的对象表现形式,它不能包含子节点。DocumentFragment--可以像Document一样来保存其他节点。Element--表示起始标签和结束标签之间的内容,例如<tag></tab...
2016-04-14 15:45:00 109
转载 javascript常用内置对象总结(重要)
Javascript对象总结JS中内置了17个对象,常用的是Array对象、Date对象、正则表达式对象、string对象、Global对象Array对象中常用方法:Concat():表示把几个数组合并成一个数组。Join():返回字符串值,其中包含了连接到一起的数组的所有元素,元素由指定的分隔符分隔开来。Pop():移除数组最后一个元素。Shift():移除数组中第一个元素...
2016-04-13 20:30:00 646
转载 关于导航的练习
<!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 110
转载 关于浮动float属性和position:absolute属性的区别
最近返回头看了很多书籍,一直在纠结float属性和absolute绝对定位的区别和使用的情况,给大家分享一下自己的心得和体会吧。 1,float属性 float属性意义是让元素拜托独占一行的霸道总裁,成为一个普普通通的人。比如下面这个例子 如图,我们为第一个盒子第一个盒子设置了float:left属性,他也就失去了霸道总裁独占一行的特点,下面的盒子就上位。 但是我们发现一个问...
2016-04-11 20:42:00 188
转载 网页布局只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 109
转载 网页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 106
转载 js中的潜伏者之Arguments对象
argument 说明: 在JavaScript中,arguments是对象的一个特殊属性。arguments对象就像数组,但是它却不是数组。可以理解为他是潜伏者,通俗的说,就是你传的参数不一定按照参数列表的方式来,多的就进arguments里。 属性: length, 获取arguments对象的长度。 callee, 引用当前正在执行的函数。 编辑...
2016-04-09 15:27:00 78
转载 浅说prop与attr的区别
jquery中attr和prop的区别 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。 关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 对于HTML元素我们自己自定义的DOM属性,在处理时,使...
2016-04-07 19:40:00 72
转载 git操作(强烈推荐)
一:Git是什么? Git是目前世界上最先进的分布式版本控制系统。 二:SVN与Git的最主要的区别? SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己的电脑,所以首先要从中央服务器哪里得到最新的版本,然后干活,干完后,需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作,如果在局域网还可以,带宽够大...
2016-04-07 17:17:00 118
转载 关于阿里面试的一个小题(推荐)
最近搜到的阿里一个面试小题要求如下: 用div+css做出如下效果: 用js做出: 当鼠标悬停在红色div上时,div放大,并且不占挤其他盒子效果如下: 代码如下 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd">...
2016-04-06 10:19:00 132
转载 前端面试题
HTML && CSS] 1.Doctype?严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? Doctype声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。 当浏览器厂商开始创建与标准兼容...
2016-04-05 19:11:00 92
转载 一个简单的图片淡出。
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 79
转载 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 108
转载 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 60
转载 关于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 48
转载 关于表单的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 90
转载 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 73
转载 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 197
转载 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 115
转载 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 93
转载 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 104
转载 jQuery中事件的学习
刚学习了jQuery中的事件,主要通过bind(),toggle(),hover()来主要实现,下面先说一说关于bind的想关要点。 1、bind方法。 bind方法的主要参数为bind(type,fn).自我感觉参数的传入形式有点像java的反射机制(自我感觉,不知道是否严谨)。 当然相关实现比较麻烦自我感觉。示例: 1 <!DOCTYPE html PUBLIC ...
2016-03-26 13:53:00 64
转载 响应式网站技巧
1 – 布局 当创建一个响应式网站,或让现有的网站变成响应式的,首先要关注的元素的布局。我在建立响应式的网站,总是先创建一个非响应的布局,页面宽度固定大小。如果非响应版本完成得非常不错,我再添加媒体查询(Media Queries)和响应式代码。这种操作方式更容易实现响应式特性,在同一时间专注于一个任务。 当你已经完成了无响应的网站,做的第一件事是在你的HTML页面,粘贴...
2016-03-24 19:12:00 188
转载 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 80
转载 关于超链接自动提示的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 100
转载 下拉菜单选择(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 93
转载 关于一个注册邮箱的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 138
转载 关于一个隐藏和显示物品列表的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 117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人