web前端开发规范

web前端开发规范相关知识

• Web前端开发规范

  规范概述目的为提高团队协作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，特制订此文档。本规范文档一经确认，前端开发人员必须按本文档规范进行前台页面开发。本文档如有不对或者不合适的地方请及时提出，经讨论决定后方可更改。准则符合web标准，语义化html，结构表现行为分离，兼容性优良。页面性能方面，代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度。文件规范基本要求对页面中标签属性的值都需要用双引号包括起来所有页面编码均采用utf-8文件存放与命名规范html，css，js，images文件均归档至《系统开发规范》约定的目录中；html文件命名：英文命名，后缀.htm，同时将对应界面稿放于同目录中,并要求与html文件同名，以方便后端添加功能时查找对应页面；css文件命名：英文命名，后缀.css，共用base.css，首页index.css，其他页面依实际模块需求命名；js文件命名：英文命名，后缀.js，共用common.js，其他依实际模块需求命名。html书写规范文档类型声明
• WEB前端开发规范文档

  规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档.本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度.文件规范1. html, css, js, images文件均归档至约定的目录中;2. html文件命名: 英文命名, 后缀.html. 同时将对应界面稿放于同目录中, 若界面稿命名为中文, 请重命名与html文件同名, 以方便后端添加功能时查找对应页面;3. css文件命名: 英文命名, 后缀.css. 共用base.css, 首页index.css, 其他页面依实际模块需求命名.;4. Js文件命名: 英文命名, 后缀.js. 共用common.js, 其他依实际模块需求命名.html书写规范1. 文档类型
• 超详细的Web前端开发规范文档

  规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度. 文件规范 1、 html, css, js, images文件均归档至<系统开发规范>约
• GitHub上收集的最全的前端资源汇总（包括前端学习、求职、开发资源）

  在GitHub上收集的最全的前端资源汇总（包括前端学习、前端开发资源、前端求职面试等） 个人结合github上各位大神分享的资源进行了简单的汇总整理，每一个条目下面都有丰富的资料，是前端学习、工作的好帮手。 项目地址： https://github.com/helloqingfeng/Awsome-Front-End-learning-resource 说明: 整理有不当之处, 欢迎 pr 或提出 issue。 更新日志： 20160829： 增加100+ 超全的web开发工具和资源 增加Web前端开发规范文档 关于我： 微博: @青丰与名月 GItHub: @helloqin

web前端开发规范相关课程

• 5G时代必备音视频WebRTC实时互动直播技术入门与实战 5G时代下，音视频行业将会得到前所未有的蓬勃发展，音视频人才将成为新的宠儿。本课程将从入门到实战，系统讲解WebRTC实时互动直播技术【音视频领域核心技术】，让你低门槛进入音视频行业，快速成为企业急需的音视频工程师。让你对整个 WebRTC技术的使用有非常深入的掌握，并有能力实现一套1对1音视频实时互动直播系统，并可以与其它终端进行互联。而这些能力正是当下企业急需的能力。还在等什么，赶快学起来！

  讲师：李超 中级 2195人正在学习

• Vue3+ElementPlus+Koa2 全栈开发后台系统 现如今前端的边界在持续扩大，企业对于工具化、平台化、全栈化能力要求也越来越高。本课程将应用Vite2.0 + Vue3 + ElementPlus+Koa2+Mongo开发一个通用后台管理系统，带大家掌握全栈开发能力，及真正落地的综合技术能力。

  讲师：河畔一角 中级 894人正在学习

• 前端高手养成计划-从前端到后端，全栈开发大型项目 毫无疑问，懂后端的前端工程师，更受欢迎。无论在应对大厂面试，还是面对中小企业实际业务时，TA们都能以出色的发挥，争取更好的机会。本课程面向前端工程师，以时下流行的技术栈，助你在提升前端开发能力的同时真正走进后端，真正夯实+扩展个人能力，实现里程碑式跨越。

  讲师：keviny79 中级 89人正在学习

web前端开发规范相关教程

