HTML5前端开发工程师的岗位职责说明(合集)

news2024/9/23 9:30:57

 

HTML5前端开发工程师的岗位职责说明1

  职责

1、根据产品设计文档和视觉文件,利用HTML5相关技术开发移动平台的web前端页面;

2、基于HTML5.0标准进行页面制作,编写可复用的用户界面组件;

3、持续的优化前端体验和页面响应速度,并保证兼容性和执行效率;

4、配合后台工程师一起研讨技术实现方案,进行应用及系统整合。

  技能要求

1、精通 HTML/CSS/JavaScript 等前端相关技术,有一定面向对象编程思想;

2、熟练使用html5 + css3 新特性,具有WEB 前端开发经验, 掌握HTML,CSS,DOM JSON, AJAX等技术;

3、熟悉 W3C 标准,了解各个主流浏览器的兼容问题、Web 语义化等有深刻理解;

4、兼容各种显示设备,例如手机、ipad、pc、大屏幕显示;

5、使用过sass预编译器,对前端工程化与模块化有实际的了解和实践经验;

6、有微信公众平台应用开发经验者优先考虑;

HTML5前端开发工程师的岗位职责说明2

  职责

1、 按现有框架完成功能模块的开发任务;

2、 实现数据交互和用户交互效果;

3、 基础知识扎实、自学能力较强;

4、主导前端系统的架构设计、开发和工程优化;

5、持续对研发过程进行改进及优化、提升开发效率;

  任职要求:

1.本科或以上学历,计算机相关专业;

2.三年以上Web前端及移动端开发开发相关工作经验,具有主流互联网平台Web前端开发经验者优先;

3.精通HTML/CSS/JS等基本的web开发技术,对web标准有自己的理解;熟悉常用浏览器兼容方案,有实战经验者优先;

4.熟练掌握AngularJS、Vue、React等框架,熟悉MVC、MVVM等前端开发模型;熟悉 sass、less。

5.有良好的工作及编码习惯,熟练使用git、webpack等工具;

6.良好的沟通与表达能力、思路清晰,能够指导他人,有较强的主动性和责任心,有较好的团队协作能力,技术视野广泛者优先;

7.具有较强的分析和解决问题的能力,具备良好的团队合作精神优先;

HTML5前端开发工程师的岗位职责说明3

  职责:

1.使用Egret引擎进行手机游戏开发;

2.根据游戏策划需求文档,利用HTML5技术实现移动端游戏研发;

3.负责游戏开发设计,保证模块的可行性、游戏性和稳定性。

  任职要求:

1、熟悉Egret引擎开发,二年以上相关工作经验;

2、熟悉H5特性,熟悉引擎的渲染流程,负责或参与过H5项目并成功上线;

3、熟练掌握typeScript,javascript,具备良好的编程习惯;

4、良好的沟通能力和团队合作能力;

5、吃苦耐劳,能适应加班制。

HTML5前端开发工程师的岗位职责说明4

  职责:

1、独立完成微信小程序、微信公众号、H5移动网站平台的项目开发;

2、参与项目前端开发工作,包括页面H5编码及JS交互的实现;

3、持续优化前端体验和页面响应速度,并保证兼容性和执行效率;

4、负责产品或项目的持续迭代工作。

  任职要求:

1、2年以上互联网前端开发经验,有大型项目经验;

2. 熟练掌握Web相关技术(H5/CSS3/JS等);

3. 熟练使用ReactJs,AngularJs,Vue.js中其中一种;

4. 熟悉前端工程化开发流程与工具 (gulp、 grunt、 webpack等 );

5. 熟悉H5小程序相关技术或有相关经验,有node.js,java或其他后台开发经验优先;

6.对混合后台框架node.js,php语言有一定了解,有分销商城,营销活动项目开发经验者优先。

HTML5前端开发工程师的岗位职责说明5

 职责:

1、负责前端AppH5页面的开发、微信前端开发、并处理和后端的对接;

2、模块化前端组件,建立前端开发架构,提高前端开发的效率;

3、参与项目技术方案的制定,进行相关的设计或开发工作;

4、参与新产品, 新功能的预研和设计等;

5、与团队共同成长,主动向团队成员寻求建议,也积极给予他人反馈和帮助。

  岗位要求:

1、大专以上学历,有H5开发经验优先;

