![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
鱼活在水中
前端爱好者
展开
-
Element-icons在部分IE10浏览器(非系统自带,自行下载或者补丁升级)无法正常显示问题
最近项目要求需要兼容IE10,在兼容过程中发现element-icons的部分字体图片Icon在部分IE10中无法显示,在有的IE10浏览器中正常展示,这就比较耐人寻味了,但是由于部分的IE10可以,于是就有了以下思考:首先在其他IE10,11,google,以及fiefox都可以正常展示 在部分IE10中无法正常展示,猜测有可能是IE10版本不完整 然后查阅资料,其实就是不支持项目中的字体,IE6-8支持的是eot,10,11已经支持woff,但是考虑到部分浏览器并非系统自带,就死马当成活马医,依原创 2020-05-22 13:43:05 · 958 阅读 · 0 评论 -
IE10浏览器,父元素中的有图片定位后,其余子元素定位点击事件失效
今天分享一下关于IE10的bug:项目需求兼容IE10,但是在兼容过程中发现一个神奇的事情,就是当一个父元素中有图片,有其他元素时,先把img定位,z-index设置为16,div设置为20,这时候,正常来讲,,点击div应该有正常事件的触发,但是IE10中却无效<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2020-05-19 16:42:08 · 372 阅读 · 0 评论 -
前端解析后台返回的文件流,并下载(blob)附代码
最近项目需要前端处理后台返回的文件流,并且进行下载,简单说一下目前常用得2中方法:因为要处理文件流,需要用到比较陌生的webApi,并且前端的responseType必须为blob(Blob对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File接口基于Blob,继承了 blob 的功能并将其扩展使其支持用户系统上的文件。)1、Fi...原创 2020-05-07 16:44:26 · 6097 阅读 · 0 评论 -
IE8-9下,使用input获取files报错问题
在IE8/9中,不支持input[type=file],通过files属性获取上传文件内容的方法例如:使用 $('input')[0].files该方会直接在IE8/9报错需要修改成$('#file')[0].value即可获取文件,不过获取仅仅为文件地址...原创 2020-05-07 16:19:02 · 2428 阅读 · 0 评论 -
微信小程序初步搭建
微信小程序,废话就不啰嗦了,直接来点实在的,各位客官往下看了1、首先小程序开发工具下载一波,打开之后,新建项目2、打开来这个文件3、里面有很多配置项:(1)pages:所有页面的路由都在此处配置,新建文件夹的时候会自动在此处生成,如下"pages": ["pages/login/index","pages/index/ind...原创 2019-06-10 18:12:10 · 184 阅读 · 0 评论 -
使用gulp将sass转化成css
最近公司打算把APP的部分功能迁移到很早之前的一个wap站点,my god,记得之前wap都是纯HTML + CSS。。。。。功能函数还好说,样式问题就麻烦了啊,于是就考虑到引入gulp,对scss文件进行转化,变成css首先你需要全局安装gulpnpm install gulp -g此时进到你的项目中,建立一个gulpfile.js文件在项目根目录下安装gulp,与gulp-sassnpm in...原创 2018-03-21 16:04:53 · 2332 阅读 · 0 评论 -
Vue之Vue-router全局路由钩子
路由钩子,钩子是什么鬼?简单点说就是一个弯道的弯儿~ 弯儿的左边,右边就是即将离开的路由,即将进入的路由!全局路由钩子的方法是router.breforEach,写在main.js中,用法如下//全局路由钩子router.beforeEach((to, from, next) => {/** to下一个路由路径* from上一个路由路径* 需要调用next()生效/next()...原创 2018-03-20 14:10:52 · 3632 阅读 · 0 评论 -
JavaScript一些有用的简写以及日常小技巧
1、三元运算符当你在项目有想写if...else语句是,在不是多重判断的情况下,可以考虑三元操作来代替let a = 1, answer = nullif( a > 5 ) { answer = '大帅比'}else{ answer = '前端强无敌'}简写:answer = a > 5 ? '大帅比' : '前端强无敌'2、for简化(ES6提供的新方法) for(l...原创 2018-03-20 11:38:07 · 289 阅读 · 0 评论 -
简述JS单线程异步实现原理
对于这个问题我也一直处于半懂不懂状态中,今天读了阮一峰老师的讲解,恍然大悟啊!附上阮一峰老师的博客~http://www.ruanyifeng.com/blog/2014/10/event-loop.html下面是我自己理解了!一、单线程JS是单线程,这句话没错。但更确切的说JS只有一个主线程,但是其实他还有一些其他线程的,当然所有函数任务只可以在主线程执行。这样命名很不方便?为什么要这样设计?这...原创 2018-03-23 10:32:53 · 15038 阅读 · 7 评论 -
简述JavaScript变量污染解决方法
什么是变量污染?简单点说就像一条清澈的小溪,在某一时间被一渠工厂的水给汇入了,这时候小溪也就变得如同污水一般了,不再是清澈的小溪了。这么说可能有那么一点不太合适,不过大概就是这么个样子,看个栗子var a = 1 //小王写的/*可能还有N多的业务代码*/var a = 2 //小明写的 //这时候小明并不知道a这个变量在之前已被声明过了,此时小王在使用a变量的时候,就发现a变成了2/...原创 2018-03-22 17:14:55 · 2562 阅读 · 0 评论