摘要： 在一次的项目中，需要用户上传图片，目前市场随便一个手机拍出来的照片都是好几兆，直接上传特别占用带宽，影响用户体验，所以要求对用户上传图片进行压缩后再上传；那么前端怎么实现这个功能呢？ 亲测可将4M图片压缩至100kb左右，代码如下： CSS样式如下（形成图片预览效果）： 其原理是通过canvas结合 阅读全文

摘要： 主要应用于移动端场景，仿移动端滚动效果。对于隐藏滚动条，众所周知overflow:hidden,但是想要的滚动效果也没了。 所以对于移动端webkit内核提供一个伪类选择器： .element::-webkit-scrollbar {display:none}； 对于这个选择器的相关介绍，参考下面地 阅读全文

摘要： 项目中遇到上传图片，需要本地预览效果，测试时无意间发现，当选择A图片，然后更换为B图片，完全正常；当选择A图片，取消该图片，再测选择A图片后，发现不会再生成预览效果，出现了bug； 查找相关资料后，终于找到了两个解决办法； 方法一：来回切换input[type='file']的type属性值，可以是 阅读全文

摘要： pro.html 阅读全文

摘要： 1、运用css3的nth-child(3n): 2、运用margin负值(该方法可以兼容老版浏览器): 阅读全文

摘要： 方案二：使用插件ifvisible.js 具体使用方法如下： ifvisible.js使用方法很简单，还提供其他几种简单的方法，具体参考github地址： https://github.com/serkanyersen/ifvisible.js 阅读全文

摘要： 时间戳与时间的转换及input有效数字 阅读全文

摘要： 亲测，代码如下： 阅读全文

摘要： 对于text-overflow:ellipsis，文本超出部分显示...，但要实现这个效果，却有一些必备条件，如下： 三个条件缺一不可，但是这些属性只能实现一行文本显示...，而对于要显示多行文本，并且只有最后一行显示...，就不适用了，所以需要修改样式，如下： 看到新增的属性，应该就知道，他不是通 阅读全文

摘要： 首先说明，下拉刷新有两种情况： 一，重新刷新整个页面.window.location.reload()，这种方式也可以做到，前提是进入页面也是直接从后台取数据，这种方法较简单； 二，下拉后不刷新页面，只是向后台发送ajax请求，这种情况就复杂点，会存在服务端返回数据重复的情况，这个时候一般需要服务端 阅读全文