2、熟悉HTML5/CSS3,有多浏览器兼容经验,熟悉移动端、PC端web开发及多设备兼容调试;

3、至少熟悉VueJS、AngularJS、ReactJS中的一种开发技术;

4、至少熟悉Gulp、Webpack、Grunt等构建工具中的一种;

5、对用户可用性、用户体验、交互设计流程、前端安全有深入的了解和实践经验;

6、交流沟通能力好、具有较好的团队合作精神;

7、对于web标准有深刻认识,并乐于钻研web新标准、新技术。

前端必看的书籍

  十本学习前端必看书籍

  第一本,入门

  《Head first HTML&CSS》

  最好的入门书。看两遍就对HTML & CSS 有个大概印象了。

  此时把w3cschool作为备查手册收藏起来

  第二本《CSS权威指南(第三版)》

  最权威的CSS书籍,除了阅读W3C的文档外的不二选择(就是翻译有点操蛋,遇到感到难理解的地方可能还是要求助于网络资源)。有时间(无论是现在还是将来)可以反复看,并当做字典随时查。

  第三本《精通CSS》

  广受前辈推荐的一本书。上一本书是字典的话,这本书相当于《中学生作文大全》,汇集了一些CSS的最佳实践。

  第四本《图解CSS3:核心技术与案例实践》

  这本书比较新,讲解的是最新的CSS3(前三本书停留在CSS2.1时代),CSS3也是必学的,不是什么可学可不学的最新技术。

HTML CSS值得看的书就这些(之后会有一本《CSS秘密花园》,尚在翻译中,也很值得期待),剩下的就是自己写还有看技术博客了。接下来是JavaScript,HTML和CSS都是没有逻辑的标记型语言,JS才是真正的编程语言,评价前端工程师的水平就看这个了。

  第五本《JavaScript DOM编程艺术》

  最好的JS入门书籍,一目了然地告诉你如何用JS操作DOM(这是浏览器端编程的基本功),还灌输了最符合标准的编程理念。可惜有点老,最新一版是2010年的,以至于部分内容有点过期,例如本书内经常提到“某某方法浏览器不一定支持,需要小心使用”,而这些历史遗留问题当今已经不存在了,阅读过程中无视就好。

  第六本《JavaScript高级程序设计》

  每个前端必看的书,此书是前端工程师科技树的关键一环。看完此书后再看看之后各类进阶书籍会比较好。

  俗称红宝书,也算入门书籍,虽然是大部头(七百多页),但至少通读一遍。

  全部掌握了,你可以在网络社区里谈笑风生了,经过实践的锻炼后,面试个前端工程师的岗位应该都没问题了。

  第七本《JavaScript语言精粹》

  也是前端必看。薄薄一百来页,对JS的去粗取精。

  第八本《你不知道的JavaScript》

  这是一套丛书, 目前为止仅翻译了第一卷。每本都挺薄,深入介绍了JS中的重要概念。

  第九本《JavaScript设计模式》

“设计模式”是软件工程的重要课题,相当于高考时候的答题套路。前人总结出来的应对各种问题的模板。也算是必看书籍。关于JavaScript设计模式的书籍目前也有好几本,也有国人写的,挑一两本看看就好。

  第十本《高性能网站建设指南》(及其续篇《高性能网站进阶》)

  告诉你真正的商业公司的前端是怎么优化一个网站的。当然优化的问题不是看看书就能解决的,最好时刻了解你的同行们的经验。

  第一阶段:HTML和CSS的学习

HTML就不多说了,基础中的基础,这个都不会的小伙伴请参见HTML手册,认真学习W3C课程,稍有基础之后可以跟着视频学习《HTML+CSS基础课程》。

 前端开发必看的14本书

1、《CSS权威指南》第三版

  这本书实在太适合小白用户了,是一本为初学者清扫障碍的书籍。同行一致认为这本书是学习CSS基础的首选。CSS界权威Meyer大师的作品,翻译水平也灰常赞!

2、《CSS那些事儿》

  不用于一般技术类书籍的枯燥乏味,这本书很有意思。作者是蓝色理想经典论坛标准版荣誉版主林小志,具有多年网站设计和网站重构经验,在CSS、XHTML等前台技术方面有着深厚功底。

  全书以传达CSS布局思维为中心,通过页面中的文字、图片、表格、表单等常见元素的处理及各种页面布局方式的使用,使读者能深入了解到如何在页面中更好地运用CSS布局。阅读本书之后将会发现,原来CSS样式居然是这么好玩的东西。

