前一阵子写了一个移动端视频播放 但是发现不能局部播放，只能全屏播放，话不多说，贴代码 <video ref="myVideo" id="myVideo" preload="auto" style="width:10…

实现原理 采用document.execCommand('copy')来实现复制到粘贴板功能 复制必须是选中input框的文字内容，然后执行document.execCommand('copy')命令实现复制功能。初步实…

事件系统 Virtual DOM在内存中是以对象的形式存在的，如果想要在这些对象上添加事件的话，React是基于Virtual DOM实现了一个合成事件层，他完全符合w3c标准，不存在ie的兼容问题。并且拥有和浏览器原生…

之前的项目，有个功能是下载文件，这里只要在浏览器输入 url 就会下载那个文件了。当时我只是简单得使用 window.open ，但是却会被浏览器进行拦截，要手动开启才行，然后就搜索研究其他方法，就看到各种各样的，通过 …

前端知识点总结—-响应式 1.Responsive Web Page:响应式网页/自适应的网页2010年提出, 一个网页，会自动根据用户浏览设备不同，自动必变布局, 可以被PC/PAD/PHONE 正常浏览 2:响应式网…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 按照画出的路线吃豆子的交互动画https://codepen.io/createjs/f… 模拟真实手表走针的效果https://co…

刚好周末和朋友聊起“ 前端从受鄙视到变得重要”这个话题，感慨前端这四年来的发展，遂有本文。 1. 前情提要 毋庸讳言，在我刚工作的时候，前端是还是一个不受重视的岗位。切图狗，写网页的这种侮辱性绰号绑在前端开发身上。我自己…

1、场景开发：移动端飘雪场景实现；2、rem布局的原理；3、Rem布局和vh,vw布局那种更火；4、Position定位的几个属性和用法；5、使用rem布局的问题；6、使用rem布局，移动和pc是否可以用同一套样式；7、…

浏览器会给出 DIP(device independent pixels) ，而不是 hardware pixels。DIP 实际上联系像素到实际的距离。不管显示器的 pixel density 是怎样，同样的 DIP …

mui 官方网站没有tab的API，在此记录一下。mui的tab分为两种：1.点击的选项卡。 2.点击可拖动的选项卡;1、点击的选项卡 <div id="slider" class="mui-slider">…

移动端页面大家都遇到过 viewport 的问题。关于 viewport 的文章有很多了，推荐给大家这两篇，写得非常详细。移动端适配方案(上)移动端适配方案(下) 本文对 viewport 做一些补充 手机屏幕 手机屏幕…

本来是准备学习angular的，但是总是卡在开头看不下去，干脆换个框架，那就vue吧!使用jquery要引入特定的库，那使用vue也类似，可以在头部引入 <script src="https://unpkg.com…