网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
webstorm 入门指南（八）
2016年12月14日
利用 jsdoc 提高自动提示Webstorm拥有非常强大的自动提示功能，但 javascript 太灵活了，又是弱类型语言，提示的准确度和详细度依然是个问题（比如，一个带参数的函数，Webstorm无法提示出参数的数据类型）。Webstorm5.0 引入JSdoc的标签支持，通过开发者自己给代码加上符合jsdoc要求的注释，来达到强化js自动提示的目标。随便写个类，没加任何jsdoc注释时：fu...
webstorm 入门指南（七）
2016年12月14日
代码模板Webstorm的模版功能非常强大，懒人必备。File Templates：文件模版使用“ctrl+shift+a”，搜索File Templates：会打开如下窗口：接下来以新建个kissy模块文件为例：额外给模版注入变量变量名可以自定义，以${变量名}$这样的格式出现。接下来我们来新建个文件试试。使用“alt+insert”，打开新建文件列表：可以看到，已经出现了“kissy mode...
webstorm 入门指南（六）
2016年12月14日
NodejsWebstorm作为个javascript的IDE，提供了最天然的NodeJs支持，在Webstorm中，您可以运行、调试、自动提示NodeJs。Webstorm 对 NodeJs 的支持随便建个demo工程，建个 test.js，代码如下：var http = require('http'); server = http.createServer(function (req, re...
webstorm 入门指南（六）
2016年12月14日
git 版本控制Webstorm 内置多种版本控制工具支持，下面以最常用的 git 为例，讲解下在 Webstorm 中的版本控制工具的使用。当 Webstorm 初始化工程时会自动查找与关联项目的版本库。git的使用哪里查看当前所处的git分支？留意界面右下角：上图表明工程工作目录处于”kf1.3″分支下。如何新建/查看/切换分支?从图中可以看到本地分支/远程分支的情况，点击即可切换。可以点击“...
webstorm 入门指南（五）
2016年12月14日
快捷键查看快捷键，在设置界面中搜索 "keymap"：设置自己的快捷键比如将代码变更 commit ，webstorm 默认是没有配置快捷键的，我们设置个 shift + c 。搜索 commit ：找到操作项后，添加个新的快捷键，如果快捷键有冲突，webstorm 会有提示。默认配置下的常用快捷键mac book 下文的 ctrl 替换成 command 键。查找/代替快捷键说明ctrl+shi...
webstorm 入门指南（四）
2016年12月14日
插件的使用（本章内容原稿已经遗失，15.12.30 新增内容）Webstorm 的插件丰富程度无法跟 eclipse、sublime text、vim 相比，但 Webstorm 本身就足够强大，并不大需要安装太多插件。下面以 Markdown 预览插件的安装讲解如何安装插件。通过 IDE 直接安装插件进入 “Preferences” ，搜索 “plugins” ，进入插件页面：搜索 markdo...
webstorm 入门指南（三）
2016年12月14日
工程和界面Webstorm中的工程1.新建工程点击顶部菜单栏“File”-> “New Project”。弹出如下界面：“Location”指向想要创建的工程目录（如果该目录已经存在文件，会出现exist提示，没关系，直接下一步即可）。“Project Type”为工程类型，应该理解为工程模版更合适，默认为空项目，Webstorm支持html5、bootstrap、NodeJs、express工程...
webstorm 入门指南（二）
2016年12月14日
配置从 webstorm 官网下载对应系统的安装包，webstorm 有 30 天的免费试用期，建议购买，不想购买网上也有注册机资源，可以自行搜索。Webstorm 的默认字体和配色相当糟糕，你可以手动修改 Webstorm 的配置。点击 “File” -> “Setting”：Webstorm 的配置项极其丰富，建议善用搜索，比如修改主题，只要输入 "color" ：可以配置颜色主题与字体，建议...