搜公司、看面经、查工资
网页重构工程师
网页重构工程师是做什么的?本页面为用户提供了网页重构工程师的岗位职责,以及本职位近些年的薪资待遇情况、就业趋势、招聘趋势、面试经验等信息,综合图表数据多方面解析该职位的热度。
2024-09-07 00:00:00 更新
主页
工资
就业
招聘
面试
网页重构工程师简介
岗位职责
做为一个专职的页面重构者,我们从事的工作简单的说就是“将设计稿转换成WEB页面”,这一过程可以很简单到直接把PSD从PS里导出成网页;也可复杂到需要考虑页面中每个标签的使用,考虑“页面性能”。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来,但随着工种的细分,加上页面重构本身的专业性,独立为一个职业也不是不可能,至少我现在从事的就是一个专职的职位。如果你觉得一个前端工程师必须去画设计稿,可以不理会下面的内容。 单纯的页面重构,所涉及到的工作内容一般是“分析设计稿=>切图=>写HTML和CSS”,虽然看起来很少,但要做好这份工作,绝非所想的那么容易。原因很简单:工作内容单一,在时间和工作量上必会很苛刻,往往跟设计师的工作时间是3:1,即设计师给三天的时间,制作只给一天的时间完成;在这种工作强度下,很多人都是靠着对这份工作的喜爱在维持着,一旦工作热情消失,很容易就会变得枯燥,保持热情也成了重构工作者(也许是所有参加工作的人)应该具备的能力。 跟“前端工程师”所要求的有所不同,“页面重构”虽然也是“前端工程师”的一个范畴,在职业化中,对专职的页面重构者,要求当然也更高。不单是做出页面,而是做出好页面。又引出另一个话题,“何为好页面?”,一般包括下面几点: 1. 结构完整,可通过标准验证 2. 标签语义化,结构合理 3. 充分考虑到页面在站点中的“作用和重要性”,并对其进行有针对性的优化 很多同学多少都遇到过方向不明,不知道自己应该提高些什么,我们可以从“分析设计稿=>切图=>写HTML和CSS”这个工作内容,针对每一点提出一些要求,以方便我们分析自己的能力水平,为继续提高确定个方向: 一、设计稿的分析 设计稿的分析是指对设计稿如何制作成页面的分析,即哪一块的内容可以做为公共的部分、哪一块的内容结构可以如何实现等。对设计稿的分析能力可以划分成下面的几个阶段: 1. 能分清设计稿中的公共与私有的部分 2. 在1的基础上对各部分的实现方式有一个初步的方案(包括如何切图、写结构、写样式) 3. 在1的基础上,准确的给出各部分的实现方案(包括如何切图、写结构、写样式) 4. 在3的基础上,能同时考虑方案的扩展性、复用性及页面性能(包括如何切图、写结构、写样式) 5. 在4的基础上,考虑整站的结构分布(包括文件分布、目录结构) 上面这些都是在还没开始动手制作之前所要做的。 二、切图 切图是指将设计稿切成便于制作成页面的图片。都有个误区,觉得切图就是把图片切出来,其实并不完全是这样,还包括把切出来的图片合并到一起,怎么切、从哪切才能将性能最大化,说“切图是一门艺术”完全不为过。切图也可以划分成几个阶段: 1. 切成所需要的图片(如何将需要的部分切出来) 2. 在1的基础上,对切出来的图片进行一些优化(包括压缩文件大小、选择图片类型) 3. 在2的基础上,规划切出来的图片(包括文件分布) 4. 在3的基础上,考虑整体的性能(包括合并图片、压缩文件大小) HTML和CSS的编写 HTML和CSS的编写是指将上面完成的内容,通过HTML和CSS的编写,将设计稿转换成WEB页面最重要的一块,也是我们所要重点掌握的内容,把它们放在一起,是因为它们相互的关联性太强,HTML的写法会影响到CSS的写法,它又可以划分成下面几个阶段: 1. 还原设计稿视觉效果,并通过标准验证(HTML) 2. 在1的基础上,实现多浏览器的兼容(HTML) 3. 在2的基础上,标签语义化(HTML) 4. 在3的基础上,选择较优的实现方式(包括模块化结构,方便程序脚本使用,HTML和CSS) 5. 在4的基础上,考虑到扩展性、复用性和可维护性(HTML和CSS) 6. 在5的基础上,考虑到整站的样式分布(包括如何实现分布) 7. 在6的基础上,样式写法的优化(包括技巧的应用) 是对所遇到问题的解决能力,这一点在不同的阶段都可能会遇到,所以没有写到上面。 如果你已经达到或超过3、4、5,恭喜你,你已经是一个职业的“页面重构工作者”了。为了我们自身的发展,关注新技术、技术创新、提高用户体验、审美观、程序脚本的实现方式等,也是十分必要的。大家一起进步吧。
展开
网页重构工程师工资
详情
月收入平均值
¥
20,754
高于平均值占比
0%
月收入中位数
¥
21,264
近一年趋势
上涨
整体分布
历年变化
最低:¥2,020
最高:¥79,900
*网页重构工程师在全国的平均月薪为¥20,754,中位数为¥21,264,其中¥12k-17k工资占比最多,约21%。
网页重构工程师就业
详情
同比上月,人才热度
+0.23%
网页重构工程师招聘
详情
同比上月,职位数量
+0.4%
网页重构工程师面经
详情
匿名用户
网页重构工程师
感觉没戏
面试过:
迅雷
当然首先还是会问技术方面的问题,然后就是聊聊兴趣爱好之类的,最好能有共同话题能够吸引面试官。
2 年前 发布
匿名用户
网页重构工程师
未通过
面试过:
腾讯广州研发部
一来就是技术面,一开始问一些概念性的问题,例如你对CSS3和H5的了解,尽量列举你所有知道的;这个完了以后就开始问一些特殊问题,比如BFC啊,haslayout跟布局有关的,然后问网页的兼容性问题,这个要求对各种浏览器内核都比较熟,最后就是写程序,要你写一些CSS的效果,最后根据你的项目或者提交的demo来问
...查看更多
包含1个问题,1个回答
Q:问BFC,叫你解释context是怎么来的,什么时候要用
2 年前 发布
匿名用户
网页重构工程师
感觉靠谱
面试过:
腾讯
先自我介绍,然后开始讲自己做过的项目,每个项目都问得很详细,简历上面提到的东西基本都问了,谈谈自己的理解,最后还问我有没有什么能力没展现出来的。
包含1个问题,1个回答
Q:网页重构和前端的区别。
2 年前 发布
匿名用户
网页重构工程师
感觉靠谱
面试过:
腾讯
二面面试官问的还挺偏的,有的问题有难度,主要是css以及js,还有性能优化问题
包含1个问题,0个回答
Q:什么是haslayout,如何触发?
2 年前 发布
匿名用户
网页重构工程师
未通过
面试过:
腾讯
面试过程: 一开始就让我用js写个分页!!!分页!!!我以为我走错屋子了好吗,请问重构在哪里 然后接下来就正常了,问了一些css3的,有一个忘了我就直说忘了。 之后就就这简历来问了。总之也不是特别愉快的。
包含1个问题,0个回答
Q:用js写个分页
2 年前 发布
相关岗位
工程师
软件工程师
测试工程师
软件开发工程师
机械工程师
软件测试工程师
软件研发工程师
运维工程师
java工程师
java开发工程师
首页
网页重构工程师
热门职位
薪资待遇
就业趋势
热招岗位
面试经历
网页重构师岗位职责
搬运工-兼职岗位职责
自主创业岗位职责
人力资源实习助理岗位职责
电子测试维修岗位职责
哈尔滨外埠主管岗位职责
成品检测岗位职责
银行后台岗位职责
普工.DTP-兼职岗位职责
流程担当岗位职责
问卷调查-兼职岗位职责
电商管培岗位职责
网络公关岗位职责
临床部门总监助理岗位职责
幕墙岗位职责
ASIC 芯片验证(UVM)-实习生岗位职责
科技与运营部实习生岗位职责
网站英语岗位职责
道德采购部实习生岗位职责
文案策划-实习生岗位职责
网页重构师工资
搬运工-兼职工资
自主创业工资
人力资源实习助理工资
电子测试维修工资
哈尔滨外埠主管工资
成品检测工资
银行后台工资
普工.DTP-兼职工资
流程担当工资
问卷调查-兼职工资
电商管培工资
网络公关工资
临床部门总监助理工资
幕墙工资
ASIC 芯片验证(UVM)-实习生工资
科技与运营部实习生工资
网站英语工资
道德采购部实习生工资
文案策划-实习生工资
网页重构师就业前景
搬运工-兼职就业前景
自主创业就业前景
人力资源实习助理就业前景
电子测试维修就业前景
哈尔滨外埠主管就业前景
成品检测就业前景
银行后台就业前景
普工.DTP-兼职就业前景
流程担当就业前景
问卷调查-兼职就业前景
电商管培就业前景
网络公关就业前景
临床部门总监助理就业前景
幕墙就业前景
ASIC 芯片验证(UVM)-实习生就业前景
科技与运营部实习生就业前景
网站英语就业前景
道德采购部实习生就业前景
文案策划-实习生就业前景
网页重构师招聘
搬运工-兼职招聘
自主创业招聘
人力资源实习助理招聘
电子测试维修招聘
哈尔滨外埠主管招聘
成品检测招聘
银行后台招聘
普工.DTP-兼职招聘
流程担当招聘
问卷调查-兼职招聘
电商管培招聘
网络公关招聘
临床部门总监助理招聘
幕墙招聘
ASIC 芯片验证(UVM)-实习生招聘
科技与运营部实习生招聘
网站英语招聘
道德采购部实习生招聘
文案策划-实习生招聘
网页重构师面试
搬运工-兼职面试
自主创业面试
人力资源实习助理面试
电子测试维修面试
哈尔滨外埠主管面试
成品检测面试
银行后台面试
普工.DTP-兼职面试
流程担当面试
问卷调查-兼职面试
电商管培面试
网络公关面试
临床部门总监助理面试
幕墙面试
ASIC 芯片验证(UVM)-实习生面试
科技与运营部实习生面试
网站英语面试
道德采购部实习生面试
文案策划-实习生面试