摘要：
1. 官网给到的一部分加载模式： import dynamic from 'next/dynamic' import { Suspense } from 'react' const DynamicHeader = dynamic(() => import('../components/header' 阅读全文
摘要：
首先说一下300ms延迟的由来，2004年苹果为了实现在移动端双击缩放功能，给click事件增加了300ms延迟，如果300ms内发生第二次click则判定为双击缩放页面。这一成功的解决方案得到各大浏览器厂商争相效仿。但他的弊端很快显现，在移动端click事件会降低响应速度。谷歌率先推出禁止双击缩放 阅读全文
摘要：
由于业务需求，要做好多的静态页面，起初为了提高代码的兼容性，做了脚手架去开发页面，提高代码的兼容行和开发体验。但是后来项目越来越多，维护起来相当费力，就打算把所有页面合并到一个项目里，即使这些个静态页面没有关系。我的目录结构大概是这样： static下的文件（图片、视频、字体等）一律不做处理直接拷贝 阅读全文
摘要：
最近做个移动端视频需求，要求隐藏播放控件，并且可以自动播放而且隐藏播放控件（不太人性化），最后要有个定制的结束遮罩层用来人机交互。尝试直接用video标签做，但是各种坑啊，video永远是在页面的最顶层，所以播放控件的自定义化就凉凉了，怎么办呢？受以前做的一个利用canvas做视频直播的项目启发，尝 阅读全文
摘要：
以前总是被垂直居中的方法所困扰，今天来总结一下垂直居中的方法，增强记忆 div等块级元素居中 第一种方法，利用绝对定位居中（相对于父容器），就是要居中的元素相对父容器做一个绝对定位，要求块级元素的高度和宽度确定（水平居中则要求宽度确定），然后设置上下左右数值都为零，再设置外边距为自动就可以了，代码如 阅读全文
摘要：
数组去重是老生常谈的话题，在es5之前的标准中，是没有直接提供数组去重方法的，单我们在工作和面试中经常会遇到数组去重的考题，为此，我在这里总结了数组去重的4个方法，并对他们的性能做了对比。 我测试的时候添加了1w+个数组元素的数组，性能测试如下图： 可以看到，使用es6的Sort数据结构是最快的，而 阅读全文
摘要：
最近遇到一个很奇特的问题：app上一个按钮绑定了一个链接，现在需要更换这个链接，但是app不支持更换链接，那么从前端角度考虑，我采用加载该页面脚本，然后跳转到新的页面，但是这样做会有一个问题，跳到自信的页面后点击返回按钮会一直跳到新的页面，导致返回按钮失效。后来查看资料使用了window.locat 阅读全文
摘要：
javascript原型链的理解 阅读全文
摘要：
<video></video>是HTML5新加入的标签，最近流行的h5开发多以video技术集成一个H5页面，效果也是很6的。现在总结一下用到的技术，主要的使用环境是微信，部分属性一些手机的默认浏览器不支持，这些还需要读者亲测。 这里介绍下它的样式属性object-fit属性，它有两个可以用的值：f 阅读全文
摘要：
在一些项目中，用户总是要求自定义一下滚动条，以前一般用iscroll解决，但是发现iscroll有很多不方便的地方，而且也比较大，索性自己琢磨一个类似的插件吧！目的有两个：要足够小，易于上手使用；功能一定要足够实用，能满足广大H5开发者的基本需求。 介绍一下这个插件的主要功能： 1、隐藏或显示滚动条 阅读全文