Meta标签以及viewport

Meta标签以及viewport

meta是meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。

name属性主要作用:对应网页内容,以便于搜索引擎机器人查找、分类,其中最常用的是description和keywords;浏览器厂商定义的meta值,譬如ios的诸多属性移动端页面必带的viewport。

http-equiv属性主要作用:

阅读更多»

前端软技能之一——自动化构建工具Yeoman

前端软技能之一——自动化构建工具Yeoman

Yeoman是一个帮助我们构建前段项目的工具,提高我们的工作效率,规范我们的架构和我们的代码,你甚至可以用某些yo上已存在的前端项目结构来衡量前端开发的质量。

那Yeoman是什么?

Yeoman出现的目的是想通过GRUNTBOWER的包装来创建一个易用的工作流,YO就是集合这两个的一个工具。

YO:Yeoman核心工具
GRUNT:就像Java有Ant和Maven、Python有pip、Ru

阅读更多»

前端软技能之一——Git 以及 Github

前端软技能之一——Git 以及 Github

Git 以及 Github 简介

Git是一个分布式的版本控制系统

GitHub可以托管各种git库,并提供一个web界面,但与其它像 SourceForge或Google Code这样的服务不同,GitHub的独特卖点在于从另外一个项目进行分支的简易性。为一个项目贡献代码非常简单:首先点击项目站点的“fork”的按钮,然后将代码检出并将修改加入到刚才分出的代码库中,最后通过内建的“pull re

阅读更多»

前端工具——编辑器之webstrom

前端工具——编辑器之webstrom

欲先善其事,必先利其器,如题。看到网上一篇介绍webstrom的文章,觉得功能确实强大,也知道为什么阿里巴巴的前端传到github上的文件为啥都有一个 .idea 文件,(传说淘宝内部推荐写js用webstrom)

我们可以理解 IDE 就是集成了很多你想要的功能,或者你不想要的功能。换句话说就是装了很多插件的 editor ,所以到目前为止,我还觉得没必要给它装什么插件。

那么接下来开始介绍webstrom的特色功能:

阅读更多»

前端工具——编辑器之Sublime Text 2

前端工具——编辑器之Sublime Text 2

欲先善其事,必先利其器,如题。在Sublime官网看了它的介绍后,发现不少感兴趣的亮点,于是下载下来安装,使用,觉得还不错,而且网上搜了下Sublime 的扩展也很多,很多人推荐使用。Sublime是用 JSON 格式作为主要的配置文件的,而且默认配置和用户配置也是分离的,这样能避免了升级后覆盖之前自己的设置,所以,决定放弃用了一年之久的Notepad++,改用比Notepad++年轻许多的Sub

阅读更多»

前端工具——编辑器之Notepad++

前端工具——编辑器之Notepad++

欲先善其事,必先利其器,如题。有人很喜欢拿编辑器作为信仰或者参照,事实上它只不过是一个 ”习惯“ ,目的是为了达到高效。

Adobe Dreamweaver

Dreamweaver相信没人没用过她,元老级人物了。现在最新的cs5.5版本已经能自定义pho功能的代码提示、jqurey、html5和css3支持,功能比当初强大多了,但是缺点就是:体积太大了。因为我是她领进前端开发的这条路的,所以也用

阅读更多»

世界,你好!

世界,你好!

欢迎使用 WordPress。这是系统自动生成的演示文章。编辑或者删除它,然后开始您的博客!

你好世界!不仅是我人生第一次写代码运行的结果,也将成为我第一做自己的网站的第一篇文章的内容o(∩_∩)o 哈哈 (其实是在程序默认发表文章里改的,程序原来的实例页面就是现在分类列表页)。

在欣赏了那么多技术博客后,经过好久的准备:自己设计主题、编写主题。。。等挫折,终于在今天能上线了,心情灰常激动啊。

阅读更多»

1