- 博客(56)
- 资源 (4)
- 收藏
- 关注
转载 Ext.encode 与 Ext.decode
Ext.encode( Mixed o ) : String: json对象转换json字符串Ext.decode( String json ) : Object: json字符串转换json对象 实例 Html代码 body> form id="form1" runat="server"> div>
2016-08-31 15:14:07
526
原创 js代码
在页面加载完成的时候便创建好这个 div 浮窗,这个浮窗一开始肯定是隐藏状态的,当用户点击登录按钮的时候,它才开始显示:var loginLayer=(function(){ var div=document.createElement("div"); div.innerHTML="我是登录浮窗"; div.style.display="none"; ...
2016-07-10 23:12:03
451
原创 使用闭包封装私有变量
使用闭包封装私有变量这种方法把一些变量封装在闭包的内部,只暴露一些接口跟外界通信:var user = (function(){var __name = 'sven',__age = 29;return {getUserInfo: function(){return __name + '-' + __age;}}})();alert(user.getUserInfo()
2016-07-10 22:55:56
1033
原创 js返回匿名函数的疑惑
在我的概念里代码段1和代码段2执行结果是相等的,其实不是,代码段1没有执行结果,但是代码段2的执行结果为avar ProxySingletonCreateDiv=function(){ var instance="a"; return function(){ alert(instance); } };ProxySingletonCr
2016-07-10 22:25:26
571
原创 Javascript 面向对象编程封装问题
//构造函数模式相对于工厂模式来说,比较省内存。//下面的方法是构造函数模式加上原型模式实现,构造函数模式虽说比工厂模式省内存,//但是还是存在浪费内存的现象。function Person(name,age,job){ this.name=name; this.age=age; this.job=job;}Person.prototype.say
2016-07-05 19:05:58
550
转载 sublime text快捷键,很方便
Sublime Text 3非常实用,但是想要用好,一些快捷键不可或缺,所以转了这个快捷键汇总。用惯了vim,有些快捷键也懒得用了,尤其是在win下面,还有图形界面,所以个人觉得最有用的还是搜索类,对于阅读和修改代码来说,非常实用。选择类Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键,即可一次性选择全
2016-05-05 11:17:39
285
转载 好文章:jq定义插件
原文:http://www.cnblogs.com/xcj26/p/3345556.html一:导言 有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写("#"),("#"),("."),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法。二:普及JQuery知识知识1:用JQue
2016-05-03 16:50:50
367
转载 CSS3 3D Transform
很不错的一篇css3d transform的讲解,反正我是懂了早前2011年5月就在站上写了一篇《CSS3 Transform》介绍CSS3中Transform属性的简单应用。但这篇文章里的知识无法满足大家对Transform的一个全面认识,最近重新整理了一个Transform系列的文章,希望对初学者有所帮助。前几天介绍了《CSS3 Transform——transform-ori
2016-04-29 18:10:03
551
转载 详解css3系列:动画@keyframes和Animation
在css3中,我们可以通过@keyframes创建关键帧动画效果。我们需要将@keyframes绑定到选择器中,否则不会有效果出现。同时,我们还需定义动画时长和动画名称语法@keyframes animationname {keyframes-selector {css-styles;}}值描述animationname必需
2016-04-29 17:12:07
558
转载 jQuery.extend函数详细用法!
jQuery.extend函数详细用法! 最近在研究jQuery。把jQuery.extend扩展函数的用法记录下来。1、扩展jQuery静态方法.1$.extend({2test:function(){alert('test函数')}3})用法: $.test()2、合并多个对象.为jQuery.extend(css1,css2)为例,
2016-04-29 11:50:53
331
转载 div水平垂直居中问题以及解决方法的兼容性
Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy.Absolute-Center { margin: auto;
2016-04-28 10:18:40
2705
转载 自适应电脑、手机和iPad的网页设计方法
动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。很多网站的解决方法,是为不同
2016-04-27 23:04:00
3745
原创 小细节:margin:0 auto 与 text-align:center 的区别
1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性。支持值 justify。 Example: div { text-align: left; } //文本居左对齐 注释:所有浏览器都支持 text-alig
2016-04-27 22:42:16
697
转载 jQuery编程的最佳实践
加载jQuery1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢。点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地址。type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">window.jQuery
2016-04-27 22:23:41
444
转载 css关于height:100%的问题
关于height:100%;要想高度百分比起作用,一般来说,要满足两个条件:其一,父标签有高度可寻,就是向上遍历父标签要找到一个定值高度(body,html另外讨论),如果中途有个height为auto或是没有设置height属性,则高度百分比不起作用;其二,标签本身的属性,如果inline属性的标签,如果没有浮动,zoom,或是绝对定位之类属性是不支持百分比高度的,block或inline-
2016-04-27 18:14:05
498
转载 jquery中的事件处理详细介绍
1.页面载入完毕响应事件 所谓页面载入完毕是指DOM元素载入就绪了,能够被读取和操作了。 ①jQuery中的$(doucument).ready()事件 ready(fn)是jQuery事件模块中最重要的一个函数。这个方法可以看作是对window.onload注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪时立刻调用所绑定的函数,而几乎所有的javaScript函数都是需要在
2016-04-27 17:22:44
560
转载 绝对定位的元素怎么居中显示
绝对定位元素的居中实现如果要问如何CSS实现绝对定位元素的居中效果,很多人心里已经有答案了。兼容性不错的主流用法是:.element { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-top: -200px; /* 高度的一半 */
2016-04-26 14:07:35
1421
原创 相对定位和绝对定位
相对定位和绝对定位定位标签:position 包含属性:relative(相对) absolute(绝对) 1.position:relative; 如果对一个元素进行相对定位,首先它将出现在它所在的位置上。然后通过设置垂直或水平位置,让这个元素"相对于"它的原始起点进行移动。(再一点,相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其他框)2.po
2016-04-26 11:53:35
829
转载 谷歌Chrome浏览器开发者工具教程—JS调试篇
上一篇我们学习了谷歌Chrome浏览器开发者工具的基础功能,下面介绍的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是最常用到的Chrome功能面板,也是解决一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题,在审视一遍代码而一无所获之后打开Sources进行js断点调试,几乎能解决8成的代码问题。js断点功能让人兴奋不已,以前只能在IE中靠
2016-04-25 15:38:24
51270
7
转载 谷歌Chrome浏览器开发者工具教程—基础功能篇
Chrome(F12开发者工具)是非常实用的开发辅助工具,对于前端开发者简直就是神器,但苦于开发者工具是英文界面,且没有中文,这让很多朋友都不知道怎么用。下载吧小编为大家带来Chrome开发者工具基础功能和高级性能分析器(Timeline、Profiles)的图文详解教程,下面是基础功能篇。提示:右键点击图片选择在新窗口或新标签页中打开可查看大图。一、Elements
2016-04-25 15:37:27
5645
转载 用html如何把页面分割成多个文件,由多个文件拼接而成?
摘要:不同平台:pc端静态html分割页面,达到类似php等动态页面的include引入页面效果;手机端单一HTML5页面创建多个页面。用html把首页分成三个文件在PHP、JSP等动态页面开发中,页面里引入其它页面只需include()进来就可以实现页面的分离。如果用HTML,可以实现页面的分割吗?答案是肯定的! 两种方法:
2016-04-25 14:29:06
11547
转载 CSS中的绝对定位与相对定位
层级关系为:效果图:为改变参照物(橘色框)后的效果层级关系为:效果图:参照物为最顶级的元素情况。层级关系为:效果图: 仅使用margin属性布局绝对定位元素的情况此情况,margin-bottom 和margin-right的值不再对文档流中的元素
2016-04-20 10:57:42
251
翻译 javascript运行机制之执行顺序详解
JavaScript是一种描述型脚本语言,它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript语言的运行机制,或者简单地说,你不能掌握javascript的执行顺序,那你就犹如伯乐驾驭不了千里马,让千里马脱缰而出,四处乱窜。那么JavaScript是怎么来进行解析的吗?它的执行顺序又是如何的呢?在了解这些之前,
2016-04-14 15:27:43
343
原创 如何解决ul无法撑开div高度的情况
很多朋友反映用上面的方法后,在有些时候依然无法解决容器无法撑开自适应的问题。那一定是有容器嵌套的情况下,而子容器又是浮动的。例如 内容1内容1 其中class为fuqin的div有浮动的li,当li比较多的时候,即便是div设置的是最小高度,也无法被撑开。 原因就在于作为子容器的li是浮动的即 。在这种情况下,即便是li的内容超过了div的高度,div也无法撑开。 解决方法如下:
2016-04-06 16:30:22
9695
3
转载 css3 box-sizing属性
box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。content-box,border和padding不计算入width之内padding-box,padding计算入width内border-box,border和padding计算入width之内,其实就是怪异模式了~ ie8
2016-04-06 13:42:37
216
转载 Flex 布局教程
Flex 布局教程:语法篇原文作者: 阮一峰日期: 2015年7月10日网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3
2016-04-05 13:55:59
217
转载 移动前端开发之viewport的深入理解
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个a
2016-04-05 13:11:41
323
转载 手机/移动前端开发需要注意的20个要点
贤心按:移动前端开发正逐渐步入前端技术的主流,事实上跟在一般的pc上,并不需要你掌握额外的技术,然而你在pc web上那一套在多数情况下并不适用于手机web,你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地,这里面有足够高大上的技术等着你去驾驭,在这方面,你可以欣喜地说:让ie见鬼去吧。1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta
2016-04-05 12:34:00
297
转载 聊聊Web App、Hybrid App与Native App的设计差异
目前主流应用程序大体分为三类:Web App、Hybrid App、 Native App。一、Web App、Hybrid App、Native App 纵向对比首先,我们来看看什么是 Web App、Hybrid App、 Native App。1. Web APPWeb App 指采用Html5语言写出的App,不需要下载安装。类似于现在所说的轻应用。
2016-04-05 12:29:19
195
转载 手机web——自适应网页设计(html/css控制)
一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=d
2016-04-05 10:47:14
284
转载 利用HTML5开发Android笔记(上篇)
● Android设备多分辨率的问题Android浏览器默认预览模式浏览 会缩小页面 WebView中则会以原始大小显示Android浏览器和WebView默认为mdpi。hdpi相当于mdpi的1.5倍 ldpi相当于0.75倍三种解决方式:1 viewport属性 2 CSS控制 3 JS控制1 viewport属性放在HTML的中 Html
2016-03-31 15:02:39
324
转载 js之事件冒泡和事件捕获详细介绍
(1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window(2)捕
2016-02-21 21:36:53
416
原创 offsetHeight,offsetWidth.....那些易混淆的几个几个知识点
html dom对象中element对象的几个属性element.offsetHeight返回元素的高度。element.offsetWidth返回元素的宽度。element.offsetLeft返回元素的水平偏移位置。element.offsetParent返回元素的偏移容器。
2016-02-21 21:00:25
793
转载 原生js编写的设置,读取cookie
function getCookie(c_name){if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + "=") if (c_start!=-1) { c_start=c_start + c_name.length+1 c_end=document.cooki
2016-02-17 18:49:08
1076
转载 JS设置cookie、读取cookie、删除cookie
avaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。而cookie是运行在客户端的,所以可以用JS来设置cookie.假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量的
2016-02-17 16:10:34
329
转载 如何判断js中的数据类型
如何判断js中的数据类型:typeof、instanceof、 constructor、 prototype方法比较如何判断js中的类型呢,先举几个例子:var a = "iamstring.";var b = 222;var c= [1,2,3];var d = new Date();var e = function(){alert(111
2016-02-17 15:51:57
204
转载 js如何实现继承
js继承有5种实现方式:1、继承第一种方式:对象冒充 function Parent(username){ this.username = username; this.hello = function(){ alert(this.username); } } function Child(username,password){
2016-01-30 15:26:09
244
转载 看完这个,css中position的绝对定位相对定位就懂了
我们先来看看CSS3 Api中对position属性的相关定义:static:无特殊定位,对象遵循正常文档流。top,right,bottom,left等属性不会被应用。 relative:对象遵循正常文档流,但将依据top,right,bottom,left等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。 absolute:对象脱离正常文档流,使用top,right,b
2016-01-29 14:32:26
26081
12
转载 Jquery 获取对象的几种方式介绍
1、JQuery的核心的一些方法 each(callback) '就像循环 $("Element").length; ‘元素的个数,是个属性 $("Element").size(); '也是元素的个数,不过带括号是个方法 $("Element").get(); ‘某个元素在页面中的集合,以数组的形式存储 $("Element").get(index); '功能和上面的相同,in
2016-01-28 22:08:51
255
spring+Struts+Hibernate
2017-06-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人