型号 屏幕宽高（window.screen.width） 微信浏览器（window.innerWidth） 三星s7edge – 360*568 三星note8 412*846 412*726 iphone …

有些网站为了维护版权信息, 用户在复制完成后, 发现粘帖出来的内容往往都还有一些作者名字之类的版权信息, 那么这样的功能是怎么实现的呢? 其实原理也是非常的简单，就是监听一下剪切板事件. <!DOCTYPE htm…

一、HTML5语义化标签 标签 描述 <article> 页面独立的内容区域。 <aside> 页面的侧边栏内容。 <bdi> 允许您设置一段文本，使其脱离其父元素的文本方向设置。 &…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 图片切换效果https://codepen.io/AlikinVV/f… 基于 dom 的可换肤的自行车https://codepen…

最近项目要求增加一个下拉刷新的功能，自己也试着写了一个，单总是有点卡顿。 于是学习了下别人的插件（ps : 既然写不出好插件，就要会学习别人的）： 官网github地址：https://github.com/mescro…

本来想翻译的但是有人翻译了，还是转过来吧。原文《HTML5 Link Prefetching》，译文《使用HTML5的页面资源预加载(Link prefetch)功能加速你的页面加载速度》 简介 不管是浏览器的开发者还是…

相关概念：绘制频率、屏幕刷新频率、硬件加速、60fps 绘制频率： 页面上每一帧变化都是系统绘制出来的(GPU或者CPU)【参考浏览器渲染原理】。但这种绘制又和PC游戏的绘制不同，它的最高绘制频率受限于显示器的刷新频率(…

先罗列一下我遇到的问题： 用户可选择图片上传，但是图片比较大（基本都是2M以上），而且还得异步上传。 由于操作上比较多的设计都是隐性的例如滑动之类，需要手势动画作提示。 块内元素滚动时不流畅，或不能滚动问题。 由于设计师…

Lesson-6 这个版本完善hasClass和css 方法. 新增 attr和data css: function(attr, val) { //链式测试 for (var i = 0; i < this.len…

移动端webP调研 webP介绍 WebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。支持有损压缩和无损压缩，无损压缩后比png文件少了大约35%，有损压缩后比png文件少了大约70%，能节省大量…

在普通的 textarea 中，只能显示普通的文本。如果简单的输入文本，textarea 便足以胜任。但是实际情况往往要复杂得多。 简单版本的插入表情 常见的版本一般都是使用 textarea，然后表情使用某种约定的文本…

这里是微信小程序的 API github地址，目前是MHTML格式，直接保存的。主要是 notedown.cn 网站经常抽风，留给自己一个备份吧。 API地址：小程序 API 地址（github）