- 博客(56)
- 资源 (4)
- 收藏
- 关注
RSS订阅转载 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
511
原创 js代码
在页面加载完成的时候便创建好这个 div 浮窗，这个浮窗一开始肯定是隐藏状态的，当用户点击登录按钮的时候，它才开始显示：var loginLayer=(function(){ var div=document.createElement("div"); div.innerHTML="我是登录浮窗"; div.style.display="none"; ...
2016-07-10 23:12:03
443
原创 使用闭包封装私有变量
使用闭包封装私有变量这种方法把一些变量封装在闭包的内部，只暴露一些接口跟外界通信：var user = (function(){var __name = 'sven',__age = 29;return {getUserInfo: function(){return __name + '-' + __age;}}})();alert(user.getUserInfo()
2016-07-10 22:55:56
1028
原创 js返回匿名函数的疑惑
在我的概念里代码段1和代码段2执行结果是相等的，其实不是,代码段1没有执行结果，但是代码段2的执行结果为avar ProxySingletonCreateDiv=function(){ var instance="a"; return function(){ alert(instance); } };ProxySingletonCr
2016-07-10 22:25:26
568
原创 Javascript 面向对象编程封装问题
//构造函数模式相对于工厂模式来说，比较省内存。//下面的方法是构造函数模式加上原型模式实现，构造函数模式虽说比工厂模式省内存，//但是还是存在浪费内存的现象。function Person(name,age,job){ this.name=name; this.age=age; this.job=job;}Person.prototype.say
2016-07-05 19:05:58
544
转载 sublime text快捷键，很方便
Sublime Text 3非常实用，但是想要用好，一些快捷键不可或缺，所以转了这个快捷键汇总。用惯了vim，有些快捷键也懒得用了，尤其是在win下面，还有图形界面，所以个人觉得最有用的还是搜索类，对于阅读和修改代码来说，非常实用。选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键，即可一次性选择全
2016-05-05 11:17:39
272
转载 好文章：jq定义插件
原文：http://www.cnblogs.com/xcj26/p/3345556.html一：导言 有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写("#")，("#")，(".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。二：普及JQuery知识知识1：用JQue
2016-05-03 16:50:50
362
转载 CSS3 3D Transform
很不错的一篇css3d transform的讲解，反正我是懂了早前2011年5月就在站上写了一篇《CSS3 Transform》介绍CSS3中Transform属性的简单应用。但这篇文章里的知识无法满足大家对Transform的一个全面认识，最近重新整理了一个Transform系列的文章，希望对初学者有所帮助。前几天介绍了《CSS3 Transform——transform-ori
2016-04-29 18:10:03
545
转载 详解css3系列：动画@keyframes和Animation
在css3中，我们可以通过@keyframes创建关键帧动画效果。我们需要将@keyframes绑定到选择器中，否则不会有效果出现。同时，我们还需定义动画时长和动画名称语法@keyframes animationname {keyframes-selector {css-styles;}}值描述animationname必需
2016-04-29 17:12:07
547
转载 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
324
转载 div水平垂直居中问题以及解决方法的兼容性
Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy.Absolute-Center { margin: auto;
2016-04-28 10:18:40
2698
转载 自适应电脑、手机和iPad的网页设计方法
动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。很多网站的解决方法，是为不同
2016-04-27 23:04:00
3677
原创 小细节：margin:0 auto 与 text-align:center 的区别
1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性。支持值 justify。 Example: div { text-align: left; } //文本居左对齐 注释：所有浏览器都支持 text-alig
2016-04-27 22:42:16
685
转载 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
438
转载 css关于height:100%的问题
关于height:100%;要想高度百分比起作用，一般来说，要满足两个条件：其一，父标签有高度可寻，就是向上遍历父标签要找到一个定值高度（body，html另外讨论），如果中途有个height为auto或是没有设置height属性，则高度百分比不起作用；其二，标签本身的属性，如果inline属性的标签，如果没有浮动，zoom，或是绝对定位之类属性是不支持百分比高度的，block或inline-
2016-04-27 18:14:05
486
转载 jquery中的事件处理详细介绍
1.页面载入完毕响应事件 所谓页面载入完毕是指DOM元素载入就绪了,能够被读取和操作了。 ①jQuery中的$(doucument).ready()事件 ready(fn)是jQuery事件模块中最重要的一个函数。这个方法可以看作是对window.onload注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪时立刻调用所绑定的函数,而几乎所有的javaScript函数都是需要在
2016-04-27 17:22:44
556
转载 绝对定位的元素怎么居中显示
绝对定位元素的居中实现如果要问如何CSS实现绝对定位元素的居中效果，很多人心里已经有答案了。兼容性不错的主流用法是：.element { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-top: -200px; /* 高度的一半 */
2016-04-26 14:07:35
1414
原创 相对定位和绝对定位
相对定位和绝对定位定位标签:position 包含属性:relative(相对) absolute(绝对) 1.position:relative; 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素"相对于"它的原始起点进行移动。(再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框)2.po
2016-04-26 11:53:35
808
转载 谷歌Chrome浏览器开发者工具教程—JS调试篇
上一篇我们学习了谷歌Chrome浏览器开发者工具的基础功能，下面介绍的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是最常用到的Chrome功能面板,也是解决一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题,在审视一遍代码而一无所获之后打开Sources进行js断点调试,几乎能解决8成的代码问题。js断点功能让人兴奋不已,以前只能在IE中靠
2016-04-25 15:38:24
51122
7
转载 谷歌Chrome浏览器开发者工具教程—基础功能篇
Chrome(F12开发者工具)是非常实用的开发辅助工具，对于前端开发者简直就是神器，但苦于开发者工具是英文界面，且没有中文，这让很多朋友都不知道怎么用。下载吧小编为大家带来Chrome开发者工具基础功能和高级性能分析器(Timeline、Profiles)的图文详解教程，下面是基础功能篇。提示：右键点击图片选择在新窗口或新标签页中打开可查看大图。一、Elements
2016-04-25 15:37:27
5602
转载 用html如何把页面分割成多个文件，由多个文件拼接而成？
摘要：不同平台：pc端静态html分割页面，达到类似php等动态页面的include引入页面效果；手机端单一HTML5页面创建多个页面。用html把首页分成三个文件在PHP、JSP等动态页面开发中，页面里引入其它页面只需include()进来就可以实现页面的分离。如果用HTML，可以实现页面的分割吗？答案是肯定的！ 两种方法：
2016-04-25 14:29:06
11496
转载 CSS中的绝对定位与相对定位
层级关系为：效果图：为改变参照物（橘色框）后的效果层级关系为：效果图：参照物为最顶级的元素情况。层级关系为：效果图： 仅使用margin属性布局绝对定位元素的情况此情况，margin-bottom 和margin-right的值不再对文档流中的元素
2016-04-20 10:57:42
246
翻译 javascript运行机制之执行顺序详解
JavaScript是一种描述型脚本语言，它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript语言的运行机制，或者简单地说，你不能掌握javascript的执行顺序，那你就犹如伯乐驾驭不了千里马，让千里马脱缰而出，四处乱窜。那么JavaScript是怎么来进行解析的吗？它的执行顺序又是如何的呢？在了解这些之前，
2016-04-14 15:27:43
335
原创 如何解决ul无法撑开div高度的情况
很多朋友反映用上面的方法后，在有些时候依然无法解决容器无法撑开自适应的问题。那一定是有容器嵌套的情况下，而子容器又是浮动的。例如 内容1内容1 其中class为fuqin的div有浮动的li，当li比较多的时候，即便是div设置的是最小高度，也无法被撑开。 原因就在于作为子容器的li是浮动的即 。在这种情况下，即便是li的内容超过了div的高度，div也无法撑开。 解决方法如下：
2016-04-06 16:30:22
9641
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
211
转载 Flex 布局教程
Flex 布局教程：语法篇原文作者： 阮一峰日期： 2015年7月10日网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3
2016-04-05 13:55:59
212
转载 移动前端开发之viewport的深入理解
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个a
2016-04-05 13:11:41
319
转载 手机/移动前端开发需要注意的20个要点
贤心按：移动前端开发正逐渐步入前端技术的主流，事实上跟在一般的pc上，并不需要你掌握额外的技术，然而你在pc web上那一套在多数情况下并不适用于手机web，你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地，这里面有足够高大上的技术等着你去驾驭，在这方面，你可以欣喜地说：让ie见鬼去吧。1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta
2016-04-05 12:34:00
291
转载 聊聊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
191
转载 手机web——自适应网页设计（html/css控制）
一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=d
2016-04-05 10:47:14
279
转载 利用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
319
转载 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
410
原创 offsetHeight,offsetWidth.....那些易混淆的几个几个知识点
html dom对象中element对象的几个属性element.offsetHeight返回元素的高度。element.offsetWidth返回元素的宽度。element.offsetLeft返回元素的水平偏移位置。element.offsetParent返回元素的偏移容器。
2016-02-21 21:00:25
788
转载 原生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
1072
转载 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
325
转载 如何判断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
198
转载 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
238
转载 看完这个，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
26025
12
转载 Jquery 获取对象的几种方式介绍
1、JQuery的核心的一些方法 each(callback) '就像循环 $("Element").length; ‘元素的个数，是个属性 $("Element").size(); '也是元素的个数，不过带括号是个方法 $("Element").get(); ‘某个元素在页面中的集合，以数组的形式存储 $("Element").get(index); '功能和上面的相同，in
2016-01-28 22:08:51
250
spring+Struts+Hibernate
2017-06-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人