前端快捷操作汇总

1. Sublime Text3 快捷方式

需要安装emmet插件：先安装package control，参考官网安装package install，之后在窗口中输入emmet进行安装，安装好后按Ctrl+e检验有效性，如果报错，根据提示解决插件问题

1. 生成标签直接输入标签名按Tab键

2. 生成多个同名标签，例如 div*3 再按tab键

3. 如果有父子关系，使用ul>li, 按tab键。ul>li*5

4. 如果是同级标签：使用div+span，按tab键。 div+p*5

5. 如果已经定义类选择器，生成带有类名或者id名字的标签，直接在body中写.类名或者#类名，再按tab键

2. 浏览器操作

2.1 html开发者工具

F12

2.2 在开发者工具中快速取色

2.3 快速复原浏览器窗口以100%显示页面

Ctrl+0

2.4 JS中console.log()生成的日志

F12 -> console

2.5 JS的单步调试

F12 -> sources

3. FastStoneCapture

3.1 测量px

Settings最后一个图标 -> Screen Ruler

3.2 截图测量px

Caputure Fixed-size Region 再配合PS cc使用

4. Photoshop CC

4.1 取色

使用PSCC的取色工具

4.2 显示/隐藏标识

Ctrl+r

显示标尺后，在标尺上右键，将单位改成pixel

4.3 放大缩小

方法一：

Ctrl +：放大 Ctrl -：缩小

方法二：

Ctrl+空格+鼠标左键拖动

4.4 图片整体移动

空格键+鼠标左键

4.5 选框与撤销选框

Ctrl+d: 侧小选区

4.6 切片步骤

1. 选择切片工具

2. 选取想要切出的区域

切片区域可以微调

3. 选择保存为web格式

4. 选择保存文件格式为png-8

5. 保存选中的切片

6. 判断字体和字的大小

想持续了解更多，不妨点赞和关注呗。

创作不易，感谢支持！

Web前端技术交流q群：859794646，

群里可以一起学习编程，进群能领到学习资料以及源代码

前端工程师月薪上万的秘密相关推荐

前端工程师拿30K月薪真的很难吗？
在知乎上看到这么一个问题: "怎么才能拿到30K以上的月薪?" 底下不少前辈高人们也是不余遗力的为新人们出谋划策,我最后总结了一下,其实所有的方法都可以凝聚为两个字--" ...
月薪15k的php工程师,平均月薪15k，2019年，前端工程师薪资为什么越来越高？
伴随着互联网的寒冬,好多互联网企业倒闭,甚至美团.新浪等互联网大厂也开始裁员.但是2019年,前端工程师薪资为什么越来越高? 人才缺口大随着前端技术的高速发展及其应用普及率的迅猛增长,前端人才市场一 ...
拿到月薪20k的前端工程师简历是什么样的？
" 陈XX去了字节跳动.李XX刚拿到了网易Offer......我身边的朋友都趁着金三银四季成功上岸了,但我的简历投出去却迟迟没有消息.我技术不比他们差,我到底该怎么办? 4月临近尾声, ...
2010年3月再谈前端工程师的笔试题
最近在收集前端开发工程师的笔试题,正好看到Adam Lu.的这篇博客,感觉挺不错的转载过来! HTML && CSS 1.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分 ...
2010 前端工程师的笔试题
最近在收集前端开发工程师的笔试题,正好看到Adam Lu.的这篇博客,感觉挺不错的转载过来! HTML && CSS 1.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分 ...
面试前端岗位接连碰壁，企业到底需要哪种前端工程师？
提到前端工程师,很多人的第一反应都是:那个工资高,门槛低的职业.没错,也正因如此,越来越多的人开始投入前端岗位. 可是有些人似乎不太了解前端岗位为何如此高薪,认为自己看了些教程,读了几本书,会用HTM ...
nbiot开发需要掌握什么_什么是前端工程师？前端工程师需要掌握什么技能？
前言前端工程师是一个出现了10年左右,而颇受重视则是最近这五六年的事情.受到重视到前端从业人员井喷,也就是这一两年而已.因为前端工程师这个职位出现得太晚,导致各大学校均没有系统的相关教学,我们所熟知 ...
最受互联网争抢的web前端工程师
说到互联网所包含的各大职业,Web前端企业已经成为市场争抢的香饽饽,据招聘门户网站的招聘数据显示,每个月企业在51job上公布的职位量在1.3万左右,在智联招聘上公布的职位量是2.4万左右,平均月薪1 ...
前端工程师需要学习ps 吗_转行学习web前端开发，需要哪些工具和需要学习什么？...
今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水. 前端工程师的主要职责: 前端工程师在不同的公司有不同的功能,但性质相似. 1.网站设计与 ...
2017年前端工程师应该学习什么
作者:Artem Sapegin 编译:胡子大哈翻译原文:2017年前端工程师应该学习什么英文原文:2017 is the year that front-end developers shoul ...

前端工程师月薪上万的秘密

前端快捷操作汇总

1. Sublime Text3 快捷方式

2. 浏览器操作

2.1 html开发者工具

2.2 在开发者工具中快速取色

2.3 快速复原浏览器窗口以100%显示页面

2.4 JS中console.log()生成的日志

2.5 JS的单步调试

3. FastStoneCapture

3.1 测量px

3.2 截图测量px

4. Photoshop CC

4.1 取色

4.2 显示/隐藏标识

4.3 放大缩小

4.4 图片整体移动

4.5 选框与撤销选框

4.6 切片步骤

前端工程师月薪上万的秘密相关推荐

最新文章

热门文章

前端工程师月薪上万的秘密

前端快捷操作汇总

1. Sublime Text3 快捷方式

2. 浏览器操作

2.1 html开发者工具

2.2 在开发者工具中快速取色

2.3 快速复原浏览器窗口以100%显示页面

2.4 JS中console.log()生成的日志

2.5 JS的单步调试

3. FastStoneCapture

3.1 测量px

3.2 截图测量px

4. Photoshop CC

4.1 取色

4.2 显示/隐藏标识

4.3 放大缩小

4.4 图片整体移动

4.5 选框 与 撤销选框

4.6 切片步骤

前端工程师月薪上万的秘密相关推荐

最新文章

热门文章

4.5 选框与撤销选框