web前端编写开发文档 web前端开发都包括哪些技术

今天我爱编程网小编整理了web前端编写开发文档 web前端开发都包括哪些技术相关信息，希望在这方面能够更好帮助到大家。

web前端开发都包括哪些技术？

前端开发需要学习的技术：

1、掌握基本web前端开发技术：HTML、CSS、JavaScript、DOM、BOM、AJAX等，而且要了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug，
2、必须掌握网站性能优化、SEO和服务器端开发技术的基础知识，
3、必须学会运用各种web前端开发与测试工具进行辅助开发，
4、除了掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等，
5、未来web前端开发工程师还要研究HTML5、web视觉设计、网站配色、网站交互设计模式等相关技术。

想要了解更多这方面的相关信息， 推荐咨询千锋教育 。千锋企合作部整合大量企业客户资源，紧抓当下企业需求，将技术和项目完美结合千锋课程体系，力求培养更多优质人才服务企业，不断提升学员竞争力，链接企业用人标准的培训课程及实战项目，让企业招聘用人的技术要求与千锋学员的技术充分对接。近年来不断引进阿里钉钉小程序技术、红帽认证、腾讯云、亚马逊等，通过与企业的深度融合实现千锋教研和就业服务的迭代升级，专业性值得信赖。

艾思软件：前端开发规范文档

开发规范（前端）

版本： v1.0

日期： 2022-01-15

一：命名规范

命名统一使用英文单词，要求简单，通俗易懂。

项目命名

使用小写字母，多单词采用 “ - ” 中划线拼接。

例如：my-world / world

文件夹命名

使用小写字母，多单词采用 “ - ” 中划线拼接。

例如：home-page / home

文件命名

使用小写字母，多单词采用 “ - ” 中划线拼接。

例如：home-page / home

变量命名

使用小驼峰命名。如果单文件中变量过多，可能会出现重名的情况，建议增加前缀来区分不同功能的变量。或者把变量拆分到不同的文件之中。

例如：maxHeight / userMaxHeight / homeMaxHeight

常量命名

全部使用大写字母。多单词采用 “ _ ” 下划线隔开。

例如：const USER_TYPE = “9001”；

函数命名

规范一：使用小驼峰命名。被继承的父类的私有函数需要增加下划线前缀 “ _getPrice() ”。

例如：showToast / _getPrice

规范二：根据函数作用，适当添加动词前缀。

例如：getSize / setSize / hasNumber

前缀请查看文档最底部 “ 附件一：（函数命名动词前缀整合） ”

二：注释规范

简单易懂的变量方法，尽量编写注释。复杂难懂的变量方法，必须编写注释

单行注释 //

在代码上一行编写单行注释，简单介绍下方代码用途、注意事项等内容。

多行注释 /* */ 或 /** */

方法必须使用多行注释。当变量或代码块复杂，单行注释不足以解释清楚的时候，也需要使用多行注释。

例如： 我爱编程网

// 商品名称

goodsName: '猕猴桃',

/**

* 传入人员姓名，从数据库中查询该人员的手机号码

* @param {String} userName 姓名

* @return {Number} 手机号

*/

getUserMobile(userName){

......

return mobile;

},

三：CSS规范

1. class类名使用小写字母，多单词采用 “ - ” 中划线拼接。

2. id采用小驼峰命名。

3. scss、less中变量、函数、mixin统一采用小驼峰命名。

4. 缩进整洁有序。

四：项目规范

项目结构建议规范（实际根据具体需求逻辑进行调整）

src

api 所有接口封装

asstes 资源文件

- images 图片

- videos

components 所有组件

router 路由

store 状态管理

styles 公共样式

utils 公共函数库

view 视图

- home 视图文件需要分模块分文件夹存放

home.vue

home-detail.view

- user

五：附件

附件一：（函数命名动词前缀整合）

web前端开发都包括哪些技术

web前端开发包括的技术：

1、学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。

2、div布局：DIV元素是用来为HTML文档内大块的内容提供结构和背景的元素。

2、学习JavaScript的基本语法，以及如何使用。JavaScript编程将会提高开发人员的个人技能。

3、了解Unix和Linux的基本知识虽然这两点很基础，但是开发人员了解Unix和Linux的基本知识是有益无害的。

4、html5+css3：移动端的网页制作。在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎，现在也是前端的一个趋势。

5、一些框架的应用：angular.js，node.js，bootsttap等框架的应用。

6、了解Web服务器对Apache的基本配置，并且掌握htaccess配置技巧

7、web前端开发技术，还需要学习一些seo优化技术，因为前端是经常会和网站接触的。

8、掌握web前端开发技术的同时，适当的学习一些后台开发语言（java，php等）也是一个不错的选择。

以上，就是我爱编程网小编给大家带来的web前端编写开发文档 web前端开发都包括哪些技术全部内容，希望对大家有所帮助！