- 博客(23)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 ajax整理
大家都知道Ajax并非一种新的技术，而是几种原有技术的结合体。它由下列技术组合而成。1、使用CSS和XHTML来表示。2、使用DOM模型来交互和动态显示。3、使用XMLHttpRequest来和服务器进行异步通信。4、使用JavaScript来绑定和调用。 在上面几中技术中，除了XmlHttpRequest对象以外，其它所有的技术都是基于web标准并且已经得到了广泛使用的，XMLHttpRequ
2015-10-08 16:41:12
423
原创 Javascript单元测试
看到一个面试题，问是否用过单元测试，赶紧查查资料，总结如下：1、什么是单元测试在计算机编程中，单元测试（又称为模块测试）是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。在过程化编程中，一个单元就是单个程序、函数、过程等；对于面向对象编程，最小单元就是方法，包括基类（超类）、抽象类、或者派生类（子类）中的方法。——维基百科2、为什么进行JavaScrip
2015-08-27 22:08:35
609
原创 iframe的跨域问题
一般分两种情况：一、 是同主域下面，不同子域之间的跨域； 同主域，不同子域跨域，设置相同的document.domian就可以解决; 父页访问子页，可以document.getElementById(“myframe”).contentWindow.document来访问iframe页面的内容 子页访问父页，可以parent.getElementById()访问属性二、 是不同主域
2015-08-27 10:59:53
1410
原创 解决传中文参数乱码的问题
网上有无数讲解的方法，总结两种最简单的方法： 1、post传中文参数乱码：只需要在取值前加 request.setCharacterEncoding("utf-8");即可 但是不能解决URL传中文乱码问题 2、URL传中文乱码：在Tomact的server.xml文件中找到配置端口号的Connector标签，在标签最后面加上URIEncodin
2015-08-24 20:28:31
353
原创 神奇的table-cell
今日做阿里前端笔试，遇到需要实现两个文本框自适应等高，用的table-cell实现的，之前只知道可以用来垂直居中，查查资料发现有如此多好的用处，遂转载一篇他人总结的文章。抛弃table的兼容性、seo、加载等与本文无关的内容不谈，只看属性，那么table就两个特点：1.同行等高。2.宽度自动调节。那么table-cell (ie6、ie7不支持) 是不是具备这个特点呢？答案是yes，为什么呢？css
2015-08-18 20:26:59
383
原创 好文收藏
1、详解js跨域问题2、JavaScript中的this陷阱的最全收集–没有之一3、jQuery设计思想——阮一峰4、jQuery最佳实践——阮一峰5、Web攻防之XSS,CSRF,SQL注入
2015-08-18 15:07:13
329
原创 JS设置cookie、读取cookie、删除cookie的三个方法
JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS来设置cookie. 假设有这样一种情况，在某个用例流程中，由A页面跳至B页面，若在A页面中采用JS用变量temp保存了某一变量的值，在B页面的时候，同样需要使用JS来引用temp的变量值，对于JS中的全局变量或者静态变量的生命周期是有限
2015-08-18 15:05:07
2255
转载 Javascript中bind()方法的使用与实现
在讨论bind()方法之前我们先来看一道题目：var altwrite = document.write;altwrite("hello");//1.以上代码有什么问题//2.正确操作是怎样的//3.bind()方法怎么实现对于上面这道题目，答案并不是太难，主要考点就是this指向的问题，altwrite()函数改变this的指向global或window对象，导致执行时提示非法调用异常，正
2015-08-17 17:35:37
663
原创 两种盒模型（浏览器的两种模式quirks mode 和strict mode）
要想写出跨浏览器的CSS，必须知道浏览器解析CSS的两种模式：标准模式(strict mode)和怪异模式(quirks mode)。所谓的标准模式是指，浏览器按W3C标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式，与你网页中的DTD声明直接相关，DTD声明定义了标准文档的类型（标
2015-08-17 11:09:10
678
原创 跨浏览器添加事件处理程序
添加事件：//element是要操作的元素，type是事件名称，handler是事件处理程序函数function addHandler(element, type, handler){ if(element.addEventListener){ element.addEventListener(type, handler, false); } else if
2015-08-14 20:25:07
355
原创 js易错总结
addEventListener()添加的匿名函数将无法移除var btn = document.getElementById("myBtn");btn.addEventListener("click", function(){ alert("Hello");}, false);//绑定事件btn.removeEventListener("click", function(){
2015-08-14 19:53:12
290
原创 js中的宽度、高度、偏移量问题，offset、client、scroll
经常把这几个搞混淆，根据《JavaScript高级程序设计》第12章的内容简单总结下1、offset，这个是偏移量，包括元素在屏幕上占用的所有可见的空间。包括所有内边距、滚动条和边框大小（注意：不包括外边距），有4个属性：offsetWidth、offsetHeight、offsetLeft、offsetTop。offsetHeight：元素在垂直方向上占用的空间大小，以像素计。包括元素的高度、水
2015-08-14 12:15:42
3471
原创 JavaScript中对象类型判断的几种方法
JavaScript中检测对象类型的运算符有：typeof、instanceof，还有对象的constructor属性1. typeof 运算符 typeof是一元运算符，返回结果是一个说明运算数类型的字符串。如："number"，"string"，"boolean"，"object"，"function"，"undefined"（可用于判断变量是否存在）。但 typeof 的能力有限，其
2015-08-14 10:13:13
764
原创 实现js的trim()方法
由于js没有trim()方法，因此需要手动为String对象添加一个原型方法trim()方法一：最简单的正则 String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); }实际上由左右两个trim组成 String.prototype.ltrim=function(){
2015-08-13 11:56:18
954
原创 IE6、7、8中css给span加float:right右浮动后内容换行下移
问题：在li里面加span，想要做到一行之内浮动（如图A），结果出现错误 span换行（如下图B）。 图A:我们想要的效果图 图B:得到的错误效果图前提： li span {float:right;} 如果这么写： <li>逸悦轩<span>2012.08.15</span></li> 这个日期就会窜到下一行去。 而如果这样： <
2015-08-12 12:35:32
1287
2
原创 文章标题
positionposition属性取值：static(默认)、relative、absolute、fixed、inherit。postision：static；始终处于文档流给予的位置。看起来好像没有用，但它可以快速取消定位，让top，right，bottom，left的值失效。在切换的时候可以尝试这个方法。 除了static值，在其他三个值的设置下，z-index才会起作用。（确切地说z-i
2015-08-12 11:40:17
261
原创 CSS的position/float/display都有哪些取值，它们相互叠加时的行为都是什么？
浅谈CSS的position，float，display
2015-07-30 20:49:23
2038
原创 重要HTTP消息头状态码整理-web前端
http状态码主要分为5种状态码： 1XX – 请求收到，继续处理 2XX – 请求被成功提交 3XX – 客户被重定向到其他资源 4XX – 请求包含某种错误 5XX – 服务器执行请求时遇到错误100，Continue，表示客户提交一个包含主体的请求时，发送这个响应。该响应表示收到请求消息头，客户应继续发送主体。请求完成时，再由服务器发送另一个响
2015-07-22 10:06:01
455
原创 简单返回顶部代码及注释说明
1. 最简单的静态返回顶部，点击直接跳转页面顶部，常见于固定放置在页面底部返回顶部功能方法一：用命名锚点击返回到顶部预设的id为top的元素 html代码 返回顶部方法二：操作scrooll函数用来控制滚动条的位置（第一个参数是水平位置，第二个参数是垂直位置） html代码 返回顶部缺点：返回效果是立即的，不符合一般浏览页面的滚动感觉； 静态固定于页面底部，用户不一定
2015-05-14 11:10:38
680
原创 js时间格式转换
在javascript中直接输出Date得到的结果是这样的： function date(){ var date = new Date(); alert(date); } 结果是：Mon Jun 15 15：30：46 UTC+0800 2009 这可能不是我们所需要的，因此是需要转换下的，这里就学下我转换的几种方法，不妥之处请指教：1、得到new Date()型中各个时
2015-05-12 16:14:03
483
原创 标准的HTML头部写法
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2015-05-12 16:08:27
1550
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人