Kelen's Blog

ALL post

webAseembly基础知识

WebAssembly是什么 WebAssembly 是一种新的字节码格式，主流浏览器都已经支持 WebAssembl...

小程序不同页面之间通讯的解决方案

小程序做开发的时候难免需要不同页面之间的通讯，比如首页打开新的页面搜索获取结果返回到首页，不同tab页面之间的数据交互等...

ios拍照旋转90度解决方法

在h5头像拍照上传的时候，ios浏览器会逆时针旋转90度，导致上传的效果不如预期。如何解决经过网上查找得知可以用...

微信小程序下拉刷新

背景微信小程序的wxml用来写界面，但是小程序底层实现却没有引入dom的思想，所以我们无法用js来操作界面的元素，也...

javascript如何“中断”代码执行

众所周知，javascript是运行在单线程的，主线程的代码无法中断执行，否则整个应用就跑不起来了，比如在全局执行环境使...

Service Worker入门

背景 Service Worker 可以使你的应用先访问本地缓存资源，所以在离线状态时，在没有通过网络接收到更多的数据...

web组件之shadow dom

什么是shadow DOM shadow DOM是Web Components的四大组件之一，它可以将一个隐藏的、独立...

真机h5页面调试工具weinre

weinre是什么 weinre是网页远程审查工具，可以在pc端调试真机的浏览器页面，但是不能用来调试js wein...

ios自动播放问题

audio自动播放 audio标签提供了 autoplay 属性，可以直接设置该属性就可以在网页打开时候自动播放 ...

小程序内嵌webview

背景由于以前的项目是公众号的h5版本，现在需要一个小程序版本，为了节省人力和时间，我们的做法就是直接在webview...

h5のvideo踩坑

video是h5新增的标签，可以通过 video 标签播放 ogg、mp4 、webm 等格式的视频。 🌽...

在开发项目我们使用的是局域网的ip，部署的时候可能要改为外网的ip，每次打包都需要在代码修改指定的ip，拿 vue-cl...