摘要：
【页面高度】 制作好H5页面在微信端打开的时候，由于微信导航栏和手机状态栏的存在，会使得网页的实际高度小于手机屏幕的高度。 对于iphone来说，这个高度是64px。所以在实际页面设计过程中，需要考虑到这个高度。 参考文章：微信设计尺寸兼容 【媒体查询】 要注意的是，媒体查询实际上查询的是pt而不是 阅读全文
摘要：
今天偶尔接触到了一个laya的项目，其中需要获取到页面的canvas元素并进行操作。 1、然后碰到了第一个问题：获取到的canvas元素为null 排除写法错误之外，再考虑到的就是页面还没加载完成，所以获取不到。这个时候做个判断即可： window.onlaod = function() { // 阅读全文
摘要：
【出现原因】 页面中元素盒子的宽高都是通过rem进行设置的，而rem等于根元素html的font-size大小，而我们的font-size大小是通过js计算后进行设置的。 self-adaption.js： function setFontSize() { document.documentElem 阅读全文
摘要：
【参考文章】 阅读全文
摘要：
前两天正好写了文章如何用实现图片懒加载【性能优化】JS实现图片懒加载，今天在使用vue构建项目的时候就遇到了要做图片懒加载的优化需要，本想把前两天的代码直接copy过来的，后来想查查看有没有更简便的方法，果不其然，vue中直接有插件可以使用，看了下实现时候的效果，实现原理都和原生js是一样的，vue 阅读全文
摘要：
在一次H5项目中(hisense)，有一个小功能：页面中图片(小图)点击后出现浮层（半透明效果），用来展示大图。这个时候如果滑动页面的话，浮层底部会进行滑动，效果很不好。 因此，当查看大图的时候，会阻止页面滑动效果： // 查看大图时禁止滑动 document.body.style.overflow 阅读全文
摘要：
当打开一个网页的时候，如果网页中图片数量很多，那么加载压力过大，页面比较卡顿； 但实际上，我们看到的图片仅仅是首屏那几张，当用户没有向下滚动的时候，就不需要加载下面的图片。 【原理】 先将img的src链接设置为同一张图片（比如空白图片），然后给img设置自定义属性（比如data-src属性），并将 阅读全文
摘要：
pubcli和assets文件夹都是用来存储静态资源的，： 【assets文件夹】 通过相对路径被引入，这类引用会被webpack处理； 比如： 会被编译成： 再比如： 会被编译成： 【public文件夹】 放在public目录下的资源会被直接复制，不会经过webpack的打包处理。 但是要注意的是 阅读全文