摘要：zen-Coding是一款快速编写HTML,CSS（或其他格式化语言）代码的编辑器插件，这个插件可以用缩写方式完成大量重复的编码工作，是web前端从业者的利器。 zen-Coding插件支持多种编辑器，在editplus中是默认自带了这个插件，另外其他如UltraEdit，Notepad++等可以自行安装。zen-Conding下载地址：http://code.google.com/p/zen-coding/downloads/list(进入下载页，选择相应的编辑器插件下载)一、Notepad++安装zen-Coding 1.下载zen-Coding的Notepad++插件;(zen-Codi 阅读全文

摘要：前言在默认的情况下，浏览器会在标签前面加上小圆点形成列表项，如下所示使用项1项2项3或者使用项1项2项3这在有时候确实给我们带来了方便。但有时候我们却并不需要这个自动的功能、解决方法在对应的li标签上面加上样式list-style-type:none;即可去除默认的小圆点。 阅读全文

摘要：前言前端一直是我的一个很大的缺憾，这段时间痛顶思痛，决定好好的把前台的东西加强，这不，在学习了一段时间js之后，在做一些小练习，却发现最基本的一些css知识却还不了解，所以便有了这篇博文。块级元素与行内元素首先谈谈人们经常提及的块级元素和行级(内联)元素p, ul, form, div等元素被称为块级元素，这些元素显示为一块儿内容（会自动换行），span, input 等元素称为行内元素，这两者主要区别就是块级元素会从上到下一个个垂直排列，每个自占一行，如下即使两个div之间没任何元素，绿色的div仍然会显示在hongsediv下方，而不是右方 而行内元素在一行中水平排列，行内元... 阅读全文

摘要：前言之前小猪分享过关于正则表达式的一些内容，具体请看传送门，今天小猪来分享怎么在js中使用正则表达式。定义ECMAScript通过RegExp类型来支持正则表达式。使用下面类似Perl的语法，就可以创建一个正则表达式。var expression = |pattern |flags;其中的模式(pattern)部分可以是任何简单或复制的正则表达式，可以包含字符串、限定符、分组、向前查找以及反向引用。每个正则表达式都可带有一或多个标志(flags)，用以标明正则表达式的行为。RegExp实例属性RegExp对象的属性分为静态属性和实例属性。下面分别进行介绍。1.1 静态属性（1）index属性. 阅读全文

摘要：小猪曾经分享过一篇文章，主要是讲到后台使用c#将DataTime类型序列化到前台之后进行操作：具体请看传送门今天小猪来分享在JS中的Data类型类型说明ECMAScript中的Data类型是在早期Java中的java.util.Data类基础上构建的。为此，Date类型使用自UTC(Coordinated Universal Time,国际协调时间)1970年1月1日午夜（零时）开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下，Date类型保存的日期能够精确到1970年1月1日之前或之后的285616年。要创建一个日期对象，使用new操作符和Date构造含糊即可。var now = 阅读全文

摘要：前言数组作为JS中非常常用的引用类型，其功能是非常强大滴，今天小猪就彻底的看了下它。为了防止猪脑子不够用所以记录在案呐1、数组的创建 var arrayObj = new Array();　//创建一个数组 var arrayObj = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);　//创建一个数组并赋值要说明的是，虽然第二种方法创建数组指定了长度，但实际上所有情况下数组都是变长的，也就是说即使指定了... 阅读全文

摘要：前言JS变量可以用来保存两种类型的值：基本类型值和引用类型值。基本类型的值源自一下5种基本数据类型：Underfined、Null、Boolean、Number和String。基本类型值和引用类型值具有以下特点：基本类型值在内存中占据固定大小的空间，因此被保存在栈内存中；从一个变量向另一个变量复制基本类型的值，会创建这个值的一个副本；引用类型的值是对象，保存在堆内存中；包含引用类型值的变量实际上包含的并不是对象本身，而是一个指向该对象的指针；从一个变量向另一个变量复制引用类型的值，复制的其实是指针，因此两个变量最终都指向同一个对象；确定一个值是哪种基本类型可以使用Typeof操作符，而确定一个 阅读全文

摘要：前言越发的意识到JS这门作为前端语言的重要性。所以下定决心这段时间在项目允许的情况下花大量时间在学习JS上。争取让自己的前端功底深厚一点。小结在包含外部js文件时，必须将src属性设置为指向相应文件的URL。而这个文件既可以是包含它的页面位于同一个服务器上的文件，也可以是其他任何域中的文件。所有元素都会按照他们在页面中出现的先后顺序依次呗解析。在不适用defer和async属性的情况下，只有解析完前面元素中的代码之后，才会开始解析后面的元素中的代码。由于浏览器会先解析完不适用defer属性的元素中的代码，然后再解析后面的内容，所以一般把元素放在页面最后，即主要内容后面，标签前面。适用defer 阅读全文

摘要：回校后看到同学们的生活井然有序，而自己的生活则是两个字：紧凑中带着迷茫！得知亲爱的老师让我下一届的一学弟开始编写程序，而且这学期的课基本上是由他来上的，心里有点小不是滋味。让我想起来大学的某堂课需要每个同学分别讲书中的一章，轮到小猪时，小猪花了大量的时间在准备上，所以到现在小猪对那堂课依然记忆犹新。而到了读研的时候自己最感兴趣的一门课自己多么希望也有这么个机会，不是为了证明自己而是给自己更大的动力。可惜呀可惜~~~小猪想是不是这样他甚至就会有机会留下来继续工作了呢？大约吧~今天早上还安慰昨天来锡面试的高中同学，找工作是需要靠运气的……看来真的是这样。谁说不是呢！ 阅读全文

摘要：html：js:$("img").lazyload();注意：1.需要juqery.lozyload.min.js(下载路径：下载链接)2.juqery.lozyload.min.js依赖于jquery。 阅读全文

摘要：装饰者模式动态地给一个对象添加一些额外的职责，就增加功能来说，Decorator模式比生成子类更为灵活。装饰者模式的工作原理：可以创建始于Decorator对象（负责新的功能的对象）终于原对象的一个对象“链”。A=>装饰=>B=>装饰=>C=>装饰=>D=>装饰=>实体装饰者模式隐含的是通过一条条装饰链去实现具体对象，每一条装饰链都始于一个Componet对象，每个装饰者对象后面紧跟着另一个装饰者对象，而对象链终于ConcreteComponet对象。 装饰者模式UML图 ConcreteComponent：让Decorator对象为自己添加功能 阅读全文

摘要：定义1：高层模块不应该依赖低层模块，两者都应该依赖其抽象；2：抽象不应该依赖细节；3：细节应该依赖抽象。更加精简的定义就是“面向接口编程”——OOD（Object-Oriented Design，面向对象设计）的精髓之一。为什么要倒转？ 原因：面向过程的开发时，为了使常用代码可以复用，一般都会把这些常用代码写成许多函数的程序库，这样我们在做新项目的时候，去调用这些底层的函数就可以了，比如，我们做的项目大多需要访问数据库，所以就把访问数据库的代码写成了函数，这也叫做高层模块依赖底层模块，但问题也就出在这里，我们要做新的项目，发现业务逻辑的高层模块都是一样的，但客户端希望使用不同的数据库或存储信息 阅读全文