- 博客(36)
- 收藏
- 关注
RSS订阅手机横竖屏切换时js获取手机有效宽值(兼容苹果和安卓)
// 横屏切换处理（iphone，安卓） window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() { // 由于切换时，获取值刚好是切换前的数据，需加上300延时，保证获取的宽度是切换后屏幕的值 setTi...
2017-08-19 01:16:23
1102
多ajax请求顺序执行
工作中有时间碰到多个ajax请求，需要按照顺序进行数据请求且保证数据是按照请求的顺序有序返回。所以需要对请求进行包装处理。 jquery自带的case when方式仅能保证请求是按顺序发出的，但不能保证请求的数据按顺序返回。具体处理方式如下：1、创建一个存放ajax请求的数组，2、创建一个执行ajax请求的函数，在函数内执行数组中第一个ajax函数，在请求返回后将该aj...
2017-02-13 14:28:39
1238
原创 cookie存储中文信息
在cookie中存储中文，有时候会有中文乱码问题，如在IOS系统中访问的时候，可能会由于中文乱码而导致数据没有成功存储到cookie中，解决乱码问题的方式主要是使用2个函数： escape(string): 对字符串进行编码。unescape(string): 对字符串进行解码。代码示例如下：var cookie = { set:function(key,v...
2016-12-13 15:46:22
338
原创 CSS3滤镜(Filters)功效
滤镜(Filters)是CSS3中新增的功能，可以实现模糊效果，透明效果，色彩反差调整，色彩反相等效果。滤镜(filter)效果如下： grayscale(灰度级), blur(模糊),sepia(怀旧老照片效果), saturate(色彩饱和度), opacity(透明度),brightness(亮度), contrast(对比度), hue-rotate(色调), 和 invert(反相...
2016-11-24 11:15:36
357
原创 CSS3实现横向展示图片滑动展示效果(转载)
一个使用CSS3动画效果实现的图片宽度 横向展开的效果。HTML代码如下：<ul id="kwicks"> <li><a class="john" href="http://en.wikipedia.org/wiki/John_lennon" title="John Lennon">John Lennon</a&am
2016-11-24 10:51:07
7972
2
原创 前端性能提高技术之----HTML重绘篇
<img src="home.png" style="width:200px; height: 200px;"> 在HTML页面完成渲染后，任何改动页面样式或结构的操作都会引起浏览器重绘，性能的损耗直接取决于动态改变的范围：如果只是改变一个元素的颜色之类的信息则只会重绘该元素；而如果是增删节点或调整节点位置则会引起其兄弟节点也一并重绘，所以在页面操作中要尽量...
2016-09-28 11:07:55
873
获取页面来源地址的几种方式谈讨
目前js中获取页面地址来源的方式主要有2种：document.referrer 和 opener.location.href,document.referrer：表示打开当前窗口的父窗口的地址(若不是通过超链接打开则此值为null) window.opener: 表示打开当前窗口的父窗口地址,通过超链接打开当前窗口，在当前窗口的url中会附带父窗口的url(已编码)，因此可通过...
2016-08-26 16:24:44
2711
跨页面跳转的锚点定位
有时候需要实现从当前页面跳转到下个页面的某个模块，这就要使用锚点定位来实现：格式： 当前页面的 href="aaaa.html#nextMode"在要定位显示的模块中：添加值为nextMode的id和name， 如定位到一个div<div id="nextMode" name="nextMode"></div> 以上方法在firefox中可直接实现，但...
2016-06-28 15:07:19
4612
css2：div模拟textarea效果并实现高度自适应
样式如下：设置div最小高度并设置为auto，同时设置字体换行和边界换行即。div设置contenteditable="true"即可实现文字编辑(contenteditable为html5新增属性)div{ float: right; margin-right: 45%; height: 50px; height: auto; min-height: 50px; widt...
2016-06-28 14:02:15
184
原创 百度template模板技术学习(一)
BaiduTemplate模板 js技术可以生成一套html代码块，根据不同的数据进行动态展示。特点：默认的Html转义，变量未定义时输出为空，防止页面错乱，可自定分隔符等，学习成本低， 简单易用。 目前版本：1.0.6，使用时需引入 baidutemplate.js文件定义html代码块格式如下：<script id="navTemplate" type="tex...
2016-06-15 15:21:37
1117
原创 浮动的一些应用解析
样式如下：.parent{ width:92px; height:92px; border:1px solid #666;} .parent p{ float:left; width:30px;}.parent p+p{ float:right;}HTML内容如下：<div class="parent"> <p>a</p> <p>...
2016-05-26 09:27:56
144
原创 ECMAScript5 Object对象和属性
对象和属性：属性一共分成三类，分别是命名数据属性、命名访问器属性和内部属性，前两类属性可以在代码中直接使用，而后面一种属性是规范使用的内部表示。命名属性一般有：Value：表示该属性的值Writable：表示该属性的值是否为只读的Enumerable： 表示该属性是否可以被枚举，可以被枚举的属性可以通过 for-in 循环来获取到Configurable：表示该属性是否可以被配置，为true...
2016-05-19 15:37:08
281
原创 ECMASript5 JSON对象和JS对象转换
JSON 格式数据经过解析之后，可以直接当成 ECMAScript 中的对象来使用。在使用 JSON 格式时的一个重要问题是如何在 ECMAScript 中的对象与文本形式之间进行互相转换。从服务器端通过 HTTP 协议获取的 JSON 文本需要经过解析之后，才能在 ECMAScript 代码中来使用；当需要向服务器端发送数据时，需要先把 ECMAScript 中的对象转换成文本格式。在 ECM...
2016-05-19 15:17:33
200
原创 ECMA5Script 数组新增方法
数组是 ECMAScript 中非常重要的一个内置对象。在 ECMAScript 代码中可以看到大量对数组的使用。Array 对象用来表示数组。在 ECMAScript 规范第三版中并没有为 Array 对象提供比较多的实用函数来对数组进行操作。很多 JavaScript 框架对 ECMAScript 规范中的 Array 对象进行增强。ECMAScript 规范第五版中对 Array 对象进行...
2016-05-19 15:02:07
197
javaScript -匿名函数
一、匿名函数：没有函数名；单独的匿名函数是无法运行的，可通过把匿名函数赋值给变量来运行。var dd = (function(){ return 'jack'; })(); alert(dd);// jack 二、块级作用域(私有作用域)： function box(){ {//for：块级作用域： 出了for的范围，i值未被销毁，而且...
2016-05-17 16:41:28
133
原创 CSS3京东图片动画
/*通过图片定位加过渡实现动画替换效果:*/i{ display: block; width:13px; height:22px; margin:100px; cursor:pointer; background:url(jd2015img.png) no-repeat 0 -0;/*找到精灵图中手机图片的位置:默认的位置*/ transition: background-position 0....
2016-05-17 16:26:37
244
原创 将本地项目移至git管理
首先在git上创建一个空项目，项目名称自定。一、在eclipse中将远程git上的项目拉至本地，如图： 二、在本地项目中右键-->team --> share project 显示如下：选择git 点击next 三、如下图：选择git拉到的项目，将其与本地项目合并即可。 四、合并成功后，在项目右键-->team中看到如下菜单时即可进行远程...
2015-01-27 11:52:53
160
原创 简单的闭包
在javascript中，只有函数具有作用域，也就是说：在一个函数内部声明的变量在函数外部无法访问。例：function foo() { var a = 10;//变量a定义在函数foo()内部。 function bar() { a *= 2; return a; ...
2014-12-09 16:08:20
214
原创 Ext入门事件(二)--转载
事件绑定相关的方法：一、使用addListener()方法var button = Ext.get('btn');button.addListener('click',hello1);//绑定事件处理函数button.addListener('click',hello2); 二、ExtJS支持的自定义事件//创建Person类var Person = Ext.exte...
2014-12-09 15:47:13
145
原创 ExtJS入门事件(一)（转载）
事件是指一个特定的动作，这个动作可以针对HTML元素的，如keydown,keyup,mouseover, mouseout等，也可以是对于其它自定义的动作。事件处理一般有2种：一、处理HTML元素的标准事件： HTML元素的标准事件是指mouseover、mousedown、click、blur、focus、change等能够直接对HTML元素发生的...
2014-12-09 11:47:15
119
原创 javascript 匿名函数
//匿名函数最有趣的用途是用来创建闭包var baz;(function (){ var foo = 10; //函数内部的私有变量 var bar = 2; baz = function (){ return foo * bar ; }})(); baz(); /...
2014-12-09 11:13:26
70
原创 Object 对象
Object 对象自身用处不大，不过在了解其他类之前，还是应该了解它。因为 ECMAScript 中的 Object 对象与 Java 中的 java.lang.Object 相似，ECMAScript 中的所有对象都由这个对象继承而来，Object 对象中的所有属性和方法都会出现在其他对象中，所以理解了 Object 对象，就可以更好地理解其他对象。Object 对象具有下列...
2014-12-09 11:13:11
110
原创 网站css样式方案
一般来说：有一个与整体布局有关的样式 ：layout.css一个用作专门颜色的样式：color.css一个与版式相关的样式：typography.css三个样式文件可以导入到一个基本的样式basic.css中@import url(layout.css);@import url(color.css);@improt url(typography.css); ...
2014-12-08 15:39:46
197
原创 让页面部局随浏览器窗口自适应
首先使最外围的容器随窗口变化，然后再定义内部的各组件。window.onresize = function() { Ext.getCmp('gridId').setWidth(document.documentElement.clientWidth); //修改最外层容器的宽度 var w = document.documentElement.clientWidth; ...
2014-12-08 15:39:34
905
原创 javaScript传址比较
var xmas = new Date(2007,11,25); var solstice = xmas;//传递地址，将xmas的引用传递给solstice solstice.setDate(21);//重新赋值 alert(xmas.getDate());//值已经发生改变，变为21， alert(xmas == solstice);//地址相同，返回true //定义2...
2014-12-08 15:39:11
110
原创 javaScript传值比较
<script type="text/javascript"> window.onload = function(){ add_to_title(n , m); //m n 的值均不变 alert(n); alert(m); }; var n = 1; v...
2014-12-08 15:38:58
96
原创 javascript添加addClass()方法
//element:需要添加新样式的元素，value：新的样式 function addClass(element, value) { if (!element.className) { element.className = value; } else { newClassName = element.className; newClas...
2014-12-05 09:34:45
10246
原创 为javascript添加insertAfter()方法
//在现有元素后添加一个新元素function insertAfter(newElement, targetElement){ var parent = targetElement.parentNode; if (parent.lastChild == targetElement){ parent.appendChild(n...
2014-12-05 09:34:09
950
原创 为javascript添加insertAfter()方法
//在现有元素后添加一个新元素function insertAfter(newElement, targetElement){ var parent = targetElement.parentNode; if (parent.lastChild == targetElement){ parent.appendChild(n...
2014-12-05 09:33:56
369
原创 关于setTimeout（）用法的两种情形：
关于setTimeout（）用法的两种情形：1：传递无参方法时如：function movement(){ mement = setTimeout("movement()",10);}清除定时：clearTimeout(mement);//mement为全局变量2：传递有参方法时：function moveElement(id,name,age,timer){//通过变量传递var repea...
2014-12-05 09:33:36
1035
原创 正则取a标签的内容
var a = '<a class="dasfd">xyz</a>';//通过正则表达式获取var reg = />(.+)</;var items = reg.exec(a);
2014-12-05 09:25:03
2145
原创 javascript的bind()函数使用
// Define the original function.var checkNumericRange = function (value) { if (typeof value !== 'number') return false; else return value >= this.minimum && va...
2014-12-04 16:16:18
98
原创 24行代码，让你的网页元素任意放大、缩小、拖拽、移动（转）
$(document).mousemove(function(e) { if (!!this.move) { var posix = !document.move_target ? {'x': 0, 'y': 0} : document.move_target.posix, callback = document.call_down || fu...
2014-12-04 16:15:38
1129
原创 javascript 处理null及'null'值 （转载）
function dealNull(obj){ for(var i in obj){ if(null == obj[i] || 'null' == obj[i]){ obj[i]=''; }else if('object' == typeof obj[i]){ dealNull(obj[i]); } ...
2014-12-04 16:14:35
1451
原创 全世界最短的IE判断(转载)
alert([1,2]);//相当于alert([1,2].toString()); --这在IE与非IE上都相同，都会弹出"1,2"alert([1,]);//相当于alert([1,].toString());--在非IE的标准浏览器上，js引擎会自动删除最后的","，所以在IE上会弹出"1,"，而在非IE上会弹出"1"alert(+[1,]);//根据上面的解释，这一句在IE上相当...
2014-12-04 16:12:02
138
原创 window尺寸的获取方法
//浏览器窗口的内部宽度var w = window.innerWidth //对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari || document.documentElement.clientWidth //Internet Explorer 8、7、6、5 || documen...
2014-12-04 16:05:59
339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人