3、《精通CSS:高级Web标准解决方案》第二版

  前段学习必备书籍,作者Andy Budd是国际顶尖的网页设计师,著名的Web标准倡导者,网页咨询公司Clearleft的创始人之一。

  本书将最有用的CSS技术汇总在一起,总结了CSS设计中的最佳实践,讨论了解决各种实际问题的技术,重点讲解了一系列的css开发技巧,是前端开发人员必备的手册。

4、《CSS禅意花园》

  这是一本令人惊叹的书!必须用一个字形容的话,那就是:美!内容编排合理,文字生动有趣引人入胜,通过一个个实例引导读者阅读,强烈推荐!

  作者是世界著名的网站设计师,书中的范例来自网站设计领域最著名的网站——CSS Zen Garden(CSS禅意花园)。童鞋们自己去领略吧。

  第二阶段——JavaScript的学习

Javascript的书籍当然还是要看老外的,你懂得~

5、《JavaScriptDOM编程艺术》

  此书绝对是入门好书,简洁优美的文笔简直是工具书中的典范啊有木有!

  这本书讲述了JavaScript和DOM的基础知识,但重点放在DOM编程技术背后的思路和原则,然后将这些概念贯穿在书中的所有代码示例中,使你看到用来创建图片库页面的脚本、用来创建动画效果的脚本和用来丰富页面元素呈现效果的脚本,最后结合所讲述的内容创建了一个实际的网站。

6、《JavaScript权威指南》第6版

  这本书非常适合初级、中级程序员,是学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册。

  第6版涵盖HTML 5和ECMAScript 5。很多章节完全重写,紧跟当今最佳Web开发实践。本书新增章节描述了jQuery和服务器端JavaScript。

7、《JavaScript高级程序设计》第三版

  《javascript权威指南》比较像一本字典,而这本《javascript高级程序设计》可以算是一本由浅入深的好读物。这两本书看完后,对javascript一定会有较为深入的了解。

  作者Nicholas C. Zakas是世界顶级Web技术专家,现为雅虎公司界面呈现架构师,负责My Yahoo!和雅虎首页等大访问量站点的设计。这本书,看一遍不能算看过,至少读两三遍,每一遍都会让你有新的收获。

8、《高性能JavaScript》

  本书从性能角度全面分析js,含金量非常大,很多知识都是作者通过实践总结出来的,都是经验的积累,强烈推荐!

  同是Nicholas C. Zakas所写,如果看《JS高级程序设计》觉得理解不太透彻,学习较为吃力,那么我强烈建议你看看这本书,真的是极好的一本实践类书籍,言简意赅,灰常实用!

9、《JavaScript王者归来》

  这本《JavaScript王者归来》不仅是一本传播知识的书,更是一本求道的书。O(_)O 有追求的程序员一定不要错过!愿神力与你同在!

  它揭开了JavaScript的面纱,绕过误解和虚幻的表象,引领你探索程序王国的奥妙。这是一本探寻程序设计思想本源的“魔法典籍”,也是一本Web开发工程师们需要的案头参考书。

10、《JavaScript模式》

  它绝对不是一本入门级别的书,适用于希望将自身的Javascript技巧提高到一个新层次的专业的开发人员和程序员。

  《JavaScript模式》包含了实现每个讨论的模式的实践建议,并附有数个可以立即上手的范例;同时还可以学到一些反模式。短小精悍,进阶必读!

11、《JavaScript设计模式》

  进阶教程,得有一定功底才能看懂。反之,如果你轻而易举就能拿下此书,说明你已非等闲之辈~

  本书共有两部分。第一部分给出了实现具体设计模式所需要的面向对象特性的基础知识,第二部分则专注于各种具体的设计模式及其在JavaScript语言中的应用,主要介绍了工厂模式、桥接模式、组合模式、门面模式等几种常见的模式。

  第三阶段——jQUery的学习

