监听H5的横竖屏 真正想要H5强制竖屏,兼容性上是比较难处理的,然而可以通过别的方式达到类似的效果;1、检测H5横竖屏2、检测到横屏时,给出提示,并隐藏页面元素(引导用户竖屏)话不多说,直接上代码window.addEventListener("resize", function (event) { clearTimeout(this.dialogTimeout) this.dialogTimeout = setTimeout( () =>{ if
视口监控场景基本通用能力 - Vue指令 目的:提供便利的指令; 满足视口监控场景,需求的基础能力; 同时适用性能优化中的图片懒加载场景;使用时的注意事项:目标在根(target)的可见区域的的任何不可见部分都会被视为不可见 注意修饰符的使用代码部分:/** 使用时:v-InterView="回调函数"* 修饰符:* once表示只触发一次,默认每次都会触发* 指令值:* 若形如:callback callback为回调函数,此时target默认为祖先元素el...
前端开发链路规范 协作规范一、UI协作规范统一工具 确定图标icon(推荐iconfont 或 图片) 明确尺寸边界(最小宽度、最大宽度) 明确内容边界(文字换行) 明确交互UI变化效果(鼠标形状、颜色值、阴影、loading、空数据提示等)二、前后端协作规范需求分析,技术难点讨论 确认接口公共参数、cookie、响应数据格式(如code、分页、msg提示等) 梳理数据来源 数据模型确认(前端交互所需要的数据是否齐全),输出mock数据模型 输出接口文档、参数说明、标记必传标识 联调前,接口做
项目codereview心得 codereview目的:及早的发现代码功能上的缺陷与不足; 及时的纠正代码中不符合统一规范的地方; 促进团队成员之间的相互学习,相互促进的重要环节; 团队建设;在软件工程中,建议在提测之前,进行一次全面代码审查,其次,在上线之前1天,再做一次测试阶段修改的代码审核;检测方面:代码规范,如:命名、空格、缩进、大小写等; 代码稳定性,如:函数参数容错能力、循环边界处理; 代码精炼程度,如:不存在多余代码、重复代码、注释代码; 代码注释,如:说明需要什么物料(参数),有什么特别的地方,
代码中特殊注释——TODO、FIXME、XXX、HACK TODO:英语翻译为待办事项,备忘录。如果代码中有该标识,说明在标识处有功能代码待编写,待实现的功能在说明中会简略说明。FIXME:可以拆成短语,fix me ,意为修理我。如果代码中有该标识,说明标识处代码需要修正,甚至代码是错误的,不能工作,需要修复,如何修正会在说明中简略说明。XXX:如果代码中有该标识,说明标识处代码虽然实现了功能,但是实现的方法有待商榷,希望将来能改进,要改进的地方会在说明中简略说明。HACK:英语翻译为砍。如果代码中有该标识,说明标识处代码我们需要根据自己的需求去调整
es5环境添加es6的伪代码 /** * 以下函数仅为es5环境提供更方便的es6代码 * 如果你的项目中使用了构建工具,如webpack,那么谨慎引入本js文件,因为有可能会覆盖掉es6原始代码。 * 作者:沙漠码农 * Email:huaicheng151201@163.com * Time: 2021/03/01 */(function(){ var ErrorMsg = function(msg){ throw new Error(msg); } var isFunction = funct.
js运算四舍五入,保留小数位,小数位不足自动补0,统一个各浏览器的差异。 function tofixed(value, bit){ var pow = Math.pow(10, bit) var arr = (value*pow).toString().split(".") var result = "" if(arr[1] && arr[1].split('')[0] > 4){ result = (Number(arr[0]) + 1) / pow }else{ result = arr.