warmersen-CSDN博客

原创 CSS水平垂直居中的几种方法

一、脱离文档流元素的居中方法一：margin:auto法CSS代码：div{ width: 400px; height: 400px; position: relative; border: 1px solid #465468; } img{ position: absolute; margin: au

2017-07-27 10:21:54 387

原创 js中的隐式转换

js中的不同的数据类型之间的比较转换规则如下：1. 对象和布尔值比较对象和布尔值进行比较时，对象先转换为字符串，然后再转换为数字，布尔值直接转换为数字[] == true; //false []转换为字符串'',然后转换为数字0,true转换为数字1，所以为false2. 对象和字符串比较对象和字符串进行比较时，对象转换为字符串，然后两者进行比较。

2017-07-26 11:27:24 312

原创 iuni-myOrder(分页$pagination)

/****************************** 用户中心-我的订单*******************************/$namespace("iuni.uc.myorder");/******************************

2016-10-14 21:25:38 399

原创 angularjs笔记

1.多个directive之间的通信2.element对象的使用3.directive与controller之间的会话

2016-08-06 14:03:56 306 1

原创 call和apply的理解

一、方法的继承function Animal() {this.name = "Animal";this.showName = function () {alert(this.name);}}function Cat() {this.name = "Cat";}var animal = new Animal();var cat = new Cat();//通过call或apply方法，将

2016-05-12 14:06:52 401

转载 avascript中构造函数的返回值问题和new对象的过程

首先明确一点：javascript中构造函数是不需要有返回值的，这一点跟java很类似。可以认为构造函数和普通函数的最大差别就是：构造函数中没有return语句，普通函数可以有return语句；构造函数中会使用this关键字定义成员变量和成员方法，普通的函数不会使用this关键字定义成员变量和方法。function Person(name,sex) { this.name =

2016-05-11 16:41:19 359

转载作用域链相关的问题（二）

问题1：作用域考虑如下代码：JavaScript1234567(function() { var a = b = 5; })(); console.log(b);请问控制台上会输出什么？答案输出：5这一题的陷阱是，在函数表达式中有两个赋值，但a是用关键字var 来声明的，这意

2016-05-06 17:50:02 315

作用域链是javascript语言里非常红的概念，很多学习和使用javascript语言的程序员都知道作用域链是理解javascript里很重要的一些概念的关键，这些概念包括this指针，闭包等等，它非常红的另一个重要原因就是作用域链理解起来太难，就算有人真的感觉理解了它，但是碰到很多实际问题时候任然会是丈二和尚摸不到头脑，例如上篇引子里讲到的例子，本篇要讲的主题就是作用域链，再无别的内容，希望看

2016-05-06 17:37:05 491

转载 JS原型继承和类式继承

类式继承（构造函数）JS中其实是没有类的概念的，所谓的类也是模拟出来的。特别是当我们是用new 关键字的时候，就使得“类”的概念就越像其他语言中的类了。类式继承是在函数对象内调用父类的构造函数，使得自身获得父类的方法和属性。call和apply方法为类式继承提供了支持。通过改变this的作用环境，使得子类本身具有父类的各种属性。

2016-05-06 11:26:03 7399

原创 PC端分享功能

(function () { var container = $('#share'), title = Global.title ? encodeURIComponent('CSS参考手册　' + Global.title + '　精彩呈现：') : encodeURIComponent('CSS参考手册'), url = Gl

2016-05-04 10:47:28 1652

原创 JavaScript js闭包所用的场合以及优缺点

先上段代码：//函数afunction a(){ var i=0; //函数b function b() { alert(++i); } return b;} //函数c var c = a(); c();代码特点：1、函数b嵌套在函数a内

2016-05-03 14:03:13 338

原创 iuni-summary

=============================================================移动端加入样式具有快速滚动和回弹的效果：：：：：-webkit-overflow-scrolling : touch;==========================================================生成随机

2016-04-25 11:33:20 278

原创关于H5里的API，上传图片预览功能

请选择一个图像文件：选择图片的input按钮 var aaa = document.getElementById("rrr"); //获取显示图片的div元素var input = document.getElementById("file_input"); //获取选择图片的input元素 //这边是判断本浏览器是否支持这个AP

2016-04-15 14:17:46 2269 1

原创鼠标经过或触摸图片放大镜效果

图片放大镜body{ padding: 0;margin: 0;width: 100%;height:100%;overflow: hidden; }.wrap{ text-align: center; }.wrap img{ width: 60%;cursor: crosshair; }.loupe{ position:absolute; pointer-ev

2016-04-15 12:30:50 1968

原创限时抢计时器

Documentwindow.onload = function(){showTime();}function showTime(){var endtime=new Date("2016/6/6,14:33:22");var nowtime=new Date();var lefttime=parseInt((endtime.getTime()-nowtime.get

2016-04-15 11:27:08 311

原创可视区域检测js

/****************************** e7详情 2016-03-17 18:50:15 liuqiao 创建*******************************/$namespace("iuni.official_e7_detail");/******************************　全局参数配置*******

2016-04-12 11:31:24 387

原创 iuni-core.js

function $DelayLoadImg(o, undefined) {var othis = this;othis._newNum = 0;othis._selfId = (++othis.constructor._newNum);othis._selfName = ".$DelayLoadImg" + othis._selfId;if (o != undefin

2016-03-14 15:40:50 4433

原创 summery

==============================http://www.cnblogs.com/（博客园）很不错http://www.html5tricks.com/ （html5教程）很不错===================================在线代码解压工具（把压缩过的代码还原）http://tool.lu/js/ ==========

2016-01-27 20:41:58 615

转载移动端web开发技巧

META相关1. 添加到主屏后的标题（IOS） 2. 启用 WebApp 全屏模式（IOS） 3. 百度禁止转码通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非常之恶心。不过我们可以通过这个meta标签来禁止它：4. 设置状态栏的背景颜色（IOS）设置状态栏的背景颜色，只有在 "apple-mobile

2015-11-20 09:22:26 420

原创 js中可以改变作用域的三中方式（改变this）

第一种方式：使用apply()方法：function sum(x, y) { alert(this); return x + y;//这里的this指的是callS对象方法}function callS() {callS.callSum1(1, 2);}callS.callSum1 = function (x, y) { alert(this);//这里的t

2015-09-23 11:29:37 2647

转载 javascript常用方法函数收集

javascript常用方法函数收集热度 14已有 402 次阅读2014-10-1 22:22 |系统分类:JavaScript字符串长度截取function cutstr(str, len) { var temp, icount = 0, patrn = /[^\x00-\xff]/，

2014-10-08 14:17:58 570

转载 RequireJS 与 SeaJS 的异同

相同之处RequireJS 和 SeaJS 都是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更简单自然。不同之处两者的区别如下：定位有差异。RequireJS 想成为浏览器端的模块加载器，同时也想成为 Rhino / Node 等环境的模块加载器。SeaJS 则专注于 Web 浏览器端，同时通过 Nod

2014-08-13 09:27:33 501

原创 JS验证正则表达式（大全）

以下函数调用方式： 1function check() {2 varbb = document.getElementById("txt_id").value;//txt_id为文本框的ID 3 alert(ismobile(bb)

2014-08-06 16:04:12 538

转载如何在ajax请求中设置特殊的RequestHeader

移动版本陈希章@中国:: 心有多宽，路就有多宽 ::导航首页联系订阅管理2014年7月>日一二三四五六29301234567891011121314

2014-07-24 10:06:56 879

转载 XMLHTTP中setRequestHeader参数问题

新加：设置编码方法setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=gb2312") 语法oXMLHttpRequest.setRequestHeader(bstrHeader, bstrValue);参数bstrHeader 字符串，头名称。

2014-07-24 09:57:06 1163

原创 Hybrid App clickthrough解决办法

基于穿透问题是移动web开发的一个常见问题，下面对解决该问题的过程做一个总结。问题现象：当一个页面有弹出层时，点击弹出层按钮关闭弹出层会触发下面HTML标签的tap事件，即所谓的“穿透”。穿透问题在IOS比较严重，Android较少。问题原因：移动端的浏览器触发tap事件时会有一个300ms的延迟，tap事件在touchstart发生时触发，此时弹出层消失，300ms后touc

2014-06-17 17:40:34 782

原创 string类扩展函数

/** * 获取字符串对应的字节数 */String.prototype.getByte = function() { return this.replace(/[^x00-xff]/g, '00').length;}/** * 截取字符串长度 */String.prototype.subString = function(len, bt, aso) {

2014-05-07 10:06:43 544

原创 hasOwnProperty和isPrototypeOf属性用法

hasOwnProperty：是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中，是则返回true，否则返回false。function siteAdmin(nickName,siteName){ this.nickNam

2014-05-05 11:05:31 554

原创 template模版引擎的使用（underscore.js）

模版引擎的概念：模板引擎是为了使用户界面与业务数据(内容)分离而产生的,把dom元素进行动态生成与数据进行动态的绑定var options = [ {"text": "居民身份证","value": "01"}, {"text": "护照","value": "02"} , {"text": "军官证","value": "03"

2014-05-04 16:39:37 692

原创 14条最佳JS代码编写技巧

1. 总是使用 ‘var’在Javascript中，变量不是全局范围的就是函数范围的，使用”var”关键词将是保持变量简洁明了的关键。当声明一个或者是全局或者是函数级（function-level）的变量，需总是前置”var”关键词，下面的例子将强调不这样做潜在的问题。不使用 Var 造成的问题var i=0; // This is good - creates a globa

2014-03-08 12:38:02 670 6

原创 js prototype创建遮罩层

var Dialog = function() {this.shadow = null;}Dialog.prototype = {createShadow : function() {this.shadow = document.createElement('div');this.shadow.style.height = document.body.clientHeigh

2014-03-06 13:58:30 535

转载 webApp添加到iOS桌面

iOS中的safri浏览器可以将一个网页添加到桌面，当做一个独立的应用运行。当然，这里我们不讨论怎么去做一个webApp，这需要html5的相关知识和开发经验。这里我们只讲webApp添加桌面后到启动的相关细节。全屏显示：系统顶栏的颜色(黑色和白色)：桌面程图标(如果不设置，则图标会显示网页的截图)：但是，iOS会自作多情的给这个图标加上高

2014-03-03 14:23:57 1348

原创 chrome启动参数设置

chrome禁止本地浏览时加载本地其他文件，可以采用添加启动参数的方式来支持添加参数为 --allow-file-access-from-files 或者　--disable-web-securityGoogle Chrome 浏览器默认安装路径是 %USERPROFILE%\AppData\Local\Google\Chrome，其中User Dat

2014-02-28 14:35:57 1906

转载 web app 的挑战

Web App概念的兴起，起源于HTML5标准的逐渐成熟和大型互联网公司的推动。这其中包括百度的框计算、谷歌运行于Chrome上的Web App Store以及Facebook的HTML5项目“斯巴达”（Project Spartan)。前两个项目当前主要侧重于PC端，而Facebook的Spartan可以说主要是瞄准了移动端的用户市场。一、究竟什么是Web App？很

2014-02-27 16:43:13 793

原创 JS和Jquery的对象互相转换

这年头都是jqueryUI的天下了。当然要必会写jquery 的东西。 jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。普通的dom对象一般可以通过$()转换成jquery对象。如： $(document.getElementById("

2014-02-26 09:48:38 503

原创 common.js

define([], function() {String.prototype.byteLength = function() {//计算字符串长度(英文字符占一个字符，汉字字符占2个字符)return this.replace(/[^\x00-\xff]/g,"aa").length;};String.prototype.trim = function(s) {s = (

2014-02-24 11:14:09 4216

转载 js创建对象的几种常用方式

第一种模式：工厂方式Js代码 var lev=function(){ return "啊打"; }; function Parent(){ var Child = new Object(); Child.name="李小龙"; Child.age="30";

2014-02-08 10:26:53 608

转载到底怎么样才叫看书？

目录：一、引入二、经历了就能理解三、读书要分级四、只读经典五、别吝惜你动笔的那点时间一、引入　　看到这个题目的时候你可能会感到有点好笑：“这还用问，看书就是把书看了一遍呗..” 没错，我们从小到大就是这样想的，也是这样看书的，信手拈来一本叫作"书"的东西，从头到尾就开看了！随时年龄的增长，我们的“阅历”也多了起来了，但你是不是也有和我一样的感觉—

2014-02-08 10:16:05 615

转载 jquery 请求ie缓存，数据不更新的问题【ajax禁用缓存解决ie数据不更新的问题】

在做ajax页面无刷新添加的时候，IE下遭遇Ajax缓存，因为刚开始并不知道IE有这个坏毛病，折腾好久，终于解决问题。总结一下解决办法：在IE下用Ajax请求某一页面，通常会因为缓存的原因而返回上一次的结果，造成混乱，[即get方式时，获取数据，因发送参数和地址都一致，故IE浏览器会从缓存中取，而不会去请求服务器端，而post方式因为参数的不同，不会产生这个问题]而FF下不会出现这种情况。为了

2014-02-08 10:13:20 894

转载 CSS命名规范

main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink页脚：footer版权：copyright滚动：scroll内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入

2014-02-08 10:11:08 443