鱼活在水中-CSDN博客

原创 Vue项目部署资源路径问题

本文主要解决两个问题：1、vue-cli发布时 js，css文件路径错误2、vue-cli发布时js、css文件正常，但是图片路径错误问题:vue-cli 脚手架生成的默认打包配置文件情况下运行 npm run build 打包后，即可开始项目部署项目部署根据公司要求不同大致分为一下俩种部署方式：1、服务器放置打包后生成的dist文件夹此种部署方式，需要将config.js文件下index.js中...

2018-03-15 15:40:29 32227 4

原创 Vue3使用element-Icons在部分IE11，IE10线上无法正常显示，本地调试可以问题解决

公司项目要求兼容IE10,11，项目使用的vue3 + element：线上观察在IE11，中woff字体正常引入，但是只有在一次加载的时候才有效，刷新页面，所有icon字体都显示异常，故此考虑是否为在IE浏览器下，http（https）方式加载woff等字体文件解析有问题。解决方案：将fonts相关文件打包时，调整为base64格式，不使用http在项目中查看fonts使用的loader一会options配置（小于4096会打包成base64格式）在vuecofig.js中修改fon.

2020-06-10 17:24:53 1158

原创 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 940

原创 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 368

原创前端解析后台返回的文件流，并下载（blob）附代码

最近项目需要前端处理后台返回的文件流，并且进行下载，简单说一下目前常用得2中方法：因为要处理文件流，需要用到比较陌生的webApi，并且前端的responseType必须为blob（Blob对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。）1、Fi...

2020-05-07 16:44:26 6067

原创 IE8-9下，使用input获取files报错问题

在IE8/9中，不支持input[type=file]，通过files属性获取上传文件内容的方法例如:使用 $('input')[0].files该方会直接在IE8/9报错需要修改成$('#file')[0].value即可获取文件，不过获取仅仅为文件地址...

2020-05-07 16:19:02 2418

原创微信小程序初步搭建

微信小程序，废话就不啰嗦了，直接来点实在的，各位客官往下看了1、首先小程序开发工具下载一波，打开之后，新建项目2、打开来这个文件3、里面有很多配置项：（1）pages：所有页面的路由都在此处配置，新建文件夹的时候会自动在此处生成，如下"pages": ["pages/login/index","pages/index/ind...

2019-06-10 18:12:10 183

原创 Git代码回滚

代码错误提交到远程仓库，回滚到上一次提交的状态git reset --hard commitIdgit push origin HEAD --force

2018-09-11 16:04:13 183 2

原创 git add与commit撤销

1、git add撤销工作中常会遇见提交代码的时候不小心写成了git add .，本想提交个别文件，结果把所有文件都提交了，这是就需要用到撤销操作git reset HEAD (撤销全部的add)git reset HEAD xx.js（撤销某个文件的提交） 2、git commit撤销首先使用git log 查看上一次的提交commitIdgit reset --so...

2018-09-11 15:58:00 366

原创简述JS单线程异步实现原理

对于这个问题我也一直处于半懂不懂状态中，今天读了阮一峰老师的讲解，恍然大悟啊！附上阮一峰老师的博客~http://www.ruanyifeng.com/blog/2014/10/event-loop.html下面是我自己理解了！一、单线程JS是单线程，这句话没错。但更确切的说JS只有一个主线程，但是其实他还有一些其他线程的，当然所有函数任务只可以在主线程执行。这样命名很不方便？为什么要这样设计？这...

2018-03-23 10:32:53 15019 7

原创简述JavaScript变量污染解决方法

什么是变量污染？简单点说就像一条清澈的小溪，在某一时间被一渠工厂的水给汇入了，这时候小溪也就变得如同污水一般了，不再是清澈的小溪了。这么说可能有那么一点不太合适，不过大概就是这么个样子，看个栗子var a = 1 //小王写的/*可能还有N多的业务代码*/var a = 2 //小明写的 //这时候小明并不知道a这个变量在之前已被声明过了，此时小王在使用a变量的时候，就发现a变成了2/...

2018-03-22 17:14:55 2555

原创使用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 2331

原创 Vue之Vue-router全局路由钩子

路由钩子，钩子是什么鬼？简单点说就是一个弯道的弯儿~ 弯儿的左边，右边就是即将离开的路由，即将进入的路由!全局路由钩子的方法是router.breforEach，写在main.js中，用法如下//全局路由钩子router.beforeEach((to, from, next) => {/** to下一个路由路径* from上一个路由路径* 需要调用next()生效/next()...

2018-03-20 14:10:52 3625

原创 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 286

原创 Vue之Vuex使用

上篇已经简单介绍了vuex的部署~这篇就讲下Vuex的简单使用吧store已经挂载在App Vue根组件~因此就可以像在组件中使用router一样使用store：获取state中某个属性：this.$store.state.name （name为所需的属性key）执行一个commit（mutations中的方法）：this.$store.commit('name') mutations中所定义的...

2018-03-20 10:11:18 329

原创 Vue之 Vue-touch的使用

最近项目中，有的页面发现设置返回键看起来怪怪的，感觉与整体不协调，于是就考虑使用手势滑动事件来实现返回功能~开叉查阅资料~找到了vue-touch，使用起来可谓是简单粗暴啊，适合我这样的快速开发人员，源码地址：https://github.com/vuejs/vue-touch/tree/next不过要看清楚了，vue2.0之后的要使用next分支才行，之前的使用master分支即可npm ins...

2018-03-16 15:07:09 23912 3

原创 Vue项目打包生成后音频文件消失

一个正常项目中，对于前端img，js，css，audios，viedo等文件是必不可少的~上篇文章已经讲部署时js，css，img资源的路径问题~这期呢，主要讲的就是关于打包后音频消失了~瞬身之术~如图：我的音频文件呢，说的好音频文件呢。。。。。。。。。。。WTF，消失了。。。。。。阿西吧，然后各方查阅，找到了这里，vue-loader,没错就是它竟然没有auido。。。。，添上添上之后再次打...

2018-03-15 15:55:54 4000 2

qq_39480597的博客