摘要：昨天同事在开发图片懒加载功能时用到了lazyload，使用相当标准，然而结果却不如人意，在滚动时未能起作用。引用https://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.js，打断点测试，也没有发现捕获到滚动事件，感觉奇怪，于是在控制
阅读全文
摘要：前些日子公司网站需要开发一个类似与百度文库上传文档的功能，实现文档的批量上传、展示以及继续上传的功能。开发完成后，通过在多版浏览器下的使用，发现了一系列问题，特总结于下，以免来者在这些问题上耗费太多时间。 问题一，在IE8、9下，上传页面隐藏后无法继续上传且继续上传的按钮不再可以使用。 原因：在IE
阅读全文
摘要：测试提了一个bug，在360浏览器兼容模式下，删除页面数据需要手动刷新浏览器才能看到最新的数据。首先要复现当时的问题，很容易就复现了，但是发现在360浏览器兼容模式下无法打开开发者工具。好在经过反复重装之后，终于打开了开发者工具，经过跟踪发现，第一次删除数据时可以正常刷新，第二次或以后的删除将无法刷
阅读全文
摘要：搜索angularjs下拉框空白，可以出现很多解决方案，但是对于静态字段来说，网上目前还没有找到解决方案，如下： 如果要按照网上的方法来解决，首先需要把下拉选项存放到一个对象数组当中，对于一个两个下拉框还好说，如果项目当中有很多这种下拉框，就要费好大劲了。最简单粗暴的方法是修改angularjs源代
阅读全文
摘要：angualrjs处于安全的考虑，插值 指令会对相应字符串进行过滤，避免出现html攻击。但是在一些时候，我们需要渲染html，比如实现一个分级的下拉框，代码如下： 1 <body ng-app="app" ng-controller="controller"> 2 <select ng-model
阅读全文
摘要：代码整体结构是执行速度的决定因素之一。 代码量少不一定运行速度快， 代码量多也不一定运行速度慢。 性能损失与代码组织方式和具体问题解决办法直接相关。 代码整体结构是执行速度的决定因素之一。 代码量少不一定运行速度快， 代码量多也不一定运行速度慢。 性能损失与代码组织方式和具体问题解决办法直接相关。
阅读全文
摘要：在浏览器中对于Dom的操作和普通的脚本的操作处于两个不同的dll中，两个dll的交互是比较耗时的，优化对Dom的操作可以提高脚本的执行速度。下面是对如何优化的一些总结： 将需要多次操作的节点存储在一个变量中，避免多次获取。 对于大多数浏览器来说innerHTML操作比Dom操作速度要快，最新的浏览器
阅读全文
摘要：hasOwnProperty()仅检索实例不检索原型，in即检索实例，又检索原型 成员嵌套越深，访问速度越慢，只在必要的情况下使用对象成员。 如果在同一个函数中你要多次读取同一个对象属性，最好将它存入一个局部变量。以局部变 量替代属性，避免多余的属性查找带来性能开销。 如果在同一个函数中你要多次读取
阅读全文
摘要：1、将所有<script>标签放在尽可能接近<body>标签底部的位置，以保证页面在脚本运行之前完成解析尽量减少对整个页面下载的影响 2、限制页面的<script>总数也可以改善性能。每当页面解析碰到一个<script>标签时， 紧接着有一段时间用于代码执行。最小化这些延迟时间可以改善页面的整体性能
阅读全文
摘要：在经过前面的改进之后本来以为已经没有问题了，但经过我们神通广大的测试的测试，发现相册中的图片在上传时也会发生转向问题。既然前面都解决了拍照转向的问题，那么相册中图片的上传也容易解决。修改一下需要旋转图片的类型判定即可，修改如下： 凡是jpg类型的图片都要旋转，经过测试，相册中的单张上传是可以的，但批
阅读全文
摘要：本以为解决跨域上传后没有问题了，不成想被测试找出一个问题，那就是在手机上拍照上传后图片会旋转。很头痛，不过没有办法，问题还是需要解决的。在查阅了一系列资料后我找到了相应的解决方案，利用exif.js获取图片旋转的方向，然后再转过来图片，之后再上传。这个方案需要修改前面的脚本，同样的，由于要传base
阅读全文
摘要：最近开发一个上传图片的模块，传图片的接口不支持跨域上传，并且只支持单张上传，而我们的产品要求要实现多张上传。我搞了一个代理页面，先将图片传到代理页面，然后再通过代理页面传到上传图片接口。虽然这种方式经过一个代理页面会增加消耗的时间，但总算解决了跨域上传的问题。现在粘贴我的代码如下，前端脚本： 1 (
阅读全文
浙公网安备 33010602011771号