在web开发中，作为前端经常会遇到处理图片拉伸问题的情况。例如banner、图文列表、头像等所有和用户或客户自主操作图片上传的地方，而一旦牵扯图片，就会涉及到图片拉伸的问题，当然，在图片上传时做手动裁切，让用户或客户清晰的感知到图片的有效内容才是最优的解决方案，但是在其他各种外在因素下，没有做裁切的话，就需要在前端显示上做处理了，满足在上传任意大小图片的情况下，最优显示效果的需求。 这时我们需要考...
摘要：起因之前自己在使用这种网站时，经常看到无限加载的效果。原理在需要无限加载的列表底部，埋下一个隐藏元素。这时候就需要进行列表加载。通过查阅，得知方法返回元素的大小及其相对于视口的位置。 起因 之前自己在使用这种网站时，经常看到无限加载的效果。今天正好看到了getBoundingClientRect这个Api，就想着试试看如何实现Infinite scroll的效果。 原理 在需要无限加载...
摘要：但好在中，新增了属性，可以使视频内联播放。以上为该案例主要需要解决的问题。补充资料视频播放优化 showImg(https://segmentfault.com/img/bVJCVu?w=133&h=136); 以上为案例二维码 首个H5案例解析 从头开始分析 在 iOS 上，APP 都是使用的系统自带的浏览器进行页面渲染，video 播放视频的效果是统一的，只需要考虑不同的 iOS ...
摘要：为什么要使用图标字体使用这项技术总得有使用它的理由那么，我们来分析下的优缺点，看是不是适合正在开发的项目。优化项目性能字体的加载速度快于图片，就算图片经过合并。 为什么要使用图标字体 使用这项技术总得有使用它的理由！那么，我们来分析下iconfront的优缺点，看是不是适合正在开发的项目。 优点 1、优化项目工作流程 对于web前端项目中的图标，很多情况下是使用的png图片，但如果图标...
摘要：常量的值近似为。在后传入一个整数可以保证该域至少有这么多的宽度表示浮点数保留位小数常量的值近似为。 1. 数字 类型 int, float, bool, complex type() 查看变量类型 isinstance(a, int) 查看变量类型 showImg(https://segmentfault.com/img/remote/1460000016789047); 运算符 ...
