请使用firefox,chrome等最新浏览器浏览本站。

前端开发规范-gulp实现前端自动化

我们使用gulp实现的功能有: html压缩 css压缩合并 js压缩合并 sass/less编译css 图片压缩(包括PNG、JPEG、GIF和SVG图片) 静态资源添加版本号 上传ftp/sftp 建立web服务器 文件结构如下图: package.json配置: { "name": "projectName", "version": ……继续阅读 »

阿豹 2年前 (2016-07-04) 519浏览 0评论 22个赞

前端开发规范-移动端真机调试

chrome自带的 Remote Debugging可以用来真机调试,调试的范围包括: 1.调试站点的页面 2.调试安卓原生App中的WebView 3.实时将安卓设备的屏幕图像同步显示到开发机器。 调试的要求: 1.pc端安装最新版chrome浏览器 2.一条USB数据线,连接电脑与移动设备,pc端安装相应安卓机型的USB驱动。 驱动程序下载地址:http……继续阅读 »

阿豹 2年前 (2016-06-29) 335浏览 0评论 11个赞

iframe跨域高度自适应

最近在做项目中,遇到了iframe嵌套第三方网站,需要iframe正常使用。下面分享一下遇到的问题,以及解决方案。 项目链接:http://www.qutouzhu.com/ 最初的想法是设置iframe width:100%, height: 100%, overflow:auto; 使用这种方式在pc端可以实现效果。但是在移动端,尤其是android浏览……继续阅读 »

阿豹 3年前 (2016-02-02) 317浏览 0评论 9个赞

AJAX POST跨域 解决方案 – CORS

跨域资源共享(CORS )是一种网络浏览器的技术规范,它为Web服务器定义了一种方式,允许网页从不同的域访问其资源。而这种访问是被同源策略所禁止的。CORS系统定义了一种浏览器和服务器交互的方式来确定是否允许跨域请求。 它是一个妥协,有更大的灵活性,但比起简单地允许所有这些的要求来说更加安全。 简言之,CORS就是为了让AJAX可以实现可控的跨域访问而生的。……继续阅读 »

阿豹 3年前 (2015-12-24) 1781浏览 7评论 10个赞

canvas实现图片压缩上传总结

最近在移动项目中遇到了上传图片文件太大的问题。之前实现图片压缩是将数据传到php,php通过gd库实现压缩,显然未经过压缩的数据需要网络上传。 h5 canvas可以实现前端压缩,然后将压缩过的图片传给后台。 这样就减小了网路压力。具体实现方式: function fileSelected(obj) { if (obj) { var file ……继续阅读 »

阿豹 3年前 (2015-11-26) 445浏览 0评论 5个赞