摘要: Web 发展了几十个春秋,风起云涌,千变万化。我很庆幸自己没有完整地经历过这些年头,而是站在前人的肩膀上行走。Web 技术发展的速度让人感觉那几乎不是继承式的迭代,而是一次又一次的变革,一次又一次的创造。这几年的前端,更为之甚!我从 12 年底开始接触前端,12 年之前的前端发展情况只能从上一辈的笔... 阅读全文
posted @ 2016-01-25 21:57 axl234 阅读(1381) 评论(0) 推荐(0) 编辑
摘要: 1. 页面需求这是要做的页面效果(不要对设计置评,这不是开发人员决定的):这是尺寸标注图(750*1334):然后美工在750*1334的设计稿之上,按我的要求提供以下素材的切图:包括两个下载按钮的背景图片,logo,底部梯形的渐变背景和body部分的mobile 背景图。注意这些图片都是在750*... 阅读全文
posted @ 2016-01-25 20:12 axl234 阅读(424) 评论(0) 推荐(0) 编辑
摘要: mustache.js是一个简单强大的Javascript模板引擎,使用它可以简化在js代码中的html编写,压缩后只有9KB,非常值得在项目中使用。本文总结它的使用方法和一些使用心得,内容不算很高深,纯粹是入门内容,看看即可。不过要是你还没有用过此类的javascript引擎库,那么本文还是值得你... 阅读全文
posted @ 2016-01-25 20:09 axl234 阅读(469) 评论(0) 推荐(0) 编辑
摘要: 1. 模块化目前常见的模块化开发方式,全局空间方式是最基本的一种,另外常见的还有遵循AMD规范的开发方式,遵循CMD规范的开发方式,和ECMAScript 6的开发方式。需要说明的是,CMD和ES6跟本文的核心没有关系,所以不会在此介绍,后面的内容主要介绍AMD以及实现了AMD规范的RequireJ... 阅读全文
posted @ 2016-01-25 19:55 axl234 阅读(338) 评论(0) 推荐(0) 编辑
摘要: 1. 问题的引出如果html5要适应各种分辨率的移动设备,可以使用rem这样的尺寸单位,针对各个分辨率范围在html上设置font-size的代码:html{font-size:10px}@media screen and (min-width:321px) and (max-width:375px... 阅读全文
posted @ 2016-01-25 11:23 axl234 阅读(64461) 评论(10) 推荐(23) 编辑