随笔分类 -  高级前端开发

该文被密码保护。
posted @ 2014-11-15 09:24 富增 阅读(2) 评论(0) 推荐(0)
摘要:响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用大势所趋... 阅读全文
posted @ 2014-11-13 15:16 富增 阅读(177) 评论(0) 推荐(0)
摘要:Webkit 是一个开源的HTML 渲染引擎,由苹果公司基于 KDE 的 KHTML 项目开发而成。我们从 Chrome 的评测中已经看Webkit 是一个非常轻量的渲染引擎,因其紧凑干净的代码基础,出色的标准支持,以及很小的内存占用而备受赞誉。这些品质使得 Webkit 成为众多浏览器的热选内核。... 阅读全文
posted @ 2014-11-13 14:54 富增 阅读(555) 评论(0) 推荐(0)
该文被密码保护。
posted @ 2014-11-13 09:50 富增 阅读(2) 评论(0) 推荐(0)
该文被密码保护。
posted @ 2014-11-12 20:16 富增 阅读(1) 评论(0) 推荐(0)
该文被密码保护。
posted @ 2014-11-12 20:11 富增 阅读(1) 评论(0) 推荐(0)
摘要:1. 布局框架:Bootstrap:http://getbootstrap.com/Foundation:http://foundation.zurb.com/Uikit:http://www.getuikit.com/Web Components:http://css-tricks.com/mod... 阅读全文
posted @ 2014-11-12 20:08 富增 阅读(177) 评论(0) 推荐(0)
摘要:函数:原型每一个构造函数都有一个属性叫做原型(prototype)。这个属性非常有用:为一个特定类声明通用的变量或者函数。prototype的定义你不需要显式地声明一个prototype属性,因为在每一个构造函数中都有它的存在。你可以看看下面的例子:Example PT1CODE:function ... 阅读全文
posted @ 2014-11-12 19:23 富增 阅读(685) 评论(0) 推荐(0)
摘要:JS中的phototype是JS中比较难理解的一个部分本文基于下面几个知识点:1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。2 javascript的方法可以分为三类:... 阅读全文
posted @ 2014-11-12 18:45 富增 阅读(152) 评论(0) 推荐(0)
摘要:在我们声明一个函数时,每个函数除了有定义时的parameters(形参),自身还会有额外的两个参数,一个是this,一个是arguments(实参)。arguments就是函数实际接受到的参数,是一个类数组。arguments我只做个简略的介绍,重点我们放在this指针上。在面向对象变成中,this... 阅读全文
posted @ 2014-11-12 18:30 富增 阅读(132) 评论(0) 推荐(0)
摘要:变量变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。 // LESS@color: #4D926F;#header { color: @color;}h2 { color: @color;}/* 生成的 CSS */#... 阅读全文
posted @ 2014-11-06 18:07 富增 阅读(305) 评论(0) 推荐(0)
摘要:JavaScript 是一款强大的广泛运用于现代Web站点及应用的脚本语言。作为一个技艺精湛的 Web 开发者,掌握JavaScript可以增强用户的使用体验,提供交互及富客户端等功能。尽管JavaScript 的语法非常简单,但对于写程序而言仍然是困难重重,就是因为它的运行环境:基于Web浏览器。... 阅读全文
posted @ 2014-11-02 16:14 富增 阅读(888) 评论(0) 推荐(0)
摘要:由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirksmode或者称为CompatibilityMode);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScom... 阅读全文
posted @ 2014-10-11 21:14 富增 阅读(356) 评论(0) 推荐(0)
摘要:javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: docum... 阅读全文
posted @ 2014-10-11 21:11 富增 阅读(144) 评论(0) 推荐(0)
摘要:有时候我们在前端开发工作中为了获取图片的信息,需要在图片加载完成后才可以正确的获取到图片的大小尺寸,并且执行相应的回调函数使图片产生某种显示效果。本文主要整理了几种常见的javascipt判断图片加载完成时的方法,并通过代码与实际应用相结合进行解释与说明。onload方法通过向img标签添加onlo... 阅读全文
posted @ 2014-10-11 20:43 富增 阅读(210) 评论(0) 推荐(0)
摘要:万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改(这是一项正在进行中的一个草案、外语原文:This is a work in progress !)HTML5是开放的Web网络平台的奠基石支持Html5的浏览器包括Firefox(火狐浏览器),IE9及其更高版... 阅读全文
posted @ 2014-10-10 10:23 富增 阅读(411) 评论(0) 推荐(0)
摘要:Node.js 是一个允许开发人员使用 JavaScript 语言编写服务器端代码的框架。一个基于Chrome JavaScript 运行时建立的一个平台, 用来方便地搭建快速的 易于扩展的网络应用· Node.js 借助事件驱动, 非阻塞I/O模型变得轻量和高效, 非常适合 运行在分布式设备 的 ... 阅读全文
posted @ 2014-10-10 09:51 富增 阅读(206) 评论(0) 推荐(0)
摘要:http://scriptsrc.net/http://www.mysqlformatdate.com/http://www.phpform.org/http://spoon.net/browsershttp://www.xiaoboy.com/http://www.w3cfuns.com/http... 阅读全文
posted @ 2014-10-09 17:45 富增 阅读(194) 评论(0) 推荐(0)
摘要:译者注:人脑处理圆形中的信息更加快和有效,设计得当可兼具良好的使用性以及更大的吸引力,本文以移动设备为例,这一类设备恰好是使用圆形的指尖形状,为设计提供了更大的自由度,本文适合移动端设计的同学以及对此感兴趣的同学,不仅从交互上并且从视觉上都能够对以圆形为基本元素的设计起到一定的启发作用。原文地址:h... 阅读全文
posted @ 2014-10-09 17:38 富增 阅读(241) 评论(0) 推荐(0)
摘要:在下面的例子中你会看到各种各样的片段,HTML 陈列,登录方式,垂直菜单,甚至时下最流行的主题:扁平化设计(扁平化图像,扁平化按钮形状,扁平化用户界面要素,等)。好好欣赏这些精选的代码片段吧,如果把它们融入到设计中去,那会大大节省很多时间,或者你可以考虑下从别人那里学习一些新东西,那就保存下来以备不... 阅读全文
posted @ 2014-10-09 17:36 富增 阅读(211) 评论(0) 推荐(0)