dataman - 博客园

浏览器渲染页面过程描述，DOM编程技巧以及重排和重绘

摘要：一、浏览器渲染页过程描述 1、浏览器解析html源码，然后创建一个DOM树。在DOM树中，每一个HTML标签都有一个对应的节点(元素节点),并且每一个文本也都有一个对应的节点(文本节点)。 DOM树的根节点就是documentElement，对应的是html标签。 2、浏览器解析CSS代码，计算出阅读全文

posted @ 2016-08-31 09:47 dataman 阅读(1886) 评论(0) 推荐(0) 编辑

position：absolute 的深入探讨

摘要： position：absolute 参考谁进行定位的问题。之前大家可能会认为如果absolute元素的父级（祖父）元素没有设置position属性的时候，该元素的position：absolute会参考body进行定位。换句话说是如果父级设置了position（且值为非static），参照（最近的阅读全文

posted @ 2016-08-31 09:42 dataman 阅读(380) 评论(0) 推荐(0) 编辑

jQuery判断Dom对象是否存在

摘要：我们时常要检测一个DOM对象是否为空。 var $jObject = $('#btn'); alert($jObject ); 我们会发现，$jObject 永远不会为空。为什么呢？$ 方法查找对象，始终都会返回一个jQuery 对象的。解决办法：我们就要把jQuery对象转换成js对象。 va 阅读全文

posted @ 2016-08-30 21:07 dataman 阅读(1379) 评论(0) 推荐(0) 编辑

div 初始高度，并随内容高度变化

摘要：前几天做个邮箱系统，其中在内容的div设置了高度为200px; 可是在内容大于200高度后就出现了内容的溢出。如图：查完资料够才知道css有个min-height; 设置div的初始化高度，设置属性就适应内容的高度。如图： ok了。阅读全文

posted @ 2016-08-30 09:42 dataman 阅读(1797) 评论(0) 推荐(0) 编辑

jQuery的height()和JavaScript的height总结，js获取屏幕高度

摘要： jquery的各种高度首先来说一说$(document)和$(window)，如下：用一句话理解就是：当网页滚动条拉到最低端时，注意，是拉到最低端！当网页高度不足浏览器窗口时$(document).height()返回的是$(window).height() 假如您要获取整个网页的高度，不建阅读全文

posted @ 2016-08-29 21:41 dataman 阅读(4713) 评论(0) 推荐(0) 编辑

深入理解js构造函数

