事非宜，勿轻诺；苟轻诺，进退错。

设计图尺寸计算方法 单块屏幕分辨率(一般为1920x1080)，根据横排和竖排数目换算比例，根据主流显示器分辨率1920x1080，得到一个缩放值。将得到的缩放值赋予文档的body的scale属性，这样就可以在可视区域最大范围内看到页面整体的效果了。当然如果是长宽比过大，则需要以宽获取缩放值。大屏设计注意点字体 字体过大或过小都会影响人的视觉，尤其是在大面积文字区。一般大面积的文字区...

版本号 语义化版本：https://semver.org/lang/zh-CN/ 版本号格式：主版本号.次版本号.修订号 版本号递增规则： - 主版本号：做了不兼容修改或颠覆式的重写 - 次版本号：向下兼容的功能性新增 - 修订号：向下兼容的问题修正 先行版本号及版本编译信息可以加到“主版本号.次版本号.修订号”的后面，作为延伸。版本号只能增加，禁止下降，代码的修改必须以新版本形...

// Unicode字符 = 1/2 ASCII获取lengthexport function getUniLen(str) { if(!str) return 0; let len = 0; for(let i = 0; i < str.length; i++) { len += str.charCodeAt(i) > 255 ? 2 : 1; } ...

参考资料：https://www.w3cplus.com/content/css3-font-face @font-face是CSS3中的一个模块，主要是把自定义的Web字体嵌入到网页中。@font-face的语法规则// 以iconfont为例@font-face {font-family: "iconfont"; src: url('../fonts/iconfont....

view-port<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">优先使用IE最新版本和Chrome<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />

数据模板定义String字符型'name|min-max': string'name|repeat': stringNumber数字型'name|+1': number'name|min-max': number'name|min-max.dmin-dmax': number>>Mock.mock({ "number|123.10": 1.12...

mock server服务目录index.js // 可以认为是模拟数据库，或者应该算接口返回的结果集json-server.json // json-server配置db // 存储返回结果集的模拟表 posts ...将模拟表组合成模拟数据库// index.jslet posts = re...

移动端 Safari中:hover导致的两次点击问题 问题描述：在移动端的Safari中，如果使用了:hover会导致两次点击事件的发生，如a标签链接到一个新地址，如果a标签使用了:hover就会造成第一次点击时响应:hover，第二次才响应a标签的跳转。 解决方案：1. 监听`ontouchstart`事件给body添加一个`no-touch`的class，用于限制`:hover

项目中用到的package.json中使用到的配置字段。{ "name": "项目名称", "version": "项目版本", "description": "项目描述", "keywords": ["项目关键词"], "main": "标识入口函数", "files