2024年Web前端最新前端提高篇(七十八)：前端必备PS技巧(1)，面试字节跳动被问前端屏幕适配方案

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的小伙伴要注意了，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候无论遇到什么情况，问题都不会大。

方法一：使用移动工具，选择想要的文字，右侧找到”属性“栏，就可以看到文字的具体信息

窗口-----属性，调出属性面板，或者找这个图标：

方法二：自动生成css样式，选中文字，右边图层中，对应文字的图层会被选中，右键----复制CSS，就可以得到文字的css样式

右键复制css，得到以下代码，可以在我们写文字样式时做参考：

.qqqqqqddd {

font-size: 72px;

font-family: “Adobe Heiti Std”;

color: rgb(5, 5, 4);

line-height: 1.2;

position: absolute;

left: 497.937px;

top: 683.717px;

z-index: 3;

}

从psd文件获取到想要的图片和素材：切图和合图

不同于普通的切块，而是将图层转成图片的操作

1.“编辑”—“首选项”—“增效工具”—"启动生成器"打勾

2.“文件”—“生成”—“图像资源”，系统会自动在psd文件目录下创建一个文件夹，用来存放之后生成的图片

3.确认文件夹被PS自动创建

4.选中想要生成图片的元素，在右侧找到对应图层，双击修改后缀名为.png/.jpg，回车，在刚刚的文件夹里就能看到保存的图片

注意：修改后缀名可获得图片，取消后缀自动删除图片（备份一份）

如果想要保存的元素，整体效果由文字和背景图片构成，可以各自修改后缀名，分开保存；或者新建组，将元素放到同一个组中，在组名上修改后缀名，将组内图片合成成一张图片–多图片合成

设置图片大小，在psd文件对应图层上，在图层名前加上想要的效果，包括放大缩小、指定图片大小等操作，注意效果与图层名称中间要有空格

200% 图片名.png（将图片放大到原来的2倍）

100X100 图片名.png（指定分辨率为100X100，注意不是100*100）

设置图片画质

图片名.jpg8 可以是1~10，10是画质最好的

全自动方法：文件—导出----将图层导出到文件，自动生成图片
会把所有图层都导成图片，想要的不想要的都导出来，如果图层很多，非常耗时，不推荐

对象篇

模块化编程-自研模块加载器

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】