-
Nov162016
avalon在chrome新版本双向数据绑定失效问题解决方案
问题:avalon(版本1.5.6)在chrome新版存在双向数据绑定失效的问题。 最近做的项目测试后bug修改完,产品验收时总提出这样的问题: 明明input框中输入了内容,在验证的时候仍然提示内容为空: 对比发现产品用的谷歌浏览器版本是53版本的,自己谷歌浏览器版本 51.0.2704.106 m ,没有出现这个问题,于是升级版本,升级到最新版本54.0.2840.99 m,再次测试这个问题就暴露出来了。 经过网上...阅读全文作者:cywcd | 分类:javascript | 阅读: 6,196 次 | 标签:avalon抢沙发
-
Nov072016
Ajax缓存问题解决方案
AJAX的缓存产生原因: AJAX的缓存是由浏览器维持的,对于发向服务器的某个url,ajax仅在第一次请求时与服务器交互信息,之后的请求中,ajax不再向服务器提交请求,而是直接从缓存中提取数据。 我们都知道ajax能提高页面载入的速度主要的原因是通过ajax减少了重复数据的载入,也就是说在载入数据的同时将数据缓存到内存中,一旦数据被加载其中,只要我们没有刷新页面,这些数据就会一直被缓...阅读全文作者:cywcd | 分类:javascript | 阅读: 3,093 次 | 标签:ajax
-
Nov012016
countUp.js实现有趣动画方式展示数字变化
关于countUp.js countUp.js是一个轻量经的JavaScript类,不依赖任何第三方库。可用于以一种有趣的动画展示数字变化。 示例地址:http://inorganik.github.io/countUp.js/ 项目主页:http://www.open-open.com/lib/view/home/1389595782555 尽管名字叫countUp,实际上它可以在任一方向上进行变化,这是根据startVal和endVal传递参数判断。 countup.js支持所有浏览器。 参数配置: target = ...阅读全文作者:cywcd | 分类:javascript | 阅读: 13,517 次 |
-
Oct282016
前端模块构建工具webpack入门教程
Webpack是什么 Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS等。可以说是目前前端构建领域...阅读全文
-
Oct272016
下一代前端模块化打包利器rollup
什么是Rollup.js? 最直接的解释就是,Rollup是前端模块化的一个打包工具,将模块文件根据命令或 者根据rollup.config.js配置文件将多个模块文件打包成一个文件,然后就可以通过 HTML的<script>标签去导入这一个结果文件即可,从而使代码最小化,并且Rollup会自动过滤掉那些没有被使用过的函数或变量。 你也可以认为Rollup是一个构建工具,可以和像Grunt和Gulp等一起配置使用。但是,...阅读全文
-
Oct142016
微信小程序开发资源汇总
官方文档 小程序开发文档 小程序设计指南 小程序开发者工具 新闻报道 微信正式开放内测“小程序”,不开发APP的日子真的来了?(36氪) 关于微信小程序(应用号),我能透露的几个细节(可能吧) 你的产品适不适合做微信小程序?你需要这篇产品逻辑分析(虎嗅网) 工具 微信小程序 (应用号) 微信 web 开发者工具破解版(DiyCode) 微信小程序配置及目录在线生成工具 IDE + 破解 + Demo(gavinkwoe...阅读全文
-
Sep272016
jquery插件Bootstrap Table使用方法详解
一、概述 bootStrap table 是一个轻量级的table插件,使用AJAX获取JSON格式的数据,其分页和数据填充很方便,支持国际化。 基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。 Bootstrap table 通过简单的设置,就可以拥有强大的功能,大大提高工作效率,减少开发时间。 git项目地址:https://github....阅读全文
-
Sep202016
使用Exif.js读取图像的元数据
概述: Exif.js 提供了 JavaScript 读取图像的原始数据的功能扩展,例如:拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据。 git地址:https://github.com/exif-js/exif-js/ demo:http://code.ciaoca.com/javascript/exif-js/demo/ 注意事项: EXIF 数据主要来******************摄的照片,多用于移动端开发,PC 端也会用到,此插件兼容主流浏览器,IE10 以下不支持。...阅读全文
-
Sep122016
手机端rem适配方案
方案一: 1.viewport设置: <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1"> 2.html根元素font-size设置(注:设计稿640px): var deviceWidth = document.documentElement.clientWidth; if(deviceWidth > 640) deviceWidth = 640; document.documentElement.style.fontSize = deviceWidth / 6.4 + ‘px‘; 方案二: 1.viewport初始设置: <...阅读全文作者:cywcd | 分类:html5, javascript | 阅读: 3,655 次 |
-
Aug152016
解析Object.prototype.toString.call()进行数据类型判断
首先看一段ECMA中对Object.prototype.toString的解释: 1.If the this value is undefined, return "[object Undefined]". 2.If the this value is null, return "[object Null]". 3.Let O be the result of calling ToObject passing the this value as the argument. 4.Let class be the value of the [[Class]] internal property of O. 5.Return the String value that is the result o...阅读全文作者:cywcd | 分类:javascript | 阅读: 8,288 次 | 标签:toString