引入clipboard.jsnpminstallclipboard--save在需要实现复制需求的.vue页面中使用importClipboardfrom'clipboard';绑定需要复制的内容第一

一、伪元素+transform(常用) 构建1个伪元素, border为1px, 再以transform缩放到50%。 对于老项目，有没有什么办法能兼容1px的尴尬问题了，个人认为伪类+transfo

自从苹果推出了惊艳的iPhone X，智能手机界就正式步入了全面屏的新纪元。然而，这一革新也带来了一个特别的问题——那就是屏幕顶部的“刘海”和底部的“黑条”区域。这些区域给开发者带来了新的挑战！

1. -webkit-overflow-scrolling:touch是什么？ 在移动端上，在你用overflow-y:scorll属性的时候，你会发现滚动的效果很木，很慢，这时候可以使用-webkit-overflow-scrolling:touch这个属性，让滚动条产生滚动…

auto：使用普通的滚动效果。当手指从设备的触摸屏上离开时，滚动会立即停止 touch：使用具有回弹效果的滚动。当手指从设备的触摸屏上离开时，滚动区域的内容会继续保持一段时间的滚动，且继续滚动的速度与时间与手势滑动的剧烈程度成正比。 -webkit-overflow-scrol…

前言 H5 移动端 开发的必不可少的一个环节就是 移动端网页的适配，因为 UI 通常只会提供 大小固定的设计稿，而各种不同移动设备具有不同的页面分辨率和大小，所以适配的目的就是让一份设计稿在不同移动设

由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案

其中的原生、Web相互通信都离不开JSBridge，这里面小程序比较特殊，对于UI渲染和JS的执行环境做了隔离，基于前两种方式之间。 在Hybrid模式下，H5会经常需要使用Native的功能，比如打开二维码扫描、调用原生页面、获取用户信息等，同时Native也需要向Web端发…

原生WebView内嵌H5，实现业务复杂交互，是业界在混合应用实践中，总结出的一套成熟的，可供快速业务迭代的技术方案。 本文聚焦双向通信的实现方案——JSBridge，讲述整套通信机制是如何运行的。