前面的话 　　photoshop是前端工程师无法回避的一个软件，这个软件本身很强大，但我们仅仅需要通过这个工具来完成基本的切图工作即可。本文将开始photoshop巧用系列的第一篇——准备篇 作用 　　我们为什么要去切图呢？这就需要说到项目流程。一个完整的项目流程是市场进行需求分析 ...

前面的话 　　前端工程师除了使用photoshop进行测量之外，更重要的是要使用该软件进行切图。本文是photoshop巧用系列的第三篇——切图篇 切图信息 　　在网页制作中有哪些图片是需要被切出来的呢？主要分为两类，一类是修饰性图片，另一类是内容性图片 　　【1】修饰性图片 ...

前面的话 　　前面已经介绍过，描述性图片最终要合并为雪碧图。本文是photoshop巧用系列第五篇——雪碧图 定义 　　css雪碧图(sprite)是一种网页图片应用处理方式，它允许将一个页面涉及到的所有零星图片都包含到一张大图中。使用雪碧图的处理方式可以实现两个优点 ...

前面的话 　　对于前端来说，图片格式是需要重要掌握的知识。本文是photoshop巧用系列第四篇——图片格式 图片格式 　　目前在前端的开发中常用的图片格式有jpg、png、gif，png分为png8和png24。最近svg格式也开始流行起来 gif 　　gif是无损的，具有文件小 ...

前面的话 　　随着photoshop版本的不断升级，软件本身增加了很多新的功能，也为切图工作增加了很多的便利。photoshop最新的版本新增了自动切图功能，本文将详细介绍photoshop的这个新功能 初始设置 　　当然首先还是要进行一些首选项设置 　　【1】在编辑 -> ...

前端工程师技能整理 一、框架与组件 bootstrap等UI框架设计与实现 伸缩布局：grid网格布局 基础UI样式：元素reset、按钮、图片、菜单、表单 组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体 ...

用), 2 chrome 建议安装插件:postman(调试接口用) UI技能（前端角度，非UI角 ...

有人对Github上编程语言的使用做过统计排行，JavaScript真可以说是一枝独秀，很难想象20年前，这个语言只是浏览器中的装饰性语言，能做的事情也就是一点特效或者检查一下要提交给服务器的表单是否满足要求。今天的JavaScript已经是一个全栈语言，从客户端到服务器无所不在。谁再敢妄言前端 ...