-
December 15, 2015
这篇文章是简单地说说我自己是怎么开始一个移动前端开发项目的。对于开始一个新的移动前端项目开发,我自己会有一套简单的模板,demo 和 demo-js 。可以事先看看这两套的源代码。为什么会有两套?下面慢慢道来。我自己是最近开始接触使用 rem 来进行移动页面的布局,另外在移动端 rem 的支持是非常好的,可以在caniuse中查看它的各浏览器兼容情况。对于为什么使用 rem 来进行移动前端的布局,可以看看腾讯ISUX团队写的 web app变革之rem,这里就不赘述了。我自己正式在项目中使用 rem 布局的模板是 demo 这一套,在它的 style.less 中有如下图所示的一串样式定义。后面我们定义一个例如 640px 设...
Read More
-
December 15, 2015
这篇文字从0开始介绍 sublime text3 的安装和部分插件配置。首先进入官网安装自己的系统来下载对应的安装包安装过程很简单,主要需要注意的地方是如下图所示,把 Add to explorer context menu 加上,添加到平时的鼠标右键菜单中之后我们需要去下载安装 Package Control ,官网对它的介绍是 The Sublime Text package manager that makes it exceedingly simple to find, install and keep packages up-to-date. 意思是:package control 是 sublime text 的包...
Read More
-
August 26, 2015
这篇博文主要是介绍自己写的一套 gulp 模板 ,下面取自这个项目的README.md。昨天进行了一次大修改,已发布1.2.1版本。项目截图项目介绍Gulp:前端构建利器 ( gulp中文网),可以很好地用自动化构造工具增强我们的前端开发流程。这个项目是自己写的一套 gulp模板。gulp.js的核心部分在gulpfile.js配置文件,可以在 这里 查看文件代码。gulp是基于node.js的,在gulpfile.js开头部分我们引入了N个模块。主要是 gulp 本身,检测js代码是否规范的 jshint 模块,压缩js文件的 uglify 模块,CSS预处理语言的 Less 模块,CSS浏览器兼容前缀自动补充的 autop...
Read More
-
May 6, 2015
对于如何编写高质量的HTML和CSS代码,已经有大牛nid进行了归纳总结,下面是在Bootstrap中文网上贴出来的翻译文章:编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范,挺不错的。关于编写高质量的javascript代码,找了一本电子书《Effective Javascript》,里面提出了68个有效的方法提高javascript的质量代码。可以在我的百度云盘–前端资源2015找到。另外最近兴起的Gulp:新一代前端构建利器,gulp中文网,可以很好地用自动化构造工具增强我们的前端开发流程。自己写了一套gulp.js模板,就以这个例子来简单说说。gulp.js的核心部分应该是在gulpfile.js文件,我自己...
Read More
-
April 14, 2015
基本所有想要进入前端开发领域的人问前端开发人员如何入门的时候,得到的答案都是看 w3cschool 。就个人感觉而言,w3cschool确实是一个对前端完全没有了解的人一个好的入门去向,它主要的优点是浅显但又完整地向初学者展现了前端最需要掌握的基础知识:HTML,CSS以及javascript。打开网站以后从HTML教程进入,你就打开前端开发的大门(大坑)了。建议的是HTML,HTML5,XHTML,CSS,CSS3一次性读完下来,对基础知识的HTML和CSS有了大概的了解以后,就可以开始找找书籍来进一步学习。HTML和CSS的书籍其实很多很多,当时在学习的时候也是东看西看的。很多人推荐的第一本HTML和CSS的书籍是《Hea...
Read More
-
April 4, 2015
github pages是用来搭建免费的,不限流量的个人网站,可以把自己的东西托管在二级域名 *.github.io 下,本教程就是来简单的说明github pages的使用。友情链接:github pages 官网,英文网站。git简易指南,git的使用简单教程。git bash下载,git bash的下载地址。在看本教程前,英文水平OK的可以看看github pages的官网,另外教程中不会涉及github的使用说明,可以在上面的git简明指南中查看,所以默认你是会使用git的。首先,进入github.com,登陆以后进入到自己的个人空间,点击 Repositories ,选择 new ,创建新的git仓库。如图所示:之后...
Read More
-
March 28, 2015
今天学习了下sea.js,简单的写了一个demo,下面给出它各部分的代码结构:<!doctype html><html><head> <title></title> <meta charset="utf-8" /></head><body> <div id="content"> <p class="author"></p> <p class="blog"> <a href="#">Blog</a> </p> &...
Read More
-
December 4, 2014
因为是专注于移动前端的开发,特别是微信端的,而又需要各自各样的动画之类的,CSS3的不少属性需要加上 -webkit- 的前缀,(比如box-shadow啦,transition啦)真心有点感觉是无用功。。。以前就发现prefixfree.js这个,它是“一个 JavaScript 工具库,用于帮助你从 CSS 前缀的地狱中解脱出来。你编写的 CSS 代码无需填写浏览器前缀,在需要的时候,prefixfree.js 会帮助你自动添加当前浏览器需要的前缀。” (引用别人的话~~)。官方的描述是“-prefix-free lets you use only unprefixed CSS properties everywhere....
Read More