归元田居

最近在用 postMessage 做demo时候发现无论怎么都接收不到弹出页所发的消息，以为是弹出的方式有问题遂尝试改动了好几种弹出方式都不生效，最后查阅了MDN后发现标准...

有些项目业务比较简单，但用到前端分页的地方又比较多，插件的体积比较难控制用起来也麻烦，所以自己写一个简单可复用的。...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 借鉴思路即可，还需要针对项目具体需求进行改造。 思路： 利用安卓键盘弹出收起会触发resize事件来进行相关操作， 在...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 绘制图片最好是在页面加载完毕之后进行，处理好图片跨域问题参考： 使用canvas生成图片跨域问题的解决方案 若图片正常...

问题原因：toDataURL方法存在跨域问题，浏览器执行时会报错，导致生成图片不完整等问题； 解决思路：解决跨域问题需要前后的配合进行，测试进行时发现服务端是支持CORS的...

注意点 ie7-8 会比实际少4个像素 ie7纵向滚动条默认展示 核心代码 Demo 我的个人公众号：归园田居 每日分享前端知识与资讯～...

通常懒加载等都会通过监听scroll事件来判断元素位置来决定是否可以开始加载。IntersectionObserver API可以完全省去这些操作，只需要简单的读取即可。...

简介 在触发画中画之后视频会始终在右下角悬浮，不论是否在当前标签页或者是浏览器是否最小化。 可以在chrome内看任意视频时点击控制条的画中画按钮即可。 API 文档：ht...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。微信右上角打开的菜单很多在文档中并没有详细的展示，想要挨个屏蔽不太现实，所以只能反向操作...

之前用的线上的https证书，每三个月需要更新一次比较繁琐，用本地证书也可以满足调试需求也会方便许多。附：nginx环境下配置https证书的方法...

采用此方案的优点是可以使用px布局，不用额外进行rem或者vw等等单位的换算了，这里给两个demo，demo1是有滚动条页面的示例，demo2是无滚动条页面的示例；...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 问题 由于手机与平板等设备宽高比差异导致页面展示不全或者功能按钮展示在视口之外点击不到 解决思路 既然是iPad与折叠...

worker浏览器兼容性现在还不错，导致其并不流行的原因我认为是因为在worker内不能直接操作 DOM 节点，也不能使用window对象的默认方法和属性并且worker运...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 初始化 上面的代码中 BetterScroll 是作用在外层 wrapper 容器上的，滚动的部分是 content ...

校验规则我们经常用到，强业务性的校验很少有通用的库可以使用，一般都是搜索之后copy一个，但搜到的方法良莠不齐，各种实现方式都有，长期累积下来代码一致性可读性会非常差。 于...

encodeURIComponent()兼容性很好但是当参数比较复杂的时候编码出来的字符串会很长。基于以上原因修改了网上常见的一个Base64编码实现方式，主要是使用*与~...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 nodejs扫描文件夹搜索包含关键词文件，可灵活配置。 会将搜索结果与日志导出到相应文件...