dxh_0829的专栏

转载 jQuery的ajax async同步和异步介绍

项目中有这样一个需求，使用ajax加载数据返回页面并赋值，然后前端取出该值这其中涉及到代码的顺序问题，有时后台还未返回数据，但已执行后面代码，所以就会造成取不到值[javascript] view plaincopy$.ajax({      type: "post",        url: "admin/PfmOp

转载 JavaScript中的this关键字

JavaScript函数中的关键字this并不指其本身（Itself），举例说明：function foo(num) { console.log( "foo: " + num ); // keep track of how many times `foo` is called this.count++;}foo.count = 0;var i;for (

转载 jsonp跨域请求

$.ajax({                async: true,//默认值: true,为异步请求。如果需要发送同步请求，将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。                url: '...........',                type: "GET",   

转载 如何成为一名卓越的前端工程师

译自 Philip Walton 的博客看过之后非常有感触，很多观点都是自己长期非常坚持和认同的，所以翻译出来分享给更多的前端同学！最近我收到一封读者来信让我陷入了思考，信是这么写的：Hi Philip，您是否介意我问您是如何成为一名卓越 (great) 的前端工程师的？对此您有什么建议吗？我不得不承认，我很惊讶被问这样的问题，因为我从来不觉得自己是个很卓越

转载 jQuery选择器和事件

1）选择器   $(".className")——类选择器；   $("#IDName")——ID选择器；   $("ElementTagName")——元素名选择器；   更多选择器点击打开链接2）事件   click()——点击事件；   dblclick()——双击事件；   mouseenter()——鼠标进入事件； 

转载 jquery全局变量---同步请求设置

1、同步$.ajaxSetup({  async: false });2、异步$.ajaxSetup({  async: true  });3、说明：我们一般使用同步完要恢复异步。因为js默认为异步操作的。这个是全局变量。所以同步完成之后要立刻恢复异步；即成对出现；

转载 自定义iphone页面添加到主屏幕图标

原创 wap页面中手机号码处理总结

1、防止在iOS设备中的Safari将数字识别为电话号码在测试中发现iPad上的Safari总会把长串数字识别为电话号码，文字变成蓝色，点击还会弹出菜单添加到通讯录。别的地方倒也罢了，如果在用户名中出现数字（手机注册新浪微博的话用户名就是“手机用户xxxxxxxx”），版式会很恶心。经过测试在a标签中的长串数字不会识别为电话，于是给出现用户名但没有链接的地方嵌套一个无动作的a标

原创 js防复制、禁止右键

// JavaScript Document$(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); if (typeof(document.onselectstart) != "undefined") {           // IE下禁止元素被选取       

转载 jquery自定义动画animate()

在以前很长一段时间里，网页上的各种特效还需要采用flash 在进行。但最近几年里，我们已经很少看到这种情况了，绝大部分已经使用JavaScript 动画效果来取代flash。这里说的取代是网页特效部分，而不是动画。网页特效比如：渐变菜单、渐进显示、图片轮播等；而动画比如：故事情节广告、MV 等等。如果复制当前代码进行在本地测试的时候，请注意把不需要（其他功能展示）的代码注释

转载 Jquery的parent和parents(找到某一特定的祖先元素)

关于Jquery的parent和parentsparent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。可以看出parent取的很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子说明：$('p').pa

转载 网页关闭（解决window.close在火狐下不兼容问题）

熟悉前端的都知道，火狐默认状态非window.open的页面window.close是无效的网上有很多人说，在火狐的地址栏输入:about:config然后找到dom.allow_scripts_to_close_windows;把false改为true看着这些人的说法，不得不说我蛋疼了我做的是网站，我怎么去改用户的浏览器设置，我不是搞病毒的啊难道我在网站发布一个公

转载 PHP 连接 SQL2008

兩種方法第一種使用微軟提供的dll文件擴展php第二種用php自帶的擴展mssql（有人說第二種不行總出錯，所以我選了第一個，並且成功了）　原文地址  http://blog.csdn.net/silentbalanceyh/article/details/4349790这两天写一个工作量统计系统，需要使用PHP连接SQL S

转载 大小不固定的图片、多行文字的水平垂直居中

本文综述想必写css的都知道如何让单行文字在高度固定的容器内垂直居中，但是您知道或者想过让行数不固定的文字在高度固定的容器内垂直居中呢？本文将会告诉你如何实现多行文字的垂直居中显示。关于图片垂直居中显示，想必很多写css的人都研究过，或者说是搜寻过方法。淘宝团队似乎提供了一种不错的方法，用font-size解决IE下垂直居中的问题，是个好方法吗？是的，方法是不错，可是问题也很多：不支持

转载 CSS媒体查询

好长时间不是很清楚css的媒体查询是做什么的。今天看到一篇文章才搞明白了。通过媒体查询可以为不同大小和尺寸的媒体定义不同的css，适合相应的设备显示。看图：看代码:<link rel="stylesheet" href="smartphone.css" media="only screen and (min-device-width : 320px) and

转载 html 竖列显示文字

文字测试显示效果：文字测试如果是英文字母、数字的话会显示这种效果文字zzzzzzz123435感谢原作者分享：http://blog.csdn.net/huihuangjiuai/article/details/40617795

原创 DEDE使用AJAX无刷新提交Form表单，PHP返回结果

$query = "INSERT INTO `{$diy->table}` (`id`, `ifcheck` $addvar)  VALUES (NULL, 0 $addvalue); ";引入phpmailer添加以下代码：/*发送邮件*/$addvalue_ary = explode(',', $addvalue);//因为DEDE是将所有表单数据提交过来，所

转载 CSS3 主要知识点总结+HTML5 新增标签

目录：1、CSS 属性编写顺序2、CSS3属性（内核前缀）3、position相对/绝对定位4、overflow：scroll等的区别5、display属性应用6、盒模型计算方法和Bug7、CSS3新增加的结构标签8、蒙版，变形，过渡，动画等CSS3效果1、显示属性，自身属性，文本属性推荐样式编写顺序    1

原创 通过document.referrer判断页面是链接调整还是新打开以及来源

业务需求：1、复制链接或者QQ中在浏览器中新打开的链接，点击“返回”跳转到列表页；2、从列表页链接调整进的店“返回”执行浏览器的“返回”动作，好处是能直接定位到列表页上次浏览的位置。function ClickBack(){ if(document.referrer==""||document.referrer.indexOf("cases")==-1){ //返回到

转载 取消chrome和safari浏览器下输入框的默认蓝框、textarea固定大小

chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，safari则是蓝色的，而且textarea还可以任意拖动放大，对于一个优秀的网页设计来说，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所以很多情况下需要重置这些样式。 废话不多说，直接上代码 取消聚焦边框：input,button,select,textarea{outline:

原创 C#使用jsonp进行跨域提交表单

跨域提交留言，并返回是否成功！C#服务端：public void FeedBackPost(string name, string email, string tel, string website, string desc, string thisIp, string sourse, string callBack) { try

原创 图片在容器中水平居中css

在浮动的li 或div 中，未知大小的图片水平居中代码#team li img{ clear: both; display: block; margin:auto; float:none; /*浮动容器中*/}

转载 HTML热区map坐标，随窗口大小自适应办法（javascript）

为图片添加MAP：[html] view plaincopydiv>  span id="lbresult">  img src='YardCribGraphic.aspx' width='100%' heigh='100%' usemap='#b0a1a239cbf34d64acf4d6798dd67da0' border='0'/>  

原创 移动端web轮播图

html: css

转载 通过Jquery判断页面元素是否在浏览器的可视区域内

前端开发中,有时需要判断某个元素是否在浏览器的可视区域内,或者是否已经滚动出了可视区域.首先想到的便是javascript操作,原生方法自然可以,不过Jquery已经封装了一些属性,使用起来更方便些,我们这里就讨论这种Jquery的方式.(伸手党可直接看文章屁股 :cool:)假设此元素为 #item,先说几个关键的属性:

原创 使用Bootstrap框架时，PC端测试小屏效果正常，移动端失效

在使用Bootstrap框架时，本地调试小尺寸都没问题，一切正常，切换到手机上打开一看，显示的依然是大屏的效果。解决方法其实很简单。官网解释：HTML5 文档类型Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。在你项目中的每个页面都要参照下面的格式进行设置。Copy lang="zh-CN">

原创 jquery动态改变背景颜色插件

GETHUB下载地址背景颜色用animate方法时时无法改变颜色的所以要使用插件进行补充。使用方法：div { background-color: #bada55; width: 100px; border: 1px solid green;}SimpleDesaturateHello!jQuery("#

转载 Javascript，Jquery实现页面图片预加载百分比展现

如果需要在页面初始加载时显示加载进度。主要是指图片很多的情况下：可以使用第三方Jquery插件jquery.imgpreload.min.js 调用里面的方法：imgpreload即可，实例如下：var imgNum = 0;var images = [];$(function(){ preloadImg(); }); //里面有

转载 使用Skrollr创建视差滚动效果页面

视差滚动（Parallax Scrolling）是指多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。随着用户对视觉体验的要求不断提高，WEB开发者开始在网页中加入各种特效元素以满足用户的需求。今天这篇文章给大家推荐一个优秀的视差动画Javascript库——Skrollr.jsSkrollr是一个使用了HTML5和CSS3的轻量级JavaScript视差滚动类库。它是

原创 加入收藏兼容主流浏览器代码

//加入收藏function AddFavorite(){ if (document.all) { addToBookMark(window.location.href, document.title); } else if (window.sidebar) { addToBookMark(document.title, window.location.href); }}func

转载 jQuery中的选择器:visible对visibility:hidden的处理

首先先介绍visibility这个CSS属性。　　visibility用于表示该元素是否显示，其取值有：　　visible：设置对象可视。　　hidden：设置对象隐藏。　　collapse：主要用来隐藏表格的行或列，隐藏的行或列能够被其他内容是用。　　这里需要说明的是，collapse在IE6及更早的浏览器不支持，它的作用只在表格中生效，对于其他的对象，等同于displa

原创 超慢速移动动画使用CSS3实现流畅效果

三角碎片以非常缓慢的速度旋转移动，如果使用JS实现会出现一像素一像素移动的卡顿使用CSS3会获得非常理想的效果transform: translate3d(80px, 150px, 0px) rotate(1220deg);transition: transform 30s linear 0s;上面一个属性表示图像变换translate3d(80px, 150px, 0px) 表

原创 鼠标滚轮插件jQuery mousewheel

delta的值是负的即-1，那么滚轮就是向下滚动，正的1就是向上。插件方法：1.为了监听滚轮事件，该插件引入了mousewheel事件，所以我们可以监听元素的mousewheel事件2.该插件还提供了元素快捷方法mousewheel和unmousewheel用于监听和去掉元素对鼠标滚轮事件支持$(document) .mous

原创 CSS3元素闪烁效果

例子01@-webkit-keyframes twinkling{   /*透明度由0到1*/02    0%{03        opacity:0;              /*透明度为0*/04    }

转载 jQuery如何阻止子元素继承父元素事件？

function f1(e){ alert("你点击了一个链接"); //取消冒泡 e.cancelBubble = true; } function f2(e){ alert("你点击了一个DIV"); } ClickMe

转载 多终端WEB页面字体处理方法总结

回想2年前刚开始接触手机项目，接到PSD稿后，发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计，于是我写页面的时候也定义 font-family 为微软雅黑，后来发到线上后，细心的产品经理发现页面的字体不是微软雅黑，要求马上修改，我就惊呆了，还跟产品争执一番。后来了解到的手机系统 ios、android 等是不支持微软雅黑字体，为了满足产品的需要，保证视觉稿的还原度，手机端是如何定义微软

原创 QQ空间顶部折页撕开效果

效果：HTML：

原创 原图对比窗帘效果jQuery分享

效果：HTML代码： JS代码：$(function () { //外DIV var imageWrap = $('.vfx-image-wrap'), //前景图 topImage = $(this).find('.before-ima

转载 经验分享：10个简单实用的 jQuery 代码片段

平滑滚动到锚点　　这个功能很常见，在网站底部添加一个让访客快速回到页面顶部的功能，下面是实现这个功能的示例代码：123456789101112131415// HTML:// Lorem Ipsum/

原创 图片列表横向切换代码

//图片列表横向切换var PicnewsItem=0;function PicnewsGo(){ var $picnews_ul=$("#picnews_ul"); var LiLength=$picnews_ul.find("li").length; var LiWidth=198; $picnews_ul.width(LiLength*LiWidth); var ma