Ⅰ 前端的分类有哪些啊比如说移动网页前端pc网页前端,和app前端。...
可以分成两部分理解
1.服务器端开发,也叫后台开发,这是唯一的,对应不同的平台,他负责数据的分发与存储,和一些逻辑的处理.逻辑处理的多少由业务的复杂程度决定。服务端相对独立,与平台没啥关系.
2..1中不同的平台指web平台、移动设备平台等,移动设备又可分为andriod平台、iPhone平台等
每个平台都有自己的规范和开发技术。web平台的规范是键盘+鼠标,开发技术是html+css+javascript;移动设备平台的规范是键盘+手指(触摸和手势),技术iphone是Objective-C,android是java。
业界很少有说移动web前端开发的,都是移动web开发.而web app特指的是用html5技术开发,之所以叫web app是因为他比较接近客户端应用程序的用户体验,可以和系统深度融合,调用一些只有客户端才能调用的功能(比如在移动设备上利用html5开发出的网页可以访问电话、摄像头等本地功能).
通常你看到的一些文章中会提到web app 和native app,这里的web app指的是mobile web app,而移动web和web开发没本质的区别,但需要不同的开发框架,以解决在移动设备上的适配问题和一些特殊的操作以及功能调用。
最后总结一下,web开发利用的是基于浏览器的网页语言技术,native app开发利用的是基于操作系统的程序语言技术,web app介于两者之间.当然现在比较流行混合型app,这个可以多网络一下.
Ⅱ 前端开发是做什么的工作职责有哪些
前端开发是做PC端开发任务;而Android开发、iOS开发和各种小程序主要针对的是移动端开发工作的。
1、使用Vue/React开发,配合产品完成 Web/Electron项目迭代;
2、收集、分析项目需求并给出技术解决方案,完成高质量的编码开发、调试和版本维护工作;
3、深入分析和解决前端遇到的各种技术、性能、跨终端兼容等问题,持续优化前端用户体验与框架;
4、协助前端开发工程体系建设与落地。
任职资格:
1、35周岁以下(含),211院校本科及以上学历,计算机相关专业优先,具备3年以上前端开发经验者优先;
2、掌握至少一种主流框架并深入了解其原理,熟悉前端研发生态圈,包括模块化、前端编译和构建工具;
3、熟悉主流浏览器的特点,对桌面跨平台有深入了解更佳;
4、有完整参与一个产品的设计、开发到上线过程,对前后端协作模式、产品和项目流程、网络和安全有深入理解,有大型项目前端架构部署和实践经验优先;
5、关注前沿技术,具备较强学习能力,在各大技术社区活跃者、有自己开源项目者优先;
6、具备良好服务意识、责任心以及团队沟通与协作能力。
Ⅲ 前端规范一(命名规范)
前端规范一(命名规范)
1、小驼峰命名法(lowerCamelCase) :第一个单词以小写字母开始,第二个单词的首字母大写,例如:firstName、lastName。
2、大驼峰命名法(CamelCase) :每一个单词的首字母都采用大写字母,例如:FirstName、LastName。
3、下划线命名法(snake_case):下划线命名法也叫蛇形法,全由小写字母和下划线组成,在两个单词之间用下滑线连接。例如:first_name。
4、中划线命名法(kebab-case):中划线命名法也叫串式命名法,各个单词之间通过下划线“-”连接。例如:first-name。
强制使用:中划线命名法
命名规则:1、文件名不得含有空格
2、文件名建议只使用小写字母,不使用大写字母
3、文件名包含多个单词时,单词之间建议连词线 ( - ) 分隔
4、有复数结构式,要使用复数
示例:login 、 error-page、 icons
强制使用:全部大写字母
为了醒目,某些说明文件的文件名,可以使用大写字母
示例:README
补充说明: README 标准
◎ 项目简介。
◎ 注意事项。
◎ 线上的示例地址(测试、正式)。
◎ 支持运行的环境。
◎ 必要的依赖准备,以及如何搭建。
◎ 项目的安装指南。
◎ 相关的文档链接。
◎ 相关人员的联系方式。
README.md 示例:
强制使用:小驼峰命名法
命名规则:前缀为动词,见名知意
1、onXxx 监听事件的回调
2、handleXxx 处理事件
3、getXxx 获取某个值
4、setXxx 设置某个值
常见场景:
a、事件处理:
(1).事件主动监听采用 onXxx ,被动处理使用handleXxx
示例:onXxxSubmit: '提交表单'
handleXxxSizeChange: '处理分页页数改变'
handleXxxPageChange: '处理分页每页大小改变'
onXxxKeydown: '按下键'
(2). 其他命名:元素+click、 元素+change、select+范围
示例:selectAllXxx: '选择所有'
xxxCellClick: '当某个单元格被点击时会触发该事件'
xxxSortChange: '当表格的排序条件发生变化的时候会触发该事件'
b、增删改查处理:
增: addXxx 添加子项
createXxx 创建大项
删: deleteXxx 真删除
removeXxx 伪删除
改:updateXxx
查: getXxx 获取原始数据需要修改
fetchXxx 原始数据
示例:getUserList: '获取用户列表', fetchToken: '取得Token', deleteUser: '删除用户', removeTag: '移除标签', updateUserInfo: '更新用户信息', addUser: '添加用户', createAccount: '创建账户'
c、API接口函数:
get: getXxxApi
post: postXxxApi
patch: patchXxxApi
delect: delectXxxApi
域名:xxxUrl
一般属性变量 强制使用:小驼峰命名法
1、布尔值
命名规则:前缀为判断性动词
hasXxx 判断是否含有某个值。true:含有此值; false:不含有此值
isXxx 判断是否为某个值。true:为某个值; false:不为某个值
示例:isShow: '是否显示', isLoading: '是否处于加载中', hasToken: '是否包含Token',
2、数组命名
命名规则:使用名词+List组合
示例: userList: '用户列表'
3、私有属性变量
命名规则:前缀为下划线(_)后面和变量命名一样。
4、枚举变量 \textcolor{red}{强制使用:大驼峰命名法}
枚举的属性使用全大写字母,单词间用下划线隔开。
示例:let TargetState = { READING: 1, READED: 2, APPLIED: 3, READY: 4 };
5、常量: 强制使用:使用全大写字母,单词间用下划线隔开
强制使用:大驼峰命名法
命名规则: 可参考vue官网风格指南
例如: 1、按照功能来命名
2、应用特定样式和约定的基础组件 (也就是展示类的、无逻辑的或无状态的组件) 应该全部以一个特定的前缀开头,比如 Base、App 或 V。
3、组件名应该以高级别的 (通常是一般化描述的) 单词开头,以描述性的修饰词结尾。
示例:components/
|- BaseButton.vue
|- BaseTable.vue
|- BaseIcon.vue
强制使用: 中划线命名法
命名规则:
1.class、id 、标签、属性的命名应该尽量精短、明确,必须以字母开头命名,且全部字母为小写,单词之间统一使用中划线 “-” 连接
2.class必须代表相应模块或部件的内容或功能,不得以样式信息进行命名。
3.元素 id 必须保证页面唯一。
4.禁止创建无样式信息的 class
示例:
1、尽量不要缩写、简写的单词。除了 template => tmp、message => msg、image => img、property => prop 这些单词已经被公认的缩写
2、可读性强的命名优先于简短的命名
3、命名长度最好在 20 个字符以内,避免多长带来的阅读不便
4、命名要有具体的含义,避免使用一些泛指和无具体含义的词
5、不要使用拼音,更不要使用中文
6、正则表达式用 Exp 结尾
7、ref:使用Ref结尾
Ⅳ 什么是前端开发
Web页面的结构、Web的外观视觉表现以及Web层面的交互实现都属于前端。前端开发十分注重视觉设计,所以做前端的审美能力是必须的。前端开发的职责是什么?根据需要有不同的分工,比如有前端开发工程师、前端架构师、交互设计师、 视觉设计师等,一名合格的前端开发工程师,应该具有一定的审美能力和基础的美工操作能力,能很好的与交互及视觉协作。
前端开发工程师:精通JS,能熟练应用JQuery,懂CSS,能熟练运用这些知识,进行交互效果的开发。资深前端开发工程师需要使用JavaScript或者ActionScript来编写和封装具有良好性能的前端交互组件,熟练使用CSS+XHTML完美输出视觉界面。同时还要对Web项目的前端实现方案提供专业指导和监督并在日常工作之中对新人及相关开发人员进行前端技能的培训和指导。另外,还要跟踪研究前端技术,设计并实施全网前端优化。
那么前端架构师的职责是什么呢?前端架构师更多意义上说像是一个管理的岗位,但是其职责要求却不仅只是管理。前端架构师需要带领组员实现全网的前端框架和优化,还要创建前端的相应标准和规范,并通过孜孜不倦的布道来完善并推广和应用自己的标准和框架。同时,还要站在全局的角色为整个网站的信息架构和技术选型提供专业意见和方案。
Ⅳ 前端的主要工作职责有哪些
对于前端,官方的定义是网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。
用自己的话来说,前端是网页给访问网站的人看的内容和页面,那前端开发顾名思义就是这些内容和页面中代码的实现。
不过现在的前端不完全就是网页设计,早年的网页设计主要是以图片和文字为主,用户使用网站的行为也以浏览为主。而现在的前端开发使得现代网页更加美观,交互效果显着,功能更加强大。所以现在的前端开发,运用到的知识面更加广泛,难度也更大。
Ⅵ 前端开发都包括哪些技术
前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 [1] 。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显着,功能更加强大。
前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,最新的高级版本HTML5、CSS3,以及SVG等。
前端开发需要学习的技术
1 掌握基本web前端开发技术:HTML、CSS、JavaScript、DOM、BOM、AJAX等,而且要了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug
2 必须掌握网站性能优化、SEO和服务器端开发技术的基础知识
3 必须学会运用各种web前端开发与测试工具进行辅助开发
4 除了掌握技术层面的知识,还要掌握理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
5 未来web前端开发工程师还要研究HTML5、web视觉设计、网站配色、网站交互设计模式等相关技术
web前端有广阔的发展空间,app、小程序、移动端、pc端等都网站是需要前端技术的开发支持才能够完成,技术门槛相对较低、需求量较大,薪资待遇良好。只要是互联网端的客户界面,就需要前端来制作完成,前端开发的编程量不大,但是需要部分编程,入门简单,但是要学的深入需要一个过程。
Web前端招聘岗位
• 前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师...
• H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师...
• JS开发工程师、Vue.js开发工程师、Node.js开发工程师、前端架构师...
• 小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开 发工程师、Web安全工程师...
Ⅶ 前端是什么
前端也称web前端,web前端即为网站的前端开发,前端开发是创建Web页面或app等前端界面呈现给用户的过程。
web前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。它从网页制作演变而来,名称上有很明显的时代特征。网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。
随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显着,功能更加强大。Web前端主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。 一般而言,所涉及的内容主要包括W3C中的HTML、CSS和JavaScript这三方面的内容。
Ⅷ 前端工作的时候主要做些什么
随着WEB前端技术发展,前端的技术已经扩展到任何网站、系统、应用。web前端有广阔的发展空间,app、小程序、移动端、pc端等都是需要前端技术的开发支持才能够完成,技术门槛相对较低、需求量较大,薪资待遇良好。只要是互联网端的客户界面,就需要前端来制作完成,前端开发的编程量不大,但是需要部分编程,入门简单,但是要学的深入需要一个过程。
Web前端招聘岗位
• 前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师...
• H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师...
• JS开发工程师、Vue.js开发工程师、Node.js开发工程师、前端架构师...
• 小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开 发工程师、Web安全工程师...
在互联网行业,前端有WEB前端、HTML前端等,随着互联网技术发展,就业方向也有很多。web前端的就业方向有web架构师、web前端工程师、HTML前端开发工程师、网页设计师等等。
HTML前端开发
与Web前端开发不同的是,使用HTML5不仅仅可以开发前端,还有网页游戏,手机APP,使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标准浏览器上的开发,而未来可能会有更多的功能分支并入HTML5标准。web前端工程师
这个方向是目前从事Web前端开发的主要就业方向
Web架构师
薪资普遍比较高,技术要求高,掌握多种技能,包括:后端技术、DBA、Platform等等,甚至包括网站优化SEO技术。
数据方向
数据研发这个是在Web开发的基础上用数据附能,懂可视化的一定是有前端能力的,懂hadoop的一定java要熟悉,属于Web开发的拓展方向。
大前端方向
比如阿里,在大量实践rn和weex;由于公司内部安卓/ios式微,一定程度上,前端把ios和安卓收编了,统称大前端。
图形学方向
前端自然是与图形学有千丝万缕的联系,除了上面提到了可视化,还有相关3d引擎的开发工作。做这一行要求也非常高了,图形学相关的算法,3d引擎的开发,这都需要图形学相关知识。
Ⅸ 前端开发具体工作职责是什么
入门级做页面。就这么简单。
把Designer出的各种设计图转化成html+css+js+image的静态网页,并把它们交给后端开发人员制作成页面模板。这就是入门级的前端工程师所做的事情。
进阶级还是做页面。
不过稍微复杂一些,你需要开始注意一些更复杂的问题,首当其冲的就是浏览器兼容性问题。老实说浏览器兼容性问题真的不是那么好搞定的,毕竟每个项目对浏览器版本的要求都不一样,而且现在不光有PC浏览器还有各种移动设备上的浏览器,同时国内厂家的浏览器种类也越来越多,坑也是密密麻麻。除了兼容性,你可能还要关注一下性能问题,包括但不限于网络性能、渲染性能、js逻辑的性能等等,这个展开讲可以写本小册子了。
中级带团队。
你可能会奇怪,一个中级工程师就能带团队了?可是真的很多公司就是这样,尤其是小公司。当你了解了html、js、css以及各种浏览器的各种特性细节之后,你会被任命带领一个小的开发团队,当然是前端开发团队。可能加你一共也就三四个人,甚至更少。这时候你的工作内容除了自己写一点页面以外,还会帮助组员解决各种各样的细节问题,毕竟,组里,你是最懂技术细节的。这个时候,一部分人开始停步不前,而另一部分人开始关注另一个新的问题:工程化。前端代码都是非常松散的,项目结构性差,一旦开发人员数量多起来,业务复杂起来,如何管理这么多人、这么多代码是个非常大的问题。能否在这个问题上得到突破,决定了你能否迈向下一个级别。
高级架构设计。
此时你熟悉前端开发的各种技术细节(当然忘了一部分细节也没事 ^_^),同时对各种前端框架、技术的特性聊熟于胸,你知道如何组织和管理项目让大家能以最快的速度达到项目要求,你甚至了解手下每个人的所长所短。于是当新项目到来,你迅速根据自身过往的经验选取若干种技术和工具,配上你认为最合适的人选组成项目团队,披荆斩棘日夜兼程将产品汪的各种奇葩需求斩于马下。这么做了一两个项目之后,你可能又觉得空虚了,你要寻求新的目标。恰好,NodeJS打开了通往新世界的大门。
非典型前端穿过NodeJS打开的大门,你进入了全新的世界——后端。
全新的世界,无限的可能。楼上寸老师说的“上天入地,无所不能”,我猜就是这个状态。爱干嘛干嘛吧,这个时候,你应该不会再来问“后端程序员都在干嘛”这种问题了。其实,要成为一名“非典型前端”并不一定非得经过1~4的步骤。只是现在已经上了年纪的前端大多是这样过来的,毕竟,NodeJS出来的时间也并不算很久。
Ⅹ 什么是前端,后端,终端,有什么区别
简单地说,前端就是你在浏览网页app看到的一切东西,都是前端。后端就是程序员在背后做的一切努力,对数据等东西的处理。而终端就是你使用来浏览这些东西的设备。
展开来说的话,就比较长。
前端:
前端就是展现给用户浏览的部分。我们通常说的前端,其实是指前端开发,也就是创建PC端或移动端等前端界面给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。前端开发是从网页制作演变而来。早期的网页制作主要内容都是静态的,以文字图片为主,用户使用网站也以浏览为主。随着互联网的发展,现代网页更加美观,交互效果显着,功能更加强大。因此现在的前端开发的主要技术通常是指html、css、js技术和一些开发框架的使用。大家熟知的Facebook就是Web前端技术的产物,完全基于前端框架打造出来的平台。另外,外卖平台饿了么旗下的部分产品也是基于Web前端技术的。像淘宝,网络,阿里等等,都已经将Web前端技术打入到了自己的产品中。
后端:
为了让服务器、应用、数据库能够彼此交互,后端工程师需要具有用于应用构建的服务器端语言,数据相关工具,PHP框架,版本控制工具,还要熟练使用 Linux 作为开发和部署环境。后端开发者使用这些工具编写干净、可移植、具有良好文档支持的代码来创建或更新 Web 应用。但在写代码之前,他们需要与客户沟通,了解其实际需求并转化为技术目标,制定最有效且精简的方案来进行实现。
终端:
“终端”即是指最后或最外层的节点。在计算机世界里一般指最外层的输入输出。那什么是计算机的输入输出?最常见的输出设备就是显示器、最常见的输入设备就是键盘鼠标。所以通俗来说,计算机的终端就是位于最外层的显示器、键盘或鼠标。
在过去(现在也有)因为计算机资源非常宝贵,经常一台高性能主机向多台终端设备提供计算能力。即终端设备通过键盘鼠标向中心主机输入信息,中心主机计算后将结果返回给终端进行显示。终端本身不具备核心计算能力,主要就负责数据的输入和输出,这就是“终端”。
现代我们管很多设备叫终端机,比如手机。因为手机作为接打电话的终端负责声音的输入和输出,而重要的信号处理工作由各个基站等设备完成。