H5 音乐项目总结 刚刚完成了一个 H5 项目，途中使用 audio 的时候遇到不少坑，所以写篇项目总结。 项目需求 要经过微信授权才能进入。所以只能在微信打开。 流程： 开场有个小的过渡效果，有 bgm 接着连续两张图…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 页面目录特效https://codepen.io/suez/pen/k… 选单交互效果https://codepen.io/suez/…

header元素经常出现在web页面的最上面，它通常包含了logo、网站名称、网站导航等信息。它可以在一个页面中多次使用。 它可以用于特定分段区域（section）的导航，而不仅是页面到页面的导航。诸如搜索栏或者目录等也…

所谓新数据类型，其实是体现在倆方面的： 输入方式：对比起以前只能用键盘敲的input:text，现在已经有调用日历/时钟的，有调用调色板的，有拉滑动条的……总体来说就是让你可以更懒更准确地进行输入。 格式校验：新的数据类…

# 开启gzip gzip on; # 启用gzip压缩的最小文件，小于设置值的文件将不会压缩 gzip_min_length 1k; # gzip 压缩级别，1-10，数字越大压缩的越好，也越占用CPU时间，后面会有详…

PrizmDoc是最快速、最有品质的HTML5文档查看器，提供安全的、全定制化的查看和协作功能。它通过一个简单部署的机制减少成本，降低安全风险和提高生产率。同时，它是基于服务器的查看器，消除了不必要的许可和下载。 Pri…

1.在开发过程中，我们都会接触到token，token的作用是什么呢？主要的作用就是为了安全，用户登陆时，服务器会随机生成一个有时效性的token,用户的每一次请求都需要携带上token，证明其请求的合法性，服务器会验证…

需求明确 开启常见的条码（二维码及一维码）的扫描识别功能，可调用设备的摄像头对条码图片扫描进行数据输入。通过plus.barcode可获取条码码管理对象。 实现步骤 创建条码扫描识别控件实例对象,涉及到Barcode模块…

关于前端性能优化的讨论一直都很多，包罗的知识也很多，可以说性能优化只有更好，没有最好。前面我写了一篇关于css优化的总结文章，今天再从javascript方面聊一聊。 1.从资源加载方面来说，浏览器的加载顺序是按源码从上…

websocket Websocket同http一样都是是基于tcp的,可靠性的双向通信协议，是建立在tcp之上的，并且是持久化的协议。 websocket 和http区别？ 相同点 都是应用层的协议 都是基于tcp,可…

做移动端开发时为了做适配，通常采用rem作为单位，下面来写一个圆角 .round { width: 0.25rem; height: 0.25rem; border-radius: 50%; background: re…

h5-cropper 移动端图片裁剪器，基于 cropperjs 制作的简单裁剪器 项目地址 https://github.com/sayll/h5-cropper 案例演示 HTML部分： <!DOCTYPE h…