作者｜jaychen 原文｜https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651552192&idx=1&sn=5342d6ea6d77
Web前端作为开发团队中不可或缺的一部分，需要按照相关规定进行合理编写（一部分不良习惯可能给自己和他人造成不必要的麻烦）。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。备注：实际开发请以本公司的规范为标准。
01.HTML教程/简介/基础 HTML 教程- (HTML5 标准) 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 在本教程中，您将学习如何使用 HTML 来创建站点。 HTML 很容易学习！相信您能很快学会它！ HTML 实例 本教程包含了数百个 HTML 实例。 使用本站的编辑器，您可以轻松实现在线修改 HTML，并查看实例运行结
为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档。
规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度. 文件规范 1. html, css, js, images文件均归档至<系统开发规范>约定的目录
本规范既是一个开发规范，也是一个脚本语言参考，本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。如果有任何问题，请及时与我联系，我会及时更改本规范的相关代码样例和文档。
(若有 issue / pull request 一律需附上编号) {type}:{subject (并在50个字内)} #{issue/pull request}
Tailwind CSS 是一个受欢迎的“实用优先”的 CSS 框架，声称可以帮助你更快、更轻松地创建自定义设计。然而，并不是每个人都对 Tailwind CSS 感到满意。事实上，有很多原因让你应该避免使用它，而坚持使用纯 CSS 或其他框架。以下是你应该讨厌 Tailwind CSS 的主要原因：
始终基于模块的方式来构建你的 app，每一个子模块只做一件事情。Vue.js 的设计初衷就是帮助开发者更好的开发界面模块。一个模块是应用程序中独立的一个部分。
如今，越来越多的JavaScript代码被使用在页面上，我们添加很多的内容在浏览器里。如何去很好的组织这些代码，成为了一个必须要解决的难题。
CSS 框架是预先准备好的库，旨在用于加快构建网站或 Web 应用程序的过程。这里有六个最好的 CSS 框架。
Nginx 的 location 用于匹配 URI 不同路径的请求，实现对请求的细分处理。例如当客户端请求 https://www.nginx-test.com/index.html 时，Nginx 使用本地的静态文件响应，而当客户端请求相同地址的 https://www.nginx-test.com/api 时，Nginx 将请求转发到后端服务器。
1、为提高团队协作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，也为了更好阅读、修改和提高对CSS的加载速度，CSS的编写应该遵循一定的编写规范。目前网上已经流行一些比较好的规范，大多由网友总结；大公司的CSS规范也值得我们去参考。但由于无法获取到大公司的内部资料，只能参考部分网上一些比较好的资料来制作一套自己的规范。
程序是写给人读的，只是偶尔让计算机执行一下。” ——Donald Ervin Knuth（高德纳） 关于代码素养 我们常常谈到“素养”一词，是指个人在专业领域内实践训练而成的一种修养，在不同的领域中有不同的体现，如在音乐领域中，“音乐素养”是指个人对于音乐的感觉程度，对音高节奏的把控，对不同流派音乐的鉴赏能力等，而在编程领域，也有不同的素养，反映出对基本功、代码整洁度、专业态度等等方面，所谓“代码素养”，简单来说，就是指代码写的是否优雅美观可维护。 绝对完美的代码是不存在的，代码素养并不是指完美主义。在翻译
“程序是写给人读的，只是偶尔让计算机执行一下。” ——Donald Ervin Knuth（高德纳）
“程序是写给人读的，只是偶尔让计算机执行一下。”
本规范提供了一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特性：
RL在搜索结果列表中式显示的内容之一，因此SEO在设计网站结构时需要对目录及文件命名系统做事先规划。基于推广优化考虑，URL设计应从用户体验角度出发，清晰、易记是首要原则，然后在考虑对排名的影响。
不用说，绝大部分前端开发都会脱口而出：HTML、CSS 和 JavaScript。要是这个还需要犹豫的话，朋友自己去墙角反省一下自己[手动狗头]。既然被称为三剑客，那么就意味着这三者在前端开发中起到了重要的作用。HTML 负责页面结构的搭建，CSS 负责页面的布局与美化，而 JS 负责的是赋予静态页面以动态的逻辑。从这个角度来看，这三者真的是缺一不可。但是随着业务需求的紧逼，我们往往做不到“雨露均沾”，有意无意得忽略了某个角色——CSS。
此文是《.NET：框架设计原则、规范》的读书笔记，本文内容较多，共分九章，将分4天进行推送，今天推送1-3章。 1. 什么是好的框架 2. 框架设计原则 3. 命名规范 4. 类型设计规范 5. 成员设计规范 6. 扩展性设计 7. 异常 8. 使用规范 9. 设计模式 1. 什么是好的框架 1.1 简单的 一个好的框架必定是使用起来非常简单的，如果超过2个小时都还没能写出基本的使用代码，就一定不够好用。我们自己设计的框架很多时候都要使用者去了
引用 文章 Let’s Define Exactly What Atomic CSS is 中定义：
二、相对网页外层重要部分CSS样式命名： - TOP 外套 wrap ------------------用于最外层 头部 header /top----------------用于头部 主要内容 main/content ------------用于主体内容（中部） 左侧 main-left -------------左侧布局 右侧 main-right -----------右侧布局 导航条 nav -----------------网页菜单导航条 内容 content ---------------用于网页中部主体 底部 footer -----------------用于底部
1、模块模块尽量使用小写命名，首字母保持小写，尽量不要用下划线(除非多个单词，且数量不多的情况)# 正确的模块名importdecoderimport html_parser # 不推荐的模块名import decoder-特殊的如init模块，如果模块是包的私有模块会使用前缀加一个下划线。 包也是一样2、类名类名使用驼峰(camelcase)命名风格，首字母…
1.const、let关键字：let块级作用域，const常量（如果是引用类型，那么可以修改它的属性）
原则上尽量少使用全局变量 因为全局变量的生命周期太长，容易出错，也会长时间占用空间.各个源文件负责本身文件的全局变量,同时提供对其访问函数。 变量函数文件，要命名恰当，类似的标识保持一致性。 注意使用关键字 const volitale 等 在函数体的“入口处”，对参数的有效性进行检查。 （？？ 尤其是指针参数，尽量使用assert宏做入口校验，而不使用if语句校验。） 函数的功能要单一，不要设计多用途的函数。 函数体的规模要小，尽量控制在80 行代码之内。 相同的输入应当产生相同的输出。尽量避免函数带
最近一直看一本python经典教材——《Python学习手册》，因为之前都是突击学的，也没有仔细看一些经典教材，所以感觉自己的基础掌握的还不是很好，虽然网络上资源多，但我觉得还是有必要买本教材来认真的读一读，底层基础决定上层建筑嘛，基础打牢一些，对今后的编程还是会有些帮助的。
如何写出一套可维护的CSS库？不妨谈谈CSS的设计模式/架构吧。接下来将为你讲述三个主流的CSS设计思想和一个最近通用的CSS设计思想：OOCSS、SMACSS、BEMCSS、METACSS。
（1）为了加强可读性和避免隐含依赖，应使用下面的顺序：C标准库、C++标准库、其它库的头文件、你自己工程的头文件。不过这里最先包含的是首选的头文件，即例如a.cpp文件中应该优先包含a.h。首选的头文件是为了减少隐藏依赖，同时确保头文件和实现文件是匹配的。具体的例子是：假如你有一个cc文件（linux平台的cpp文件后缀为cc）是google-awesome-project/src/foo/internal/fooserver.cc，那么它所包含的头文件的顺序如下：
使用wordpress的人可能都知道，wordpress是可支持文件中文的，可是在有时候在为了一些特殊功能时候，需要文件或者图片为非英文的，如果是文件很多，那一个一个的修改起来那不是很累吗，直接为所有上传图片重新命名为非中文的。
本文介绍了CSS样式的基础知识，包括定义、语法、注释以及样式位置和优先权等。
BEM（Block-Element-Modifier）是一种 CSS 模块化方法，旨在简化 CSS 编写并提高代码的可读性和可维护性，它将 HTML 元素划分为三个部分: 块（block）、元素（element） 和 修饰符（modifier）。
本文目录 继承 层叠命名规范参考 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>继
省略外链资源（图片及其它媒体资源）URL 中的 http / https 协议，使 URL 成为相对地址
文件注释用于告诉不熟悉这段代码的读者这个文件中包含哪些东西。 应该提供文件的大体内容, 它的作者, 依赖关系和兼容性信息。如下:
腾讯在很之前开放了宝贝回家的404页面接口，意味着任何404的网页都可以改为宝贝回家。
本文包含对一些定律、原则和模式的解释，但并不主张其中任何一项。是否要应用哪个定律一直是一个争论性问题，并且很大程度上取决于你在做哪方面的工作。
初级前端和高级前端有什么差别？在我看来，初级前端关注点在完成功能，高级前端能在完成功能的基础上，做的又好又快。做的好，就是代码质量高，做的快就是开发效率高。
单行形式书写风格的排版约束 1.每一条规则的大括号 { 前后加空格 2.多个selector共用一个样式集，则多个selector必须写成多行形式 3.每一条规则结束的大括号 } 前加空格 4.属性名
前言 最近一直重构项目的前端代码，也参考了各种前端代码的最佳实践，目的是让前端的HTML,CSS,JavaScript代码更符合标准，有更好的性能，更好的可维护性，尝到了重构后的甜头，也萌生了写这个系列博客的念头。前端代码有其固有的灵活性，这就导致了目前前端代码非常混乱的局面，本系列文章希望能起到抛砖引玉的作用，让更多的人重视前端代码的质量，编写更标准的前端代码。 本系列文章共有三篇，分别讨论HTML,CSS,Javascript，本篇将讨论Javascript。 目前，Javascript已广泛运用于前端
当谈到开发问题时，人们总会谈论各种定律。但对于大多数人来说，总有一些是你不了解的，这个问题就需要使用程序员最喜欢的方法解决了：最近 GitHub 上的一个“定律合集”项目突然登上了趋势榜第二位，Star 数上千，该项目对一些最常见的定律进行了概括，详情见下文。
你好，我是刚哥。 针对“pytest搭建接口自动化框架”，谈谈对框架设计的当前认知。 简约至上。选择pytest就是选择Python，Python的设计理念是Simple is better than complex，不能让初学者直接上手的框架设计，都是在反其道而行之。所谓具备编程思想的自动化框架，并不值得追求。 原生用法。Beautiful is better than ugly，能不封装就不封装，不改变依赖库的函数声明，函数名、入参列表、返回类型。通过可省参数追加入参，通过装饰器添加代码，通过猴子补丁更改行为。 数据用例一体。Flat is better than nested，平铺比嵌套更容易编写，阅读，维护。将数据放在用例文件中，在单个文件中编写用例。数据驱动时，可从外部读取。变量管理亦是如此。 pytest提供了测试框架的基础骨架，Python库提供了各式各样的组装零件，我们要做的是拼凑，搭建适用于接口自动化测试的框架。 宜轻不宜重。挑选Python库，优先选择轻量级的，比如pytest-html既能满足使用需要，又能定制化样式，就不用安装依赖Java环境的Allure。比如Python内置logging就能打印日志，就没必要非得使用依赖visual c++的loguru。 用例独立。用例相互之间没有依赖，随便拉出一条用例就能执行。多接口场景用例，把每个接口视为一个测试步骤，排列在用例里面。无上游依赖、出参稳定的接口抽取为公共函数。简单来说，用例可以只包含一个接口，也可以包含多个接口。接口可以写在用例里面，也可以写在用例外面作为公共函数，再导入到用例里面。接口参数不同验证不同场景，复制用例文件，命名为新用例。 中文命名。用代码编写pytest，有个缺点是文件命名晦涩难懂。在“用例独立”这条设计原则之上，可以采用中文命名用例集（文件夹）和用例名称（文件名）。不存在用例相互依赖，就不需要import，代码中就不会出现中文，不影响代码执行和“专业性”。用中文写注释没问题，不要用中文作为对象名。 标记不如目录。pytest支持marker给测试用例打标，执行时按标记筛选用例执行。用例多了以后，维护标记变得麻烦。将用例集按照某种特性分组，比如基础自动化用例集、每日巡检用例集、联调用例集。按目录维护用例，按目录批量执行用例。
方法二：利用 menu 指令调出 T100系统首页，这个界面又有两种方法执行程序
译文 | https://zhuanlan.zhihu.com/p/28085207 作者 | Inessa Brown,
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/109162.html原文链接：https://javaforall.cn
我们将使用Visual Studio 2019使用 Razor Pages 创建新的Web应用程序。以下是步骤。
1.在pycharm的工具栏找到 Tools，点击之后会有“Run manage.py task”选项，点击它之后，在pycharm下面会出现一个输入界面，在里面输入
本文章以WordPress为例，以支持背景图API功能的主题为主，这里以后宫学长的H-Siren为例。这里可以参考本站文章：数款二次元wordpress主题，你值得拥有！
掌握分析与学习目的 1.掌握java SDK的下载，安装和配置 2.java基本编程规范 一.Java SDK6.0的安装 需要安装的构件包括开发工具，演示程序及样例，源代码，而公共的JRE和Java DB可以不安装。 （1）开发工具：java的核心，包括开发java程序必需的类库和工具，已经包括jre。 （2）演示程序和样例 （3）源代码：java所有核心类库的源代码 安装完后： src.zip：该压缩文件中存放的是java所有核心类库的源代码。 二.Java SDK6的操作命令：可以分为10类：基本命令，安全控制命令，国际化命令，RMI(远程方法调用)命令，java部署命令等。 三.java编程规范 1.java命名约定基本原则： （1）_，$不作为变量名，方法名开头。 （2）变量名，方法名首单词小写，其余单词只有首字母大写。 （3）接口名，类名第一个字母大写。 （4）常量完全大写。 2.注释规则： （1）文档注释：/***/ （2）多行注释：/**/ （3）单行注释：// 3.注释的使用原则： （1）在类的声明中需要注释的地方：类的功能和用途处，类的开发和维护历史。 （2）接口需要注释的地方是：接口的用途，使用环境和使用方法。 （3）属性的注释需要对属性描述：若属性的可见效定义不是私有，应该用注释适当说明理由。 （4）成员方法注释：位于源代码的顶部。注释的内容包括与方法相关的所有信息。 4.java源文件结构规则 （1）版权信息：必须位于java文件的开头。 （2）package/imports语句：package语句在imports语句之前。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
