文成的园子

摘要： 目录简介语法常用尺寸一 简介针对现在纷杂的设备，css3中加入，可以查询你的浏览类型(screen彩色屏幕, print, all)和css属性判断。最常用的就是查询屏幕大小，给予适合的展示效果，即流行的响应式设计(Responsive Design)。二 语法1 简单的例子@media only screen and (max-width:320px) { .container { width:90%; padding:0 4%; } } 前半部分是media-type查询，后面看做是css查询。2 如果是要大于320小于480像素@m... 阅读全文

摘要： 前言： 为了激励自己把js里的设计模式学习一遍，这里用博客的方式，把自己学习到的都记录下来。单例模式即单一实例。 阅读全文

摘要： 段落不够清晰，待整理看jQuery源码的时候，经常见到含有hooks标志的对象，如cssHooks, attrHooks, propHooks, valHooks.下面对其中的一段进行解读。jQuery.extend({ // Add in style property hooks for overriding the default // behavior of getting and setting a style property cssHooks: { opacity: { get: function( elem, computed... 阅读全文

摘要： 一 水平居中1 行内元素水平居中2 inline-block 元素水平居中3 块状元素水平居中二 垂直居中1 行内元素，inline-block元素水平居中2 块状元素垂直居中一 水平居中1 行内元素水平居中a) text-align:center;适用：文字2 inline-block元素a) text-align: center适用于button, input, select等inline-block元素。3 块状元素水平居中a) margin-left: auto; margin-right: auto; 设定宽高。二 垂直居中1 行内，inline-block元素垂直居中a) heig 阅读全文

摘要： 一 窗口（Window) 大小，即浏览器的窗口大小1 outerWidth, outerHeightSafari,Firefox,Chrome中 outerWidth和outerHeight 返回浏览器窗口本身的尺寸。方法：window.outerWidth, window.outerHeight2 IE没有提供，Opera呢？看jQuery有没有提供这个兼容写法。二 视口（Viewport）大小视口网页内容可显示区域的大小，这个比较常用，如响应式设计，计算出视口的大小看效果是否符合。一个代码例子展示一下。var pageWidth = window.innerWidth, pageHe... 阅读全文

摘要： php语法回顾1 变量$var$name = 'han'// js var name = 'han';require时变量情况常量，define定义，一经定义不可改变define('NAME', 'zzu-han')2 类型转换(string) intval()3 函数函数作用域在 PHP 中，变量不能在自定义函数内使用，函数内部也不能使用外部已定义的变量（WTF），除非使用global关键字声明。$a = 'hello';$b = function(){ global $a; echo $a . ' zz 阅读全文

摘要： 对象对象是 ECMAScript的一个基石，对象中有一个__proto__的内部指针指向其原型对象原型链prototype对象是一个简单的对象，如果一个prototype用有一个非null的prototype，这称为原型链。（Object.__proto__为null） 原型链是一个用来实现继承和分享属性的有限对象链 阅读全文

摘要： 这段时间尝试在项目中转向Sass，看到了更加人性的语法，也看到了Compass这个利器，今天就尝试一下，顺便把Evernote里记的笔记导出一下，希望以后写的文章纹理更清晰，写到这里也想自己时不时看看，修改修改，更加精致。安装项目创建项目设置配置文件使用执行编译编写插件一：安装$ gem update --system$ gem install compass二：创建项目$ compass create <myproject><myproject> 即你要新建项目的根目录生成了 config.rb/ sass/ stylesheets 三个文件|文件夹三：设置配置文件设 阅读全文

摘要： DeferredCallbacks 阅读全文

摘要： 一：选择器指定具体选择器缓存选择器$('.class').each(function(){ $(this).html(); $(this).find('div').each(function(){ });});// 优化$('.class').each(function(){ var $this = $(this); $this.html(); $this.find('div').each(function(){ });}); 二： 阅读全文