前端弓箭手-CSDN博客

原创 vue项目兼容IE（通用）

安装babel-polyfillyarn add babel-polyfill --savesrc/main.js 引入babel-polyfillimport '@babel/polyfill在根目录增加babel.config.js文件module.exports = { presets: [ ['@vue/app', { useBuiltIn...

2018-12-29 11:00:14 2493

beforeCreate：组件实例刚刚被创建,组件属性计算之前,如data属性created：组件实例创建完成，属性已绑定，但是DOM还未完成，$el属性还不存在，通常会在这个阶段做一些数据处理，比如ajax获取回来的数据，对vue对象的静态属性进行初始化beforeMount：模板编译/挂载之前，页面已经渲染，可以获取dom，但是通过ref标记的dom元素可能会获取不到（因为Vue正在标记...

2018-12-20 09:32:34 189

原创分享一个基于vue2.0+的拖动排序组件

先来个效果图：组件的实现是基于改变源数据的数组位置，所以使用的话必须要对传进去的源数据做一次深拷贝，操作完成后再传排序后的数组回去；事件是采用了drag系列事件，跟需求和用户操作习惯比较吻合；图标是element-ui里面的；过度效果是vue的transition-group标签实现的，这里要注意的是transition-group包裹的次级元素一定要有唯一的key，而且依旧要设置tra...

2018-11-27 18:10:29 1351

原创 Vue Element ui webpack 打包文件过大

今天撸完登录模块，打包的时候发现，单一个登录页面打包完的体积竟然达到了740KB！模块是基于Vue全家桶 + element ui编写的，但即使全引入使用，也不应该达到这么夸张的一个体积。事出反常必有妖，用Cli初始化项目时附带的webpack-bundle-analyzer查看打包情况，添加一个scripts，"analyz": "set NODE_ENV=production ...

2018-09-11 16:56:27 9038 3

原创 ElementUI el-upload 断点续传文件

官方的 Upload 组件从文档和所有demo来看，均只支持单文件上传，但是业务系统有大文件上传的需求，所以要用这个组件封装一个断点续传的功能。从官方给出的文档看到有个 http-request 覆盖默认的上传行为，可以自定义上传的实现似乎能满足要求，那就开撸。确定需求：每次只能上传一个文件，最大支持2GB的任意文件（局域网），小于100M直接上传，大于100M的时候分块上传，并且要支...

2018-07-25 18:34:52 15787 17

原创 ElementUI el-table 在flex下的宽度自适应问题

BUG：在flex容器下面的一个flex:1的子容器里面写了个el-table用来展示列表数据，在做宽度自适应测试的时候发现该组件的宽度只会增加不会缩小。Debug：通过控制台发现组件生成的table的宽度是动态计算的，翻查源码，发现以下代码段// table.vueif (this.fit) { addResizeListener(this.$el, this.resizeLi...

2018-07-21 14:21:56 14384 19

原创 vue框架使用pdf.js

资源下载：pdfjs-releases选取最新版本直接下载，顺便看看最近的更新日志，源码和dist版本一起下下来，用的时候碰到问题先翻源码是个好习惯。 dist版本只有build和web两个文件夹，build是插件的核心代码库，web是官方demo，主要的页面逻辑在viewer.js里面。在这里可以按照个人需要，如果你的业务逻辑比较简单，可以直接引用build的pdf.js和pdf.wo...

2018-07-21 14:06:52 2971

原创终于开博啦

碎碎念：csdn的快速注册真是有点变态..还要关注公众才能拿验证码..空手套白狼这是工作了五个年头，从C#全栈到前端，也算是一波几折，不过选一门自己写得舒服的语言是很重要的，至少工作的大部分时间是舒服的。这几年前端发展也是非常迅猛，14年在写backbone，16年在写react，今年vue又开始爆发了。大前端时代，学习速度就是生产力的保证，所以撸起袖子加油干吧！接下来写的应该都会跟v...

2018-07-21 12:51:56 138

qq_19694913的博客