12、《锋利的jQuery》第二版

  入门首选,简单易懂,非常实在。《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍,对jQuery分析的逻辑非常值得学习。

  第四阶段—学无止境!

  如果以上书籍你全都搞定了,那么,恭喜你,你真的很厉害!到这种程度,相信你也不太需要别人推荐书籍了,不过我还是厚着脸皮推荐两本吧。

13、《高性能网站建设指南》

  前端开发可以优化网站剩余70%~80%性能,这本书不算厚,几个小时就能看完,推荐前端开发工程师看看。在《高性能网站建设指南》中,作者给出了14条具体的优化原则,每一条原则都配以范例佐证,并提供了在线支持。

14、《Web开发敏捷之道》第二版

Web开发敏捷之道》曾荣获Jolt大奖“最佳技术图书”奖。在第1版的内容架构基础上,第2版增加了对Rails 1.2中新特性和最佳实践的介绍。此书覆盖了rails1.2的方方面面,其本身也很"敏捷",翻译也非常好。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/807046.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Godot 4 插件 - Utility AI 研究

今天看到一个视频教学 Godot4 | 实现简单AI | Utility AI 插件_哔哩哔哩_bilibili 就看了一下。吸引我的不是插件,是AI这两个字母。这AI与Godot怎么结合?感觉还是离线使用,值得一看。 视频时间不长,15分钟左右,看得…

无涯教程-jQuery - Highlight方法函数

Highlight 效果可以与effect()方法一起使用。这将以特定的颜色突出显示元素的背景,默认为黄色(yellow)。 Highlight - 语法 selector.effect( "highlight", {arguments}, speed ); 这是所有参数的描述- color - 高亮显示颜色。默认值为"#fff…

比memcpy还要快的内存拷贝,了解一下

前言 朋友们有想过居然还有比memcpy更快的内存拷贝吗? 讲道理,在这之前我没想到过,我也一直觉得memcpy就是最快的内存拷贝方法了。 也不知道老板最近是咋了,天天开会都强调:“我们最近的目标就一个字,性能优…

CompletableFuture生产中使用问题

CompletableFuture生产中使用问题 1 背景2 测试3 原因4. 总结 1 背景 接到一个任务,需要优化下单接口,查看完业务逻辑后发现有一些可以并行或异步查询的地方,于是采用CompletableFuture来做异步优化,提高接口响应速度,伪代码如下 //查询用户信息CompletableFuture<JSONObj…

认识 springboot 并了解它的创建过程 - 1

前言 本篇介绍什么是SpringBoot, SpringBoot项目如何创建&#xff0c;认识创建SpringBoot项目的目录&#xff0c;了解SpringBoo特点如有错误&#xff0c;请在评论区指正&#xff0c;让我们一起交流&#xff0c;共同进步&#xff01; 文章目录 前言1.什么是springboot?2.为什么…

投影仪离线语音识别芯片ic方案,高识别率识别IC,WTK6900H-B-24SS

随着智能科技的不断演进&#xff0c;人工智能已经深入到我们的生活中的方方面面。投影仪作为现代影音娱乐与商务展示的得力工具&#xff0c;为了进一步提升用户与产品的交互体验&#xff0c;深圳唯创知音最新推出WTK6900H-B-24SS离线语音识别芯片IC方案。这项创新技术使得投影仪…

入侵检测——恶意软件、病毒、防病毒、反病毒技术

目录 1. 什么是恶意软件&#xff1f; 2. 恶意软件有哪些特征&#xff1f; 3. 恶意软件的可分为那几类&#xff1f; 3.1.1按照传播方式分类&#xff1a; 3.1.2按照功能分类&#xff1a; 4. 恶意软件的免杀技术有哪些&#xff1f; 5. 反病毒技术有哪些&#xff1f; 5…

左神算法之中级提升(6)

目录 【案例1】 【题目描述】 【思路解析】 【代码实现】 【案例2】 【题目描述】 【思路解析】 【代码实现】 【案例3】 【题目描述】 【思路解析】 【代码实现】 【案例4】 【题目描述】 2018年美团面试题 【思路解析】 【代码实现】 【案例5】 【题目描述】 …

Service Mesh之Istio部署bookinfo

给istio部署插件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 rootk8s-master01:/usr/local# cd istio rootk8s-master01:/usr/local/istio# ls samples/addons/ extras grafana.yaml jaeger.yaml kiali.yaml prometheus.yaml RE…

