前端开发规范

一、目的 文章主要实现的目的:代码一致性和最佳实践。 通过代码风格的一致性,降低维护代码的成本以及改善多人协作的效率。 同时遵守最佳实践,确保页面性能得到最佳优化和高效的代码。 本文章只是起指导作用,除个别条目强制之外,大多数为非强制约束,开发者可根据自己的实际情况自行决定是否要遵守,该指南只是保证大方向一致性和最佳实践的阶段性总结,不是最后结论,它会随着时间而变化。 二、基本规范 1. 结构、样式、行为分离 尽量确保文档和模板只包含 HTML 结构,样式都放到样式表里,行为都放到脚本里。 2. 缩进 统一两个空格缩进,不要使用 Tab 或者 Tab、空格混搭。 3. 文件编码 使用不带 BO …

mui.openWindow 参数详解

注:文章内引号为中文标点,请自行转换标点。 mui.openWindow({     url: ‘xxx.html’, //String类型,要打开的界面的地址     id: ‘id’, //String类型,要打开的界面的id     styles: { //Webview窗口对象的样式         width: ‘100%’, //String类型,窗口的宽度.支持百分比、像素值,默认为100%.未设置width属性值时,可同时设置left和right属性值改变窗口的默认宽度.         height: & …

网页黑白风格转换

CSS3 filter(滤镜) grayscale(%): 属性将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0; 设置: html {   -webkit-filter: grayscale(100%);   /* webkit */   -moz-filter: grayscale(100%);   /*firefox*/   -ms-filter: grayscale(100%);   /*ie9*/   -o-filter: grayscale(100%);   /*opera* …