web前端wyy的专栏

转载 了解学习JS中this的指向

首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。为什么

转载 js的三种继承方式及其优缺点

第一种，prototype的方式：//父类 function person(){ this.hair = 'black'; this.eye = 'black'; this.skin = 'yellow'; this.view = function(){ return this.hair + ',' + this.eye + '

转载 js 将图片连接转换称base64格式

我们把图像文件的内容直接写在了HTML 文件中，这样做的好处是，节省了一个HTTP 请求。坏处呢，就是浏览器不会缓存这种图像。现在我们提供一个js：function convertImgToBase64(url, callback, outputFormat){ var canvas = document.createElement('CANVAS'), ctx = c

转载 js 与或运算符 || && 妙用

首先出个题：如图： 假设对成长速度显示规定如下： 成长速度为5显示1个箭头； 成长速度为10显示2个箭头； 成长速度为12显示3个箭头； 成长速度为15显示4个箭头； 其他都显示都显示0各箭头。 用代码怎么实现？ 差一点的if，else： Js代码 复制代码代码如下:var add_level = 0; if(add_step

转载 移动端页面编写摘记

1.页面图片大小保持原像素并自适应Q:有时候在编写页面时会遇到图片被拉伸的情况k:关键是不同设备的屏幕分辨率导致，将视窗宽度锁死即可解S:头部加复制代码补：针对图片需要加入：.slogan01 {    width: 482px;    height: 482px;    background: u

转载 《实用技巧》—让你的网站变成响应式的3个简单步骤(转载)

如今，一个网站只在桌面屏幕上好看是远远不够的，同时也要在平板电脑和智能手机中能够良好呈现。响应式的网站是指它能够适应客户端的屏幕尺寸，自动响应客户端尺寸变化。在这篇文章中，我将向您展示如何通过3个简单的步骤轻松地使网站变成响应式（Responsive）。1 – 布局　　当创建一个响应式网站，或让现有的网站变成响应式的，首先要关注的元素的布局。我在建立响应式的网站，总是先创建一个非响

转载 移动web开发细节处理

1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影，解决iOS下无法修改按钮样式，测试还发现一个小问题就是，加了上面的属性后，iOS下默认

转载 iframe 父窗口和子窗口相互的调用方法集锦

一、父窗口调用iframe子窗口方法1、HTML语法：2、父窗口调用子窗口：myFrame.window.functionName();3、子窗品调用父窗口：parent.functionName();简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行4、父窗口页面源码： function say() { alert("pare

原创 ajax请求get和post区别

get如果请求url没有变化，取出缓存，提高效率；请求会缓存到浏览器中，可以通过历史记录查看用户信息，安全性低；post传送变化的数据显示，变动性访问；get通过url地址传送数据，数据量不能超过1024byte；post作为http消息的实体内容传送到服务器中，传送数据量可以很大；get传送数据要经过encodeURIComponent编码，防止乱码。

原创 jquery 方法扩展

一、jquery添加静态方法       $.extend({             m1:function(){},             m2:function(){}       });       方法调用：$.m1();二、jquery对象添加方法       1、 $.fn.extend({             m1:function(){}

原创 js调试

一、在ff中安装插件firebug，F12在控制台直接写想要运行 的脚本，与在js文件中效果一样，只是不用每次在文件 内写并保存。二、抛弃alert在脚本中用console.log()。避免页面运行多次alert。控制台写有所有、错误，每次查看错误后记得切换到所有，否则看不到日志。

原创 jquery的map和get方法

var arrayObj=["www","xxx","ddd"];var ww=$.map(arrayObj,function(i){                      return i;              }).join(",");console.log(ww);              var tt=$(":checkbox").map(functio

转载 Javascript执行效率小结

Javascript是一门非常灵活的语言，我们可以随心所欲的书写各种风格的代码，不同风格的代码也必然也会导致执行效率的差异，开发过程中零零散散地接触到许多提高代码性能的方法，整理一下平时比较常见并且容易规避的问题　Javascript自身执行效率Javascript中的作用域链、闭包、原型继承、eval等特性，在提供各种神奇功能的同时也带来了各种效率问题，用之不慎就会导致执行效率低下。

转载 js apply

js中apply方法的使用1、对象的继承，一般的做法是复制：Object.extendprototype.js的实现方式是：  Object.extend = function(destination, source) {     for (property in source) {         destination[property] = sourc

转载 js数组操作

shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift();     结果 a：[2,3,4,5]     b：1 unshift：将参数添加到原数组开头，并返回数组的长度var a = [1,2,3,4,5];var b = a.unshift(-2,-1); 结

转载 js中apply方法的使用

1、对象的继承，一般的做法是复制：Object.extendprototype.js的实现方式是：  Object.extend = function(destination, source) {     for (property in source) {         destination[property] = source[property];

转载 实现jQuery扩展总结

开发自己需要的jQuery插件，看个示例说明"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> new document /*jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的

原创 js 判断是否是IE浏览器

1、if(document.all && window.external){            alert("是IE")；      }else{           alert("不是IE");     }2、if(!-[1,]){         alert("是IE")；     }else{           alert("不是IE");

原创 触发click事件 浏览器兼容

$(".list li span").click(function(e){                var _this=$(this);                var _input=_this.prev("input");                if(document.all){                      _input[0].click();

原创 jquery text（）、val（）、html（）方法区别

text():1、无参获取每一个匹配元素的文本内容          2、有参数  给每一个匹配元素赋值val():1、无参获取第一个匹配元素的值         2、有参数   给每一个匹配元素赋值html():1、无参获取第一个匹配元素的标签内容            2、有参数给每一个匹配元素赋值

转载 position定位

定位(position)布局页面说容易非常容易，只需要记住这节课最后一句话就可以了，说困难，那是相当的难理解，需要一定的耐心，不过还好，KwooJan给大家总结的已经很通俗易懂了。如果下面的文字实在是无法理解透，那就记住这节课最后总结的一句话“如果用position来布局页面，父级元素的position属性必须为relative，而定位于父级内部某个位置的元素，最好用absolute，因为

原创 类似保存或者收藏的js动画效果

原创 innerHTML 和 innerText区别

innerHTML适用所有浏览器，获得值为所有标签和内容innerText  只适用IE，获得值只是标签内的文本

原创 javascript 和 jquery 中跳出循环区别

javascript：break和continue是两个用在内部循环的特殊语句。使用break语句跳出循环；用continue语句来跳出当前的循环继续下面的值。return false和return true 都能够终止循环跳出函数；与break效果一样。jquery：return false相当于break跳出循环return true相当于contiune跳

转载 return false 正确运用

可能在你刚开始学习关于jQuery事件处理时，看到的第一个例子就是关于如何阻止浏览器执行默认行为，比如下面这段演示click事件的代码：$("a.toggle").click(function () {      $("#mydiv").toggle();      return false; // Prevent browser from visiting `#`  });

转载 判断参数（String、Array、Object）是否为undefined或者值为空

有时候我们会遇到这样的情况：在一些前端控件要提交数据到服务器端的数据验证过程中，需要判断提交的数据是否为空。如果是普通表单的字符串数据，只需要在 trim 后判断 length 即可，而这里需要的数据可以是各种不同的类型(数字、字符串、数组、对象等等)，通过 JSON.stringify(data) 进行序列化后再传递。在这里定义如下的数据值为“空值”：undefinednul

原创 ie7以下 tr元素的背景图片作用域

IE 无法真正对 tr 应用背景，它只是简单地把我们为 tr 设置的背景分配到 tr 内部的 td 上。同样，在 IE 下我们无法为 tr 设置边框。解决方案：可以为每行头尾的 td 单独设置 class，配合 tr 的 class 来为这些 td 设置不同的背景图像。

原创 js转义字符

有时候js得到json串中含有""  ，那么两个尖括号中间的文字是无法在html页面显示出来的，必须用转义字符、"“<”">" 转义 ：“>”

原创 js小数之间运算，html添加到页面后，修改对于宽度

var html="";        html+="";        html+=""+data.callBackPlanName+""+planStatus[data.status]+""+data.progress+"<span class='"+(data.status==0?'':data.status==1?'progress finishBg':data.status=

原创 页面后添加内容 点击移动

第一种写法：       $(function(){                for(var i=0;i                    $("存在"+i+"").appendTo("#existence");                }                    for(var m=0;m                    $("

原创 页面内容未保存离开提示

window.onbeforeunload = function(){       var formlist = document.getElementById("regist");       for(var i=0;i[formlist.length;i++)       {           if(formlist[i].type!="hidden" && formlist

原创 js转义字符

有时候js得到json串中含有""  ，那么两个尖括号中间的文字是无法在html页面显示出来的，必须用转义字符、"“<”">" 转义 ：“>”

原创 jQuery.validate 中文API

名称返回类型描述validate(options)返回:Validator验证所选的FORMvalid()返回:Boolean检查是否验证通过rules()返回:Options返回元素的验证规则rules("add",rul

转载 基于jQuery的控制左右滚动及自动滚动效果

点击滚动模式下,是为点击(向前/向后/数字)添加click事件,通过控制展示区块left值实现切换.1.向前(左):当在第一个版面时,滚动到最后一个页面,否则,累加left值,向前滚动;2.向后(右):当在最后一个版面时,滚动到第一个页面,否则,累减left值,向后滚动;3.数字点击:利用index(…)获取当前点击在数字列表中的索引值, 然后索引值为倍数为外围宽度负值.即可达到切换.

原创 ajax 提交form表单

var options={                    type:"POST",                url:updateState,                beforeSubmit:function(formArray,jqForm){                    for(var i=0,j=formArray.length;i

原创 去掉回车和换行js

str.replace(/[\r\n]/g,"");

原创 js对第列表中第一个值处理与jsp页面对列表中第一个值处理区别

js:$(""+(i==0?"class='cur'":"")+"").appendTo("ul");jsp:        class="${idx.index==1?"cur":""}">//添加样式        ${idx.index eq 1 ?"checked":""}>//选中第一个

原创 struts配置错误页面

java.lang.Throwable        /pageError.jsp                500        /pageError.jsp                404        /notFound.jsp                403        /common/403.jsp

原创 js分页

function showSimplePageData(n){          $("#simpleShowComp").hideLoading();         $("#simpleShowComp table").html("");        $('投诉日期投诉类型投诉个数').appendTo("#simpleShowComp table");        $("

原创 ajax请求的与页面本身有的数据（页面加载时候存在）的一个区别

点击弹出层，同时隐藏其他弹出层（1、隐藏所有层 2、判断该弹出层是否显示，如果显示就隐藏、如果隐藏就显示）1、如果是ajax请求的数据，处理需要用$("#simpleTip").click(function(e){        hideAllProp();        if($('#simple_cont').is(":visible")){            $(