前端开发和其他类别工程师配合的那些事！

实际开发项目中，前端工程师需要和美工、后端、产品经理配合来完成一个产品，今天就简单说说前端工程师和这些类别工程师配合的那些事。

一、前端攻城狮和美工配合的那些事

懂得图片理论基础

　　常见的图片格式包含以下几种：

　　　　PNG 1996【优点】：透明、无损压缩、渐近显示、流式读写、保留图像名称、作者、版权、创作时间

　　　　 　　　　 【缺点】：色彩支持少PNG8、PNG24、PNG32，ie6不支持

　　　 JPEG 1992 【优点】：色彩多

　　　　　　　　 【缺点】：有损压缩

　　　　GIF 1987 【优点】：动态图，可透明，体积小

　　　　　　　　 【缺点】：处理256种颜色，不能半透，处理锯齿效果不好。

　　　　 SVG 【优点】：矢量图形，无损压缩，绘制路径xml语言

　　　　　　　　 【缺点】：浏览器支持的不是很好，主要用于移动端font-face

会用Adobe的工具（Fireworks或PS）切图

　　　　如果一张全透明的png图片中，有一个小图标，如何把该小图片导出：图像-》裁切-》基于透明像素即可

可以和美工配合将图片应用于网页中

可以使用这些技巧来切一张psd或转换成font-face

二、和产品经理配合的那些事

产品经理PM职业介绍

企业中专门负责产品管理的职位，产品经理负责调查并根据用户的需求，确定开发何种产品，选择何种技术、商业模式等。并推动相应产品的开发组织，还要根据产品的生命周期，协调研发、营销、运营等，确定和组织实施相应的产品策略，以及其他一系列相关的产品管理活动。

如何构建原型图（我们通过原型设计工具把最初的页面设计出来，交给产品经理看，如果想法达成一致，直接进行开发，大大的提高了开发效率）

原型设计工具：axure 官网：https://www.axure.com.cn/

　　

三、和node.js配合的那些事

全栈架构师那些事

　　全栈工程师，也叫全端工程师，英文Full Stack developer。是指掌握多种技能，并能利用多种技能独立完成产品的人。

　　Web前端已不再是从前的切个图、用个jQuery、上个Ajax、兼容各种浏览器，那么简单了。现代的Web前端，你需要用到模块化开发、多屏兼容、MVC、各种复杂 的交互与优化，甚至需要用到Node.js来协助前端的开发。

配置前端环境

安装nodejs

如果发现被屏蔽 cnmp sudo npm install cnmp -g （淘宝镜像）

cnmp install yogurt -g

配置后端环境　　

swing模板 nodejs一种模板

nodejs一定的基础以及Controller对应的一个关系

四、和PHP配合的那些事

面向对象编程几大特性：封装（封装对象）、继承（继承父类）、多态（可以重写上述方法）

$this 拿到的是当前类的对象或者类的对象$a = new car(); $a

$this 不是静态的属性和方法

public 外部直接可以访问 内部OK 继承跟父类的方法全部OK

private外部不能访问 内部OK 继承都不行

protected外部也不能访问 内部OK 继承是可以的