随笔分类 - 前端
摘要:开始使用Grunt 大多数开发人员都一致认为,JavaScript开发的速度和节奏在过去的几年里已经相当惊人。不管是Backbone.js和Ember.js的框架还是JS Bin社区,这种语言的发展变化不仅提高我们网站的用户体验,而且我们也在开始使用他们。 当您在使用JavaScript,您可能需要
阅读全文
摘要:构建你的结构体系 CSS预处理器的特点之一是可以把你的代码分割成很多个文件,而且不会影响性能。这都要归功于Sass的@import命令,只要在你的开发环境下,你调用不管多少文件,最终将编译出一个CSS样式文件。 多个文件中开发,最终合并输出一个文件。——@Bruce Lee 开始将你的CSS文件分割
阅读全文
摘要:为什么我们的媒体查询需要去改变 我们现在使用的媒体查询一般来说都是基于目前流行手机设备的屏幕分辨率。 首先,当Web设计社区开始不断地关注响应式Web设计时, 流行的手机设备要数 iPhone 和 Android 智能手机了。 好,闲话不多说,现在就开始,应用于手机设备上的媒体查询从概念上看就好像是
阅读全文
摘要:Respond.js 第一种方案也是最简单的一种——我现在谈到的是一个脚本叫respond.js,是可以增强老版本浏览器理解和执行CSS3的媒体查询。添加如下代码就可以使用它。 <script type="text/javascript" src="js/respond.min.js"></scri
阅读全文
摘要:随着时代的变迁与技术的不断的更新,在当今这个时代,Web中的图标(Icons)不再仅仅是局限于<img>。除了<img>直接调用Icons文件之外,还有Sprites(俗称雪碧图)、Icon Font(字体图标)、SVG Icon等等。今天我们就来一起探讨一下这些方法在Web中实现Icon的利弊。
阅读全文
摘要:MVC的本质就是在controller中完成业务逻辑,并对model进行修改,同时model的改变引起view的自动更新 function Model(value) { this._value = typeof value === 'undefined' ? '' : value; this._li
阅读全文
摘要:CSS架构 有趣的是,我们通常不这样评判其他语言。一个Rails开发者不会因为他写的代码规范就认为他是一个好的开发者。因为这是最基本的。当然它必须是满 足规范,除此以外还要考虑其他方面:代码是否有可读性?他是否容易修改或是拓展?他是否跟程序的其他部分解耦合?他是否可以扩展? 当评估代码其他部分时这些
阅读全文
摘要:iPad Media Queries 1、iPad Media Queries (所有版本,包括iPad mini) iPads从第一代到至今,总共有五代,也就是iPad1~iPad5,以及Mini iPad。而且每一代iPad都具有相应的CSS Media Queries。这些代码能让你在的代码在
阅读全文
摘要:最近一项 研究表明,80%的网民对移动端的浏览体验感到失望,同时,当体验提升时,他们会在智能手机上花费更多的时间。 这不奇怪,因为64%的智能手机用户希望网站可以在4秒内加载完毕,但一半的网站花费了二倍以上的时间,达到了9秒。这篇文章会阐述一些可以使你的网站在移动端跑得更快的技术。 移动端用户的下载
阅读全文
摘要:项目目录结构规范简介该文档主要的设计目标是项目开发的目录结构保持一致,使容易理解并方便构建与管理。编撰李玉北、erik、黄后锦、王杨、张立理、赵雷、陈新乐、刘恺华。本文档由商业运营体系前端技术组审校发布。要求在本文档中,使用的关键字会以中文+括号包含的关键字英文表示:必须(MUST)。关键字"MUS...
阅读全文
摘要:JavaScript编码规范1 前言2 代码风格 2.1 文件 2.2 结构 2.2.1 缩进 2.2.2 空格 2.2.3 换行 2.2.4 语句 2.3 命名 2.4 注释 2.4.1 单行注释 2.4.2 多行注释 2.4.3 文档化注释 ...
阅读全文
摘要:1.变量命名规范变量名包括全局变量,局部变量,类变量,函数参数等等,他们都属于这一类。基本规范变量命名都以类型前缀+有意义的单词组成,单词首字母都需要大写。例如:sUserName,nCount。前缀规范每个局部变量都需要有一个类型前缀,按照类型可以分为:s:表示字符串。例如:sName,sHtml...
阅读全文
摘要:CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。C...
阅读全文
摘要:请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明。 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制...
阅读全文
摘要:细节1………………………………………………………………………………一、当文字与图片在一行,需要将文字与图片底对齐,需要这样写:记住密码二、当文字与图片在一行,需要将文字与图片居中对齐,需要这样写:记住密码三、更改IE“查看源代码”菜单打开的编辑器 打开注册表编辑器,在开始-运行中输入regedit...
阅读全文
摘要:1.IE6双倍边距bug当页面内有多个连续浮动时,如本页的图标列表是采用左浮动,此时设置li的左侧margin值时,在最左侧呈现双倍情况。如外边距设置为10px, 而左侧则呈现出20px,解决它的方法是在浮动元素上加上display:inline;的样式,这样就可避免双倍边距bug。2.3像素问题及...
阅读全文
摘要:首先看下Prototype里的写法:var Class = { create: function() { return function() { this.init.apply(this, arguments); } } } var A = Class.create(); A.prototype =...
阅读全文
摘要:人性化的细节处理例如:textarea 默认只能垂直拖动,防止宽度改变破坏布局。textarea { resize: vertical;}汉字字号小于 12px 不易阅读,为元素设置默认值为 12px。small { font-size: 85.7%; /* 12/14=0.857142...
阅读全文
摘要:ouchBox原文:https://github.com/maxzhang/touchbox移动端单页视图库,适用于制作移动专题DEMOhttp://jsbin.com/vatuma/latest手机扫描下面二维码查看例子:使用方法首先,页面必须是下面的结构 // ... ...
阅读全文
摘要:兼容篇兼容篇是我最想写的一部分,在这之前也总结过很多关于移动开发的兼容问题与解决方案。对于移动Web开发来说,兼容是开发重心,通常要花费30%甚至更多的时间去处理一些兼容问题,甚至时间花掉了,问题依然无法解决。相比PC Web开发,移动开发的兼容性需要考虑的问题更复杂,我自己花了一个图:图13在上图...
阅读全文