AMD技术泄露?CPU加密技术面临新的危机

许多AMD CPU中的破解加密、泄露密码的漏洞可能需要几个月才能修复。 “Zenbleed”漏洞影响了所有基于Zen 2架构的Ryzen、Threadripper和EPYC处理器。 技术泄露情况 谷歌零项目安全团队成员Tavis Ormandy称&#xff0c;许多AMD新一代消费级、工作站和服务器处理器最近被曝出漏…

招商银行秋招攻略和考试内容详解

招商银行秋招简介 招商银行是一家股份制商业银行&#xff0c;银行的服务理念已经深入人心&#xff0c;在社会竞争愈来愈烈的今天&#xff0c;招商银行的招牌无疑是个香饽饽&#xff0c;很多人也慕名而至&#xff0c;纷纷向招商银行投出了简历。那么秋招银行的秋招开始时间是多…

感受野(Receptive Field)的理解与计算

一、 定义 在卷积神经网络中&#xff0c;感受野&#xff08;Receptive Field&#xff09;是指特征图上的某个点能看到的输入图像的区域&#xff0c;即特征图上的点是由输入图像中感受野大小区域的计算得到的。 神经元感受野的值越大表示其能接触到的原始图像范围就越大&#…

Java编译期与运行期优化探究

一: 即时编译器优化技术一览 1.编译器策略&#xff08;compiler tactics&#xff09; 延迟编译(delayed compilation) 分层编译(tiered compilation) 栈上替换(on-stack replacement) 延迟优化(delayed reoptimization) 静态单赋值表示(static single assignment representat…

电脑选睡眠、休眠还是关机?

关机 这是大家最熟悉的。关机时&#xff0c;系统首先关闭所有运行中的程序&#xff0c;然后关闭系统后台服务。随后&#xff0c;系统向主板请求关机&#xff0c;主板断开电源的供电使能&#xff0c;让电源切断对绝大多数设备的供电&#xff08;只剩一些内部零件仍会维持电源供应…

(20)(20.4) 飞行前测试控制装置

文章目录 20.4 飞行前测试控制装置 20.5 测试失控保护 20.6 减少控制的滞后性 20.4 飞行前测试控制装置 在第一次飞行之前&#xff0c;你应该测试所有的功能是否工作良好。 要检查上述控制措施的移动方向是否正确&#xff1a; 在操纵杆设置屏幕上单击"启用"按钮…

手机卡商家套路有哪些?我说的这几种你肯定遇到过!

大家好&#xff0c;我是51物联卡葫芦妹&#xff0c;我忍不住了&#xff0c;今天要给大家曝光几种常见的手机卡宣传骗术。 其实是这样的&#xff0c;昨晚有个粉丝问我&#xff0c;他私信我说让我帮他看看某个卡靠不靠谱&#xff0c;名曰超神卡&#xff0c;月租69块钱&#xff0…

多线程之GCD应用

一些套话 GCD全称是Grand Central Dispatch&#xff0c;它是纯 C 语言&#xff0c;并且提供了非常多强大的函数 GCD的优势&#xff1a; GCD 是苹果公司为多核的并行运算提出的解决方案GCD 会自动利用更多的CPU内核&#xff08;比如双核、四核&#xff09;GCD 会自动管理线程的…

Vue输入内容/链接生成二维码

方式一&#xff1a;qrcode&#xff08;无 icon 图标&#xff09; npm i qrcodejs2 --save完整代码 <template><div class"flex-box"><div>qrcode&#xff08;无 icon 图标&#xff09;</div><div class"qr-code" ref"qrCo…

MySQL Windows版本下载及安装时默认路径的修改

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、MySQL 下载二、默认路径修改1、安装前准备【非常重要】2、启动安装程序总结1、MySQL下载2、MySQL默认路径修改前言 MySQL 被Oracle收购后,各种操作规范及约束也相应的跟着来了,这不,只…

Linux服务器增加虚拟交换内存

文章目录 swap分区的创建1、查看磁盘使用情况2、添加Swap分区3、对交换文件格式化并转换为swap分区4、挂载并激活分区5、查看新swap分区是否正常添加并激活使用6、修改 fstab 配置&#xff0c;设置开机自动挂载该分区7、查看是否已经使用了交换内存 更改Swap配置查看当前的swap…