Kelen's Blog

ALL post

ios拍照旋转90度解决方法

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

微信小程序下拉刷新

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

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...

vue-router实现前进加载，后退缓存

vue-router提供了vue路由跳转的功能，有时候我们需要缓存上一个页面，避免重新渲染耗费时间，所以要对一些组件做缓...

webpack打包bundle文件分析

webpack是当下最流行的模块打包工具，webpack处理应用程序时候，会递归构建一个依赖关系图，其中包含应用程序的每...

css高性能动画

浏览器渲染流程要优化动画性能，首先要了解浏览器是如何进行元素渲染的，浏览器的渲染流程有以下三步计算元素的样式...