One day you will be the one you want to be.

又一天过去了。今天过得怎么样,梦想是不是更远了?

Neat.css

###Neat.css Neat.css是基于normalize的 CSS Reset,兼容ie6+,及其他浏览器,由阿里妈妈打造. normalize是尽量保持浏览器原有样式,这在很多实际web开发当中会出现bug.而Neat 把margin,padding 重置为0,结合了Reset和Neat的优点. Neat.css解决的问题-解决低级浏览器常见Bug-统一效果-向后兼容-考虑响应式-考虑移动端 个人比较喜欢 Neat的font-

Read More...


css字体

css字体字体误区-宋体非宋体,黑体非黑体-宋体和黑体都是指一类字体-Windows:中易宋体(SimSun),Mac:华文宋体(STSong)-Windows:中易黑体(SimHei),Mac:华文黑体(STHei) 与设计师沟通时尽量用全称或者英文 书写css字体时不要只写中文,要保证英文字体在中文字体前面,浏览器渲染的时候是从前往后找的.字体书写顺序还要保证Mac->Linux->Windows不要PSD设计什么字体就

Read More...


CSS和界面动画效果目前主流的动画实现方式 JQuery Animate(setInterval) : 容易使用,兼容性好,低效. CSS Transition :硬件加速,移动端兼容,高效. requestAnimationFrame : 易用,充分发挥浏览器性能 影响动画的效果因素浏览器的渲染方式: Layout -> Paint ->Composite 频繁重绘,改变颜色、背景图等. 频繁触发Layout导致回流

Read More...


Sass特性

###Sass特性 #####变量sass的变量是$开头,后面紧跟变量名,如果值后面加上!default则表示默认值。1//sass style //------------------------------- $fontSize: 12px; body{ font-size:$fontSize; } sass的默认变量一般是用来设置默认值,然后根据需求来覆盖的,覆盖

Read More...


Less特性

###Less特性 #####变量 变量的作用就是把值定义在一个地方,然后在各处使用,这样能让代码更易维护:1// Variables @link-color: #428bca; // sea blue @link-color-hover: darken(@link-color, 10%); // 用法 a, .link {

Read More...


使用Koala编译less

###使用Koala编译lesskoala是一款由国人编写的,用于编译sass、less、coffee利器,简单介绍一下koala: 1.多语言支持:支持Less、Sass、CoffeeScript 和 Compass Framework。 实时编译:监听文件,当文件改变时自动执行编译,这一切都在后台运行,无需人工操作。3.编译选项:既可统一设置文件的编译选项,也可单独设置某个文件的编译选项。4.强大的文件右键功能:右键文件元素,即可

Read More...


Less(一)

###Less(一)Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。 Less 可以运行在 Node、浏览器和 Rhino 平台上。网上有很多第三方工具帮助你编译 Less 源码如下:1@base: #f938ab; .box-shadow(@style, @c) when (iscolor(@c)) {&

Read More...


###蘑菇街前端开发规范-javascript篇该文档定义了蘑菇街前端团队开发中 javascript 的规范,请参与前端开发的成员务必严格按照规范。该规范包含 4 部分,包括代码风格,javascript 语言规范,组件开发规范,文件命名规范。代码风格良好的代码风格和,代码风格的一致性是保证团队高效开发的前提也是作为一支专业团队所必须具备的素质。 * 缩进how: 使用4个空格作为缩进方式,请将编辑器 tab 键为空格代替 why:

Read More...


###团队合作的css命名规范常用的css命名规则头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu搜索:s

Read More...


AngularJS依赖注入

###AngularJS依赖注入一个对象通常有三种方式可以获得对其依赖的控制权:(1) 在内部创建依赖;(2) 通过全局变量进行引用;(3) 在需要的地方通过参数进行传递。依赖注入是通过第三种方式实现的。其余两种方式会带来各种问题,例如污染全局作用域,使隔离变得异常困难等。依赖注入是一种设计模式,它可以去除对依赖关系的硬编码,从而可以在运行时改变甚至移除依赖关系。依赖注入会事先自动查找依赖关系,并将注入目标告知被依赖的资源,这样就可以在

Read More...


You have to believe in yourself. That is the secret of success