摘要： JavaScript对象的创建方式在JavaScript中，创建对象的方式包括两种：对象字面量和使用new表达式。对象字面量是一种灵活方便的书写方式，例如： [javascript] view plain copy print? var o1 = { p:”I’m in Object litera 阅读全文

posted @ 2016-08-28 19:49 dataman 阅读(18461) 评论(3) 推荐(4) 编辑

摘要：一. 普通对象与函数对象 JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object ，Function 是JS自带的函数对象。下面举例说明 function f1(){}; var f2 = function(){}; var f3 = new Function('str','console.log(str)'); var o3 = new f1(... 阅读全文

posted @ 2016-08-28 19:47 dataman 阅读(2048) 评论(2) 推荐(2) 编辑

JS原型、原型链深入理解

摘要：原型是JavaScript中一个比较难理解的概念，原型相关的属性也比较多，对象有”prototype”属性，函数对象有”prototype”属性，原型对象有”constructor”属性。一、初识原型在JavaScript中，原型也是一个对象，通过原型可以实现对象的属性继承，JavaScript的阅读全文

posted @ 2016-08-28 19:45 dataman 阅读(22218) 评论(0) 推荐(1) 编辑

原型链的继承都发生在构造函数上

摘要：首先应该是 k.prototype ...原型链的继承都是基本都是发生在构造函数上的，所以在实例上进行继承有点不靠谱。你这么写是没有问题的：或者你也可以用简单点的办法：阅读全文

posted @ 2016-08-28 19:42 dataman 阅读(336) 评论(0) 推荐(0) 编辑

理解js中的原型链，prototype与proto的关系

摘要：说到prototype，就不得不先说下new的过程。我们先看看这样一段代码： 1 <script type="text/javascript"> 2 var Person = function () { }; 3 var p = new Person(); 4 </script> 1 <scrip 阅读全文

posted @ 2016-08-28 19:34 dataman 阅读(415) 评论(1) 推荐(1) 编辑

JavaScript正则表达式

摘要：定义和使用定义和使用 var patt1 = new RegExp("hello"); var patt2 = /world/ ; test方法 test() 方法检索字符串中的指定值。返回值是 true 或 false。 var pat = /my/; var str = "this is my 阅读全文

posted @ 2016-08-28 13:03 dataman 阅读(200) 评论(0) 推荐(0) 编辑

border-image详解

摘要：一、border-image的兼容性 border-image可以说是CSS3中的一员大将，将来一定会大放光彩，其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限，仅Firefox3.5，chrome浏览器，Safari3+支持border-image。所以，就本文而言，IE浏览器可以回家休息了，阅读全文

posted @ 2016-08-27 18:45 dataman 阅读(7025) 评论(0) 推荐(0) 编辑

学习SpringMVC——从HelloWorld开始

摘要：前言：虽然从学java的第一个程序——helloworld至今，已经有好几个年头了。当时自己找资料，看视频，学习了java的输入输出流，多线程，网络编程等等，而三大框架（Struts、Hibernate、Spring）基本只是开了个头就出来实习了，尤其对于Spring更是没有进行系统的学习，虽阅读全文

posted @ 2016-08-27 18:07 dataman 阅读(3067) 评论(0) 推荐(2) 编辑

学习SpirngMVC之如何获取请求参数

摘要：学习SpringMVC——如何获取请求参数 @RequestParam,你一定见过；@PathVariable，你肯定也知道；@QueryParam，你怎么会不晓得？！还有你熟悉的他（@CookieValue）！她（@ModelAndView）！它（@ModelAttribute）！没错，仅注解这块阅读全文

posted @ 2016-08-27 18:01 dataman 阅读(1054) 评论(0) 推荐(0) 编辑

深入理解 CSS3 弹性盒布局模型

摘要：弹性盒布局模型（Flexible Box Layout）是 CSS3 规范中提出的一种新的布局方式。该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。这种布局方式在条目尺寸未知或动态时也能工作。这种布局方式已经被主流浏览器所支持，可以在 Web 应用开发中使用。本文详阅读全文

posted @ 2016-08-27 17:54 dataman 阅读(9243) 评论(1) 推荐(1) 编辑

JavaScript正则表达式验证大全(收集)

摘要：以下函数调用方式： ? 1 2 3 4 function check() { var bb = document.getElementById("txt_id").value;//txt_id为文本框的ID alert(ismobile(bb));//ismobile 代表以下任何一个函数名称 } 阅读全文

posted @ 2016-08-26 16:55 dataman 阅读(1210) 评论(0) 推荐(0) 编辑

JavaScript中常用的正则表达式日常整理(全)

摘要： //校验是否全由数字组成 ? 1 2 3 4 5 6 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } ? 1 2 3 4 5 6 function isDi 阅读全文

posted @ 2016-08-26 16:53 dataman 阅读(944) 评论(0) 推荐(0) 编辑

我所认识的JavaScript正则表达式

摘要：如果说这是一篇关于正则表达式的小结，我更愿意把它当做一个手册。 RegExp 三大方法本文的RegExp采用直接量语法表示：/pattern/attributes。attributes有三个选择，i、m和g，m（多行匹配）不常用直接省略，所以一个pattern（匹配模式）可以表示如下： var p 阅读全文

posted @ 2016-08-26 16:51 dataman 阅读(229) 评论(0) 推荐(0) 编辑

不再以讹传讹，GET和POST的真正区别

摘要：如果有人问你，GET和POST，有什么区别？你会如何回答？我的经历前几天有人问我这个问题。我说GET是用于获取数据的，POST，一般用于将数据发给服务器之用。这个答案好像并不是他想要的。于是他继续追问有没有别的区别？我说这就是个名字而已，如果服务器支持，他完全可以把GET改个名字叫GET2。他阅读全文

posted @ 2016-08-26 16:48 dataman 阅读(206) 评论(0) 推荐(0) 编辑

JavaScript中的正则表达式

摘要：定义在javascript我们可以通过内建的类来定义一个正则表达式。实际上RegExp类的构造函数可以接受两个参数，除了本身需要匹配的模式字符串外，还可以定义指定额外处理方式的第二个参数。我很好奇输出reName会得到什么结果呢？于是：得到结果：/nowamagic/i，于是我们得到java 阅读全文

posted @ 2016-08-26 16:45 dataman 阅读(301) 评论(0) 推荐(0) 编辑