前端工作半余月，开发环境都了解清楚，工作内容也弄了明白，做的页面不多也写了一些。
现在主要精力放在写一个生活服务&商城wap端的网站，页面写的特别溜。以前了解的什么「结构、表现、行为分离」啊，什么模板继承啊，都有更深的体会，给了很多方便，和结构之美的享受。已经不再有无经验而带来的困惑与畏惧:)
作为已经进入角色的前端工程师，那么就让我以此篇章结束「新手前端工作记」，向星辰大海！
以下内容，包括但不限于：开发环境、前端框架、前端工作内容、实用工具。
一. 前端工作内容
1. 前端日常的工作内容是什么样的？
写写页面，改改样式，Chrome中反复调试。不过可能和我们自己学习的时候写页面不同，工作中一般都会在前期选用一个框架。比如我司，模板引擎用的是TP5自带的模板引擎，UI框架用的是jQuery WeiUI。
模板引擎可以节少很多重复工作，就没必要每个页面都从<DOCTYPE html>开始写，把共同用的写成一个组件，需要的时候引用就好了，不仅省事还方便管理。
UI框架提供一套基础的组件库和样式，我们所写的页面都基于基础组件衍生出去，不满意的地方再复写下框架的样式就好了，从零开发的内容…基本没有，当然也会写一些定制的组件，有html和css基础还是蛮容易上手的，js方面的要求很少。
目前还没有去涉及与后端配合的工作，不过jQuery用Ajax交换数据，难度也应该是能接受的。
2. 前端工作必备技能？
html, css 是一定要的，熟练的话，工作起来就能得心应手；js方面，私以为语法了解，然后会在网上找解决方案就能满足大多数需求了；UI框架方面的知识了解一些。满足这些工作起来就没大障碍了。
再深入些，了解一些前端的代码规范（如「结构、表现、行为分离」）、有一些审美能力，就算已经做的还不错。
3. 其它
其实前端工作和设计还贴的蛮近的，所以如果恰巧贵公司小巧没有UI设计师，就恭喜也要负责设计了你。（偷偷告诉你要用阿里妈妈的 iconfont可以满足绝大多数对图标需求，方便还不丑。）
二. 开发环境
1.后端框架：THINKPHP5
其中原因大概是因为「PHP是世界上最好的语言.」，可能是因为TP5是国人自己写的框架，中文社区，且维护良好。
作为前端，这方面的内容也是要看一些的，可以更好的与后端配合，可以不深入。重点了解以下TP5的模板继承相关内容，有了模板继承就不用每个页面都从声明<DOCTYPE html>开始写了。然后TP5架构了解一些，配置了解一些，路由了解一些，控制器了解一些…就差不多了。即使这些可能有些不容易，但是…有益。
2.前端UI框架：jQuery WeiUI
jQuery + WEUI. WEUI是一套同微信原生视觉体验一致的基础样式库，性质2上类似bootstrap的感觉。jQuery WeiUI主要增强WeUI js部分内容，并增加了很多实用的拓展。
jQuery WeiUI的基础组件比较全，用起来很方便，实现的效果也不错。如果有前端基础，学起来很容易，半天差不多就完全能上手了。
3.图标： iconfont
阿里妈妈的矢量图标库，图标库丰富，符合国情，特别好用，超级推荐。
当时的情景是这样的，做网站导航，需要给好多网站配icon图标，可是普遍找到的位图显示效果很不好，而且找起来很费劲。就想看看Font Awesome行不行，可是…并不行，国内网站的icon图标Font Awesome基本都没收录。（头痛
直到发现了阿里妈妈的iconfont图标库，惊为天人。图标库够全够大，很容易找要用的图标，而且可以随意打包单独使用，特别方便，还节省资源。不像Font Awesome用就得收录整个库。
使用风格统一得图标整个页面看起来会特别舒服。
4.IDE： PhpStrom
集成开发环境。记得我曾在简历上写过「追求脱离IDE手写符合规范的代码」… IDE写起来也好方便呀（可能之前Eclipse给的回忆太痛苦了吧:(
5.版本控制： SVN
以前被安利用git。工作用了SVN，就是正常用，没有任何不舒服。
三. 实用工具&Tips
-
使用Chrome浏览器调试页面的时候，按
Ctrl+F5可以强制重新加载页面，不会使用以前缓存的css和js文件。 -
windows平台可用的窗口管理器 bug.n 窗口切来切去，特别的方便。
四. 最近学习到的一些知识
1. 纯CSS固定footer的方法。不论页面内容多少，始终将footer固定在底部的方法
2. 弹性盒子模型。box-flex属性
参考资料：