做前端开发的需不需要PS 记得在之前的老东家做某一个系统开发，当时正在做界面开发，发现界面还需要添加几个图标，于是把这个需求反馈给了项目经理。过了十几分钟，项目经理跑过来告诉我：产品部的UI设计人员（当时我们的UI设计人员全部调整到产品部）需要向他们产品经理汇报这个任务，你在邮件里边简单 ...

那么什么是聪明者，就是打架不出拳，直接用刀砍，或者更牛逼的就开枪！ 那么如何做一个聪明的前端开发者？ 很显然，就是用工具代替手工，用自动代替手动！ 那到底是用什么工具呢，如下： 前端开发工具 工具有点多，但是都非常简单，或许你已经安装并使用过一些了。 git，版本控制 ...

页面制作部分之PS切图 <--本标签下，通过页面制作、页面架构、javascript程序设计、DOM编程艺术、产品前端架构五部分来分享总结笔记，总结笔记会陆续分享--> 网页设计在技术层面上，第一步是美工做出网页效果图，第二步就是网页前端进行网页切图。网页切图工具常用 ...

前言：当设计师通过photoshop工具设计完设计稿导出psd文件时，我们前端工程师该如何进行切图转换成网页的所需的图片呢，接下来讲讲如何利用photoshop工具快速简洁的切图，因为ps工具用到的行业很多，涉及到的各个行业，所以有一些快捷的面板可以隐藏掉。前端工程师只显示适合面板和元素就可以 ...

前言：前端涉及到的 ps 操作不算复杂，基本上就是切图，本文总结了常用的几种切图技巧。 工具：photoshop cs6 、 photoshop cc 1. 传统切图 01 这是最笨的一种方法，核心就是用选区工具选中我们要的切图区域，复制到新文件，然后整个保存下来，这样的切图方法几乎没有 ...

切图，重要的是找精确像素！不要在用传统的切刀进行切割啦，拿到一副PSd图形的，可以使用这样两种方式： （1）如果你的图层很多，你可以用“ctrl+点击想要的图片“直接选中你想要图片的图层，简单到位，然后将图层转化为智能对象（当然可以几个图层拼到一起），然后双击弹出点击确定，就ok ...

根据huangyi老师的慕课网vue项目跟着做的，下面大概记录了下思路 1.轮播图的图 先不做轮播图逻辑部分，先把数据导进来，看看什么效果。在recommend组件新建一个recommends的数组，用这个数组来接受数据的录播图部分。然后再轮播图的插槽部分添加图片，代码如下 但是现在 ...

总结：主要在于 steps(12,end)函数，12代表整个动画切成多少段 （类似flash时间轴） 　　　 end会跳过所有动画的最后一个关键帧跑到循环的第二动画个开头；start的话会跳过第一个关键帧，直接跑第二个关键帧开始执行（每次动画最后执行的关键帧到第二个循环的头一个关键帧这个过渡 ...