前端的一些规范

前端代码规范Front Standard Guide前端 JS 项目开发规范规范的目的是为了编写高质量的代码，让你的团队成员每天得心情都是愉悦的，大家在一起是快乐的。引自《阿里规约》的开头片段：----现代软件架构的复杂性需要协同开发完成，如何高效地协同呢？无规矩不成方圆，无规范难以协同，比如，制订交通法规表面上是要限制行车权，实际上是保障公众的人身安全，试想如果没有限速，没有红绿灯，谁还敢上路行...

文章目录前端开发规范文档一、WXML 规范1. 属性顺序(不必要的情况下)2. id / class 命名规则3. WXML 注释规范二、CSS 规范属性顺序选择器属性使用缩写去掉小数点前面的 0三、 JS 规范1. 语言规范2. 使用分号3. 块内函数声明4. 关于循环4.1 forEach4.2 map4.3 for-in4.4 for-of5. 命名规范6. 声明7. 回调函数规范8. 数据...

前端代码规范

前端规范 1. 前端目录构建 我们从命名原则、根目录、业务逻辑等方面进行目录构建前端的开发规范 本文主要从以下几个方面来概述前端的开发规范 目录构建规范 前端命名规范 前端工作规范 开发文档的书写规范 前端目录构建规范 我们从命名原则、根目录、业务逻辑等方面进行目录构建 1.1 命名原则： 简洁明了（如下：） src 源代码 img 图片资源 js JavaScript脚本 dep 第...

一般来说在一个元素中可以使用一个背景图就可以了，但如果自己想要用多个图片呢，又要怎么办呢？ 答案就在这里，还是利用background-image属性：只不过值变成了你想要添加的背景图路径 url（img1），url（img2），url（img3）...，这里将出现的效果，展现的是最上面的那个背景图（img1在最上面，以此类推），给每一个背景图添加属性background-repeat：no-r

浮动和定位的区别： 对元素使用浮动，那么这个元素依然存在于文档流中，周围的元素也会感受到他的存在； 定位的话，能够实现精准定位于某一个位置上，定位的元素将不占据空间，就像消失了一样 被定位过的容器（无论是绝对还是相对）的左上角将作为该容器中定位元素的起始点 小Tips： 对于浮动元素，而且还会有水平margin的情况下，在IE浏览器中会出现外边距加倍的情况 解决办法：给那个

text-indent: 常用于文本的首行缩进，单位可以是已知的任何值，可以继承； text-align: 的值可以是center/left/right/justify/inherit前三个的作用不必多说，第四个justify是将块级元素中的文本内容给两端对齐，inherit是继承父级元素的样式； line-height: line-height的值控制了行间距，是文本行超出字体大小的额

在html和Xhtml中有这样的一条规则：对于html或者xhtml而言，行内元素可以嵌套在块级元素中，对于css而言，却没有限制因为有display，反之不行（块级元素不能嵌套在行内元素中），即便是有了css也不行 link和@import的区别： link中的一些属性的解释，rel表示关系（可能是relationship的缩写吧），type表示数据的类型，href指向css文件路径，但是r

除了常用的通用选择器（*），ID选择器，class选择器，标签选择器之外，以下主要总结一下自己不常用但是却很重要的一些选择器： 伪类选择器： ：visited  当链接被访问过后的时设置的样式（多用于链接）； ：hover 当鼠标悬浮在元素上的时候定义的样式（一般任何元素均可）； ：link  链接处于平常状态的样式（多用于链接）； ：active 当链接访问的那一瞬间定义的样式；

直接上图：只要了解这个就行了： 还有就是： 1.内敛样式的权重为1,0,0,0，这也就是传说中的就近原则吧！ 2.还有就是利用“！important”，拥有最高的权重，注意！important要卸载某条样式声明之前（分号的前面）

一般而言，不要给外层div容器设置高度，为了防止在不同的分辨率下显示的不一样，应该让其自然填充即可，尤其是对于上下两栏布局而言

用户信息实体，主要包括 用户编号,用户名,密码,姓名,性别,出生日期,证件号,民族,政治面貌,单位,入伍时间,照片,班级,排 等信息实体。1 用户( 用户编号,用户名,密码,姓名,性别,出生日期,证件号,民族,政治面貌,单位,入伍时间,照片,班级,排 )讨论信息实体，主要包括 讨论编号,疑问,说明,发布人,发布时间,状态,回答 等信息实体。系统主要用户实体,班级实体,排实体,科目实体,成绩实体,教学视频实体,教学理论实体,讨论实体，如图所示。班级信息实体，主要包括 班级编号,班级 等信息实体。

浏览器会发请求，但若响应里没有合适的 CORS 头，浏览器会拦截 JS 读取响应，控制台才报 CORS 错。允许跨域请求携带 Cookie、 TLS 客户端证书（很少见）、HTTP 基本认证（浏览器弹窗那种，很少见）等凭证。预检通过后，浏览器才发真正的 POST（带 Authorization）是服务器通过响应头告诉浏览器「这个跨域请求我允许」的机制。所以 React（10086）请求 API（8080）属于。预检时声明客户端（浏览器）可以带哪些非简单请求头。浏览器缓存预检结果，减少重复 OPTIONS。

这一篇和PICO本身没什么关系，只是记录一下开发过程我们要做一个“从超声设备采集影像数据，一对多地传给XR眼镜终端以及其他可能的设备”应用。发送端是Jetson，由同事负责；接收端XR眼镜端由我负责。同事说视频采集卡例程里给了两种通信协议：RSTP和WebRTC.一开始我尝试用HoloLens2，因为老师和医生们似乎更喜欢OST而不是VST；但是UWP ARM64 媒体栈对 RTSP 支持弱、MixedReality-WebRTC 停更，所以 HL2 不适合当主验证平台。

本文介绍了在Vue2数据大屏中对接海康威视摄像头的完整方案，解决浏览器无法直接播放RTSP流的问题。通过对比HTTP-FLV、HLS、WebRTC等技术方案，最终采用HTTP-FLV为主+HLS为备选的策略，利用flv.js和hls.js实现低延迟视频监控。文章详细说明了整体架构设计、前端实现代码（包括分屏布局、播放器初始化等关键代码），并分享了实际项目中的技术选型经验和解决方案。该方案适用于工业MES系统、仓储管理等需要实时监控的场景，支持2x2/4x4分屏切换，已在淀粉厂MES系统中成功应用。

前端开发并未"死亡"，而是在 AI 的催化下经历一场深刻的范式转移。从"页面组装工"到"体验架构师"，从"技术执行者"到"AI 协作者"——这场变革淘汰的是固守旧范式的从业者，奖励的是拥抱变化、持续进化的学习者。未来十年，大前端的边界将被彻底打破，而站在技术与产品交汇点的全栈工程师，将成为最稀缺的资源。对于 Vue 生态的开发者而言，2026 年是一个关键节点：Vapor Mode 的成熟标志着 Vue 进入"易用且极致"的新时代，Nuxt 4 的全栈能力让 Vue 开发者可以触达更广阔的技术领域。

先查——返回空就是它，POST补上立刻通。（90% 的情况到这一步就解决了）别假设"测试号自动、生产号才要配"——订阅是 WABA 级关系，不会跨环境自动延续，也可能是别人替你配过却没记录。直接对生产 WABA 跑自查，缺了就POST补。用验的type和expires_at（生产要0看日志而非状态码判断验签——验签失败也返回 200。别被"支付方式"告警带偏——客服窗口内回复免费，不需要支付。号码"未注册"走 Cloud API/register（设好 PIN）。