随笔分类 -  Vue

上一页 1 2

Vue
vue-webpack项目自动打包压缩成zip文件批处理
摘要:为什么需要这个? 使用vue框架开发项目,npm run build这个命令会一直用到,如果需要给后端发包,那你还要打包成zip格式的压缩包,特别是项目提测的时候,一天可能要执行重复好几次,所以才有了写这个批处理的冲动。 虽然说以前没写过,但至少用过。找了份批处理命令的文章了解了下,按自己预先想好的思路,百度了关键的执行命令,然后就自己不断的修改调试,最终完成了这个集webpack打包、压缩成zip格式文件、打开当前文件夹这三个功能的批处理。 阅读全文

posted @ 2018-06-29 15:21 逍遥云天 阅读(5616) 评论(0) 推荐(0) 编辑

vue-webpack项目本地开发环境设置代理解决跨域问题
摘要:前言: 一般跨域问题只要后端配置好的话,是不需要前端做处理的,但也不能保证你遇到的所有后端都能很好的处理这个问题,这个时候可能就需要前端设置代理解决这个问题了。 配置方法: 1. config/index.js 注意:/api一定要有,命名可以不一样。 网络请求封装文件: 如上,如果是本地环境,则直 阅读全文

posted @ 2018-06-15 10:21 逍遥云天 阅读(4372) 评论(0) 推荐(0) 编辑

vue项目引入FastClick组件解决IOS系统下h5页面中的按钮点击延迟,连续点击无反应的问题
摘要:异常描述: ios系统手机中访问h5页面,按钮点击有延迟,连续点击卡顿、无反应。 异常原因: 这要追溯至 2007 年初。苹果公司在发布首款 iPhone 前夕,遇到一个问题:当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定,应对 iPhone 这种小屏幕浏览桌面端站点的问题。这当 阅读全文

posted @ 2018-06-01 10:24 逍遥云天 阅读(5631) 评论(0) 推荐(0) 编辑

用vue构建多页面应用
摘要:研究了下vue搭建多页面应用,个人感觉多页面应用的优势主要就是在打包的时候每个页面都是单独打包,除了公用的vendor/mainfest文件,每个页面都只引用自己的样式表和脚本文件。在一个模块更新的时候,也不会影响到其他模块(如下图)。即提高了页面加载速度,也有利于运营维护。另外有SEO需求的话,单页面应用的改造是比较麻烦的,多页面入口则容易的多 阅读全文

posted @ 2018-05-31 16:52 逍遥云天 阅读(9101) 评论(0) 推荐(0) 编辑

vue的双向数据绑定实现原理
摘要:在目前的前端面试中,vue的双向数据绑定已经成为了一个非常容易考到的点,即使不能当场写出来,至少也要能说出原理。本篇文章中我将会仿照vue写一个双向数据绑定的实例,名字就叫myVue吧。结合注释,希望能让大家有所收获。 1、原理 Vue的双向数据绑定的原理相信大家也都十分了解了,主要是通过 Obje 阅读全文

posted @ 2018-05-06 10:42 逍遥云天 阅读(688) 评论(0) 推荐(0) 编辑

vue动态绑定类样式ClassName知多少
摘要:对于动态绑定类样式,之前用的最多的也就是:class="{'classA':true}" ,今天遇到一种情况,就是要给元素动态添加一个保存在数据源中的类样式,那前边的这种写法显然满足不了。 想起之前微信小程序中动态添加类样式的方式是这样的 class='item good {{isEdit?"isE 阅读全文

posted @ 2018-04-10 11:23 逍遥云天 阅读(12107) 评论(0) 推荐(0) 编辑

写了一个兼容IE9的图片放大器(基于vue)
摘要:photoloupe 图片放大器 第一次写vue插件,本人比较喜欢用简单易懂的写法,不喜勿喷。 本插件支持IE9及以上版本,已经过验证。 本插件可根据需要设置放大倍数,最小支持1倍,支持小数 下载地址:https://github.com/xyytwz/photoloupe 示例图片: Build 阅读全文

posted @ 2018-04-04 16:46 逍遥云天 阅读(286) 评论(0) 推荐(0) 编辑

vue滚动行为控制——页面跳转返回上一个页面保留滚动位置
摘要:需求分析: 一般这个功能在后台管理系统用的比较多,因为后台页面都是在当前页面打开,对于某些列表筛选页,如果列表数据比较多,页面就会滚动。当页面发生滚动,对列表数据进行查看或者编辑的时候,跳转到下一级页面,然后点击浏览器返回按钮的时候,我们是希望能保持之前的滚动位置的。 缓存?解决这个问题,第一时间想 阅读全文

posted @ 2018-03-28 14:36 逍遥云天 阅读(12078) 评论(0) 推荐(1) 编辑

vue编程式路由实现新窗口打开
摘要:一. <router-link>标签实现新窗口打开: 官方文档中说 v-link 指令被 <router-link> 组件指令替代,且 <router-link> 不支持 target="_blank" 属性,如果需要打开一个新窗口必须要用<a>标签,但事实上vue2版本的 <router-link 阅读全文

posted @ 2018-03-24 09:57 逍遥云天 阅读(9716) 评论(0) 推荐(0) 编辑

TypeError: 无法设置未定义或 null 引用的属性“src” ——IE浏览器不兼容图片懒加载vueLazy
摘要:图片懒加载 vue-lazyload IE浏览器兼容性 阅读全文

posted @ 2018-03-20 16:16 逍遥云天 阅读(5227) 评论(0) 推荐(0) 编辑

解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题
摘要:一. 异常描述: 本来使用的是vue-router的hash模式,但是hash模式下url需要带“#”符号,不仅看起来不舒服,而且有些场景下是会破坏路由中的"#"(微信分享页面就会把"#"后边的内容处理掉),所以就需要使用history模式,然后就让后端改下nginx配置: location / { 阅读全文

posted @ 2017-10-23 20:51 逍遥云天 阅读(48906) 评论(9) 推荐(7) 编辑

VUE图片懒加载-vue lazyload插件的简单使用
摘要:一. vue lazyload插件: 插件地址:https://github.com/hilongjw/vue-lazyload demo:http://hilongjw.github.io/vue-lazyload/ 二. 简单使用实例: 这个插件还是蛮好用的,就是感觉这个插件的开发文档有点太啰嗦 阅读全文

posted @ 2017-10-11 14:53 逍遥云天 阅读(63783) 评论(6) 推荐(7) 编辑

使用vue-cli快速搭建大型单页应用
摘要:前言: 经过一段时间angular的洗礼之后 ,还是决定回归Vue。现就vue安装、工程搭建、常用依赖安装直至开发挣个流程做一整理,希望对初学者有所帮助。 前提条件: 对 Node.js 和相关构建工具和 Vue 本身有一定程度的了解 对于大陆用户,建议将 npm 的注册表源设置为国内的镜像(淘宝N 阅读全文

posted @ 2017-06-18 16:41 逍遥云天 阅读(407) 评论(0) 推荐(0) 编辑

vue中如何不通过路由直接获取url中的参数
摘要:前言:为什么要不通过路由直接获取url中的参数? vue中使用路由的方式设置url参数,但是这种方式必须要在路径中附带参数,而且这个参数是需要在vue的路由中提前设置好的。 相对来说,在某些情况下直接在url后面拼接?mid=100的方式传递参数更灵活,你不需要设置路由,只需要在url后拼接参数即可 阅读全文

posted @ 2016-11-16 12:02 逍遥云天 阅读(21076) 评论(1) 推荐(0) 编辑

上一页 1 2
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示