摘要: 需求:后台传过来的图片不能够压缩,即使部分被截取也可以 传统方案:设置img元素如下: 但是这种方案需要img元素的外部设置一层父元素,高度与宽度为图片的高宽度 缺点:层级嵌套又增加了一层,不利于性能 现有方案:css的img有一个比较小众的属性 object-fit,具体可参考https://de 阅读全文
posted @ 2019-09-11 16:25 wangnima666 阅读(3533) 评论(0) 推荐(2) 编辑
摘要: 问题:项目中有一个需求,一个tabBar下面如果没有内容就不让该tabBar显示,当然至于有没有内容,需要我们通过请求的来判断,但是由于请求是异步的,如何让请求按照tabBar的顺序进行? 方案:我们可以将promise变成下一个请求,可以利用递归来实现 实施: //定义初始数据 requestli 阅读全文
posted @ 2019-08-29 19:48 wangnima666 阅读(2600) 评论(0) 推荐(0) 编辑
摘要: 在开发微信小程序或者微信网页H5的时候,有时我们利用外部组件可能不兼容这两者,需要区分开来,可以在对应的mainjs中配置如下 代码解释: 在微信小程序中 wx作为全局变量能够在任何界面中使用,而在chrome中,wx则为undefined,然后给Vue这个构造函数的原型增加一个属性,每个页面都能够 阅读全文
posted @ 2019-08-29 16:22 wangnima666 阅读(742) 评论(0) 推荐(1) 编辑
摘要: 问题:在项目中,我们常常有需求,当用户在填写表单时,点击返回的时候,我们希望加一个弹窗,确认离开吗,确认将保存为草稿 解决方案:利用 H5的 pushstate(个人理解为增加页面栈)特性与onpopup事件 分析:pushstate 从该方法名我们可以知道 是增加某种状态,会为history对象的 阅读全文
posted @ 2019-08-27 18:18 wangnima666 阅读(5944) 评论(0) 推荐(1) 编辑
摘要: 问题:在H5中,我们有这样的需求:例如有列表的时候,滚动到底部时,需要加载更多。 解决方案:可以采用window的滚动事件进行处理 分析:如果滚动是针对整个屏幕而言的(不针对于某个界面小块),那么这个应该是是成立的:屏幕的高度+最大滚动的距离 = 内容的高度 代码实现: 代码的相关说明:很多时候,列 阅读全文
posted @ 2019-08-22 13:47 wangnima666 阅读(3282) 评论(0) 推荐(1) 编辑
摘要: 百度防抖与节流,一直没搞懂防抖与节流的区别,然后google了一下,(google大法好 _(:з」∠)_)个人理解了一下 1,比较正式的解释他们的区别: 防抖:就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间,防抖注重结果 节流::是让一个函数无 阅读全文
posted @ 2019-08-22 13:27 wangnima666 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 问题:由于业务需要,我们需要判断图片能否正常的加载,如果未正常加载的话,需要显示一张默认图片; 方案:1,由于后台返回的是一个图片id数组,例如 imgList=['343313131','21333413244','3312w232211'],图片的完整路径应为http://公司服务器地址/xxx 阅读全文
posted @ 2019-08-19 15:12 wangnima666 阅读(1921) 评论(0) 推荐(0) 编辑
摘要: 函数声明置顶是指 js引擎在读取变量与声明式函数时,会优先读取,例如如下 var a = 1; function a(){}; console.log(a); //这里得到的为1,而不是该function, 对于此种情况我们可以采用函数表达式,表达式会按照上下文的顺序解析,不会优先于声明式解析 阅读全文
posted @ 2019-08-19 13:08 wangnima666 阅读(328) 评论(0) 推荐(0) 编辑