• 1. Django 开发规范 对于 Django 的开发规范，我个人的总结如下：正式开始基于 Django 的 Web 服务项目之前，需要完成相应的需求和接口设计， 而不要冒冒然直接开写；工程需要有完整的文档介绍 、服务部署脚本（start、stop） 等等，让这个项目至少看起来高大上和完整；完善的版本迭代机制，每个版本的需求说明、bug 更新文档以及相应的版本号。这些初始的规范在其他 Web 项目开发中也是合适的，最重要也是最难的一件事情就是坚持做好上面这些，同时坚持良好的代码规范。
• 4.前后端分离模式开发规范 前后端分离模式逐渐成为主流，随之而来的问题也很突出。通常，后端服务开发完成，开发人员会写一份后端接口调用的说明文档。不同公司、不同项目甚至不同开发人员都有各自的喜好，因而开发好的后端服务，也是千奇百怪，前端开发人员为了使用使用后端服务，必须逐个对照说明文档才能知道调用方式。小型项目还好说，大型项目接口繁杂，如果仍然采用千奇百怪的接口调用方式，就会无形中增加开发难度。那么是否有一套接口开发规范，是否有一个见名知意的接口调用方式呢？答案是有的，这就是 RESTful 规范。后续内容，我们将正式开始学习 RESTful。
• Django项目开发规范 这里会简单介绍下基于 Django 框架开发 Web 项目中要遵守的一些基本开发规范。
• RESTful Web API开发的核心任务 通过上节课的学习，我们已经知道了在当下的 Web 开发中 JSON 数据格式已经逐步取代了 XML 用来进行前后端之间的数据交互。但是前端的数据格式可能并不规范，不能直接为后端所用，这个时候就需要我们将数据进行序列化和反序列化，我们先来简单了解下什么是序列化和反序列化：序列化：按照前端需求，在数据库检索相应数据，转化为前端所需的数据形式（如 JSON），发给前端。反序列化：将前端发来的数据，按照数据库的要求，转化为数据库所能接受的形式，存入数据库。而序列化和反序列化是 RESTful API 接口开发时的核心任务，这节课我们来学习下序列化和反序列化的概念。
• 代码规范 每个团队、每个人都有自己的代码规范。规范的代码可以让整个项目的编码风格更统一。一个项目的代码规范涉及许多方面：是否该用分号结尾可否使用位运算符能不能写行 if 语句是否必须要用函数声明的形式创建函数…在没有工具检测的情况下，统一多人项目的编码风格是一件比较困难的事情，每次提交代码都需要详细的 review 每一行代码，因为这些规范点都非常细。好在目前的前端生态有许多工具帮我们解决这个问题。代码是否符合规范，就是要对代码进行检查。对 JavaScript 代码的检查，目前使用最多最广的是 ESLint。
• 4. Django 代码规范 最后的是 Django 代码规范，也是 Python 代码的规范。总结个人在看源码以及在写代码之间尽量避免的一些问题：不要重复代码！不要重复代码！不要重复代码！重要的事情说三遍。在 Python 开发中，我们尽量不要写重复代码，将同一个功能的代码尽可能封装成函数以供调用；python 代码中变量、函数、类的命名，尽量有含义，比如下面定义的 Connection 类：class Connection(BaseConnection): def __init__(self, host, port, user, passwd): ... # 远程执行shell命令 def run_command(cmd): ... # 上传文件到远端服务器 def upload_file(source_src, dest_src, mode): ... # 从远端服务器上下载文件 def download_file(remote_src, dest_src, mode): ... ...可以看到，这里 从 类名到参数，到函数名都能从名称上推测出其作用。不要盲目在一个函数中堆砌代码。一个函数内的代码尽量控制在如 50 行内，每行的代码的长度也不要过长，容易引起视觉反感；如果有能力，需要多学习一些设计模式相关知识，还有 Python 的各种高级用法。有时候不是为了酷炫，而是这样使用能做到非常好的简化代码和封装代码；此外，尽量使用一些做的比较好的第三方插件，比如 DRF 帮助我们快速实现 Web API 接口，同时还提供了认证相关功能，可以让我们简化开发难度，而且提供良好的代码风格。在一些情况下，尽量避免自己重复造轮子，而且造的是差轮子；编写函数测试用例。这个是很多开发工程师不愿意做的但是又十分重要的一点。对于一些重要函数，我们一定要记得给这个函数设计一个测试用例，避免后续有人接收是改动该函数能及时发现异常以上是我在工作中的一些体会，主要是在开发中碰到的一些常见的规范问题。有些公司的代码规范会详细到如何定义好的变量名、对注释的限制等等。养成良好的 Python 代码规范是项目中的一个重要环节。一个非常好的途径就是去学习 Python 项目的相关源码，这里推荐的有： Flask、Django、Ansible 等流行的开源项目，从中可以学到不少设计模式以及 Python 中的高级用法。

web前端开发规范相关搜索

w3cshool w3c标准 w3c菜鸟 w3c验证 walk wall warn web web py web service web services webbrowser webgl webmaster webservices webservice教程 webservice接口 webservice调用 websocket webview

查看更多慕课网实用课程