【写了一个兼容IE9的图片放大器（基于vue）】的更多相关文章

写了一个兼容IE9的图片放大器（基于vue）

photoloupe 图片放大器 第一次写vue插件,本人比较喜欢用简单易懂的写法,不喜勿喷. 本插件支持IE9及以上版本,已经过验证. 本插件可根据需要设置放大倍数,最小支持1倍,支持小数 下载地址:https://github.com/xyytwz/photoloupe 示例图片: Build Setup # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # bui…

Vue -- 项目报错整理(2)：IE报错 - ‘SyntaxError：strict 模式下不允许一个属性有多个定义‘ ,基于vue element-ui页面跳转坑的解决

…

【CSS学习笔记】初始化CSS后，写li，并利用背景图片，来完成li小图标的效果，且达到个浏览器兼容

第一种情况 /*当标题前的图标时单独的一个点儿或者方块或者其他类似图标时,定义背景图background要放在<li>里.    在<li>中设置背景图片的尺寸,地址,不重复,位置:以及文字相关的padding,无序列图标,行高等*/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd…

开源自己写的一个拖拽库，兼容到IE8+

github地址:https://github.com/qiangzi7723/draggable 目前这个库的兼容做到了兼容IE8,所以如果需要兼容IE8的朋友不妨试试.库里面写了很多的注释,对于想看源码的同学是一个很好的选择.如果觉得不错可以到github上点个star,谢谢各位了. Draggable 打造跨平台的轻量级原生拖拽库 Summary 自己写的一个拖拽库,基于原生JS实现,无任何依赖,同时还做了IE8的兼容,在IE8的情况下transform回退到position实现.拖拽的动…

原生js写的一个弧形菜单插件

弧形菜单是一种半弧式或者全弧形菜单,是一种不同于传统横向或者竖向菜单形式的菜单.最近在网上看到好多人写出了这种效果,于是也尝试自己写了一个. 实现方式:原生态js 主要结构: 1.参数合并 var defaultPra = { mainMenuId: "ArcMenu",//主菜单id menuBoxId:"menuBox",//菜单包裹id position: "",//弧形菜单 customPosition:"0,0",/…

前端表单提交，提交有图片出现的问题，及解决方案 兼容ie9

更新一下我的小园子,主要说的是jq文件上传的过程中,如果出现上传的文件里有图片问题 其实文件上传有图片的情况下,不是什么大问题,对于前端来说,但是,如果需要兼容ie9的时候,就需要处理一下 文件上传如果有图片的时候,表单用FormData就可以,需要兼容ie9的时候,我的处理方式如下 首先,第一部分就是图片上传,需要处理ie9,其他标准浏览器的图片上传就不贴代码了,有点多,以下是ie9的图片上传,判断是ie低版本的情况下加入这部分代码即可 if(emptyImages.length<=1 &…

VUE项目中文件上传兼容IE9

项目使用VUE编写,UI是ElementUI,但是Element的Upload组件是不兼容IE9的.因为IE9中无法使用FormData. 查找资料基本有两种解决方法:1.引入JQuery和jQuery.form.2.使用vue-upload-component 1.jQuery.form 插件提供ajaxSubmit和ajaxForm两种表单提交方式,注意:不要对同一个表单同时使用两种方式. ajaxSubmit是jQuery表单插件核心函数.非常灵活,因为它依赖于事件机制,只要有事件触发就能…

js 无刷新文件上传 (兼容IE9 )

之前项目中有个文件上传了需求,于是直接就使用了FormData对象异步上传,但是在测试得时候发现ie9无法正常上传(项目要求兼容IE9+),无奈,查资料得知IE9- 版本不支持formdata对象得异步上传! 怎么办呢?那就用表单提交吧.之前异步上传得接口后台返回的是JSON串,表单提交的话IE会提示将后台返回的json数据保存到本地,影响体验,无奈又让后台写了一个接口返回页面. 所以下面针对ie9又用了不同的接口,如果使用同一个接口返回的格式不能为json,最好为xml/html  . 为了页…

pc端兼容IE9及以上版本

最近业务部门反映我们商城的兼容性不是很好,尤其是在IE浏览器上,经过调研,我们决定对IE9及以上版本的IE内核浏览器进行主流程测试,发现有哪些功能在IE9上不兼容 一.CSS兼容性 如下图所示 使用了Button标签,在IE浏览器或者是IE内核的浏览器按钮文字却没有显示.F12看下代码: 很明显,在IE浏览器少了个css属性:line-height:33px:加上这个属性,在IE浏览器上就可以显示文字了. Tip:今后如果有开发人员再使用button这个标签,记得加上line-height这个属…

12小时包你学会基于ReactMix框架的ReactNativeApp开发（二）基于Css+HTML写第一个app页面

上一篇文章,大家对于ReactMix(https://github.com/xueduany/react-mix)框架有了一个基本认识,知道我们是一个语法糖,帮助大家基于一套代码,所有平台都能跑.那么今天就是来实战一下,写一个所有平台都能跑的页面出来. 首先我们要准备了解的基本知识如下,在H5开发中,我们的页面布局方式有 1. 默认布局(块状元素和内联元素) 2. 浮动布局(Float) 3. 定位布局(position: relative, absolute, top, left, right…