摘要: 1.写在前面 最近在学习Vue2,遇到有些页面请求数据需要用户登录权限、服务器响应不符预期的问题,但是总不能每个页面都做单独处理吧,于是想到axios提供了拦截器这个好东西,再于是就出现了本文。 2.具体需求 用户鉴权与重定向:使用Vue提供的路由导航钩子 请求数据序列化:使用axios提供的请求拦 阅读全文
posted @ 2018-11-13 14:32 sfornt 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 前言 vue如今可谓是一匹黑马,github star数已居第一位!前端开发对于vue的使用已经越来越多,它的优点就不做介绍了,本篇是我对vue使用过程中以及对一些社区朋友提问我的问题中做的一些总结,帮助大家踩坑。如果喜欢的话可以点波赞,或者关注一下,希望本文可以帮到大家!!! 我是分割线 本篇介绍 阅读全文
posted @ 2018-11-13 14:28 sfornt 阅读(526) 评论(0) 推荐(0) 编辑
摘要: 一、 Vue.js简介 1. Vue.js是什么 Vue.js也称为Vue,读音/vju:/,类似view,错误读音v u e 是一个轻量级MVVM(Model View ViewModel)框架,和angular、react类似,其实就是所谓的数据双向绑定 数据驱动+组件化的前端开发(核心思想) 阅读全文
posted @ 2018-11-13 14:27 sfornt 阅读(340) 评论(0) 推荐(0) 编辑
摘要: 上一篇:Vue系列(一):简介、起步、常用指令、事件和属性、模板、过滤器 一、 发送AJAX请求 1. 简介 2. 使用axios发送AJAX请求 2.1 安装axios并引入 2.2 基本用法 代码:发送AJAX请求 3. 使用vue resource发送跨域请求 3.1 安装vue resour 阅读全文
posted @ 2018-11-13 14:24 sfornt 阅读(829) 评论(0) 推荐(0) 编辑
摘要: 上一篇:Vue系列(二):发送Ajax、JSONP请求、Vue生命周期及实例属性和方法、自定义指令与过渡 一、 组件component 1. 什么是组件? 2. 定义组件的方式 定义组件 3. 组件的分类 组件的分类 4. 引用模板 引用模板 5. 动态组件 动态组件 二、 组件间数据传递 1. 父 阅读全文
posted @ 2018-11-13 14:23 sfornt 阅读(669) 评论(0) 推荐(0) 编辑
摘要: 写插件的初衷 1.项目经常需要无缝滚动效果,当时写jq的时候用用msClass这个老插件,相对不上很好用。2.后来转向vue在vue awesome没有找到好的无缝滚动插件,除了配置swiper可以实现但是相对来说太重了,于是自己造了个轮子。 3.在这分享下,当时写这个插件的坑,自己也复习下,如果代 阅读全文
posted @ 2018-11-13 14:21 sfornt 阅读(1155) 评论(0) 推荐(1) 编辑
摘要: 一、背景 在Vue项目中使用了第三方的datepicker插件,在选择日期后vue无法检测到datepicker输入框的变化 二、分析 查找资料发现:Vue实际上无法监听由第三方插件所引起的数据变化。因此上面的方法是行不通的。但是,Vue给我们提供的一个方法,它可以将任意数据转化为可以被Vue监听到 阅读全文
posted @ 2018-11-13 14:20 sfornt 阅读(1240) 评论(0) 推荐(0) 编辑
摘要: 核心代码是 getCookie()部分,控制弹框的显示隐藏则在 created()中。 原文地址:https://segmentfault.com/a/1190000013019136 阅读全文
posted @ 2018-11-13 14:19 sfornt 阅读(1833) 评论(0) 推荐(0) 编辑
摘要: 一.Mock.js是什么? 目前的大部分公司的项目都是采用的前后端分离, 后端接口的开发和前端人员是同时进行的. 那么这个时候就会存在一个问题, 在页面需要使用大量数据进行渲染生成前, 后端开发人员的接口也许并没有写完, 作为前端的我们也就没有办法获取数据. 所以 前端工程师就需要自己按照接口文档模 阅读全文
posted @ 2018-11-13 13:44 sfornt 阅读(256) 评论(0) 推荐(0) 编辑
摘要: 这个示例是模仿官网示例样式和功能用我自己的方式写的,基本上没有看官网的源码,只参考自定义指令。让我们一步步来探讨一下。官网demo 要实现的功能 单条添加todo 单条删除todo 双击编辑todo 单条todo已完成相应样式状态改变 全部todo是已完成相应样式状态改变 清除全部已完成todos 阅读全文
posted @ 2018-11-13 13:38 sfornt 阅读(331) 评论(0) 推荐(0) 编辑
摘要: 版本选择 swiper是个常用的插件,现在已经迭代到了第四代:swiper4。常用的版本是swiper3和swiper4,我选择的是swiper3。 安装 安装swiper3的最新版本3.4.2: 这里一个小知识,查看node包的所有版本号的方法: 组件编写 swiper官方的使用方法分为4个流程: 阅读全文
posted @ 2018-11-13 13:36 sfornt 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 先说点什么 vuex和路由拦截这一块捣鼓的有一段时间了,总算是爬出来了,特地来分享一下,首先声明没有什么基础介绍,用的是登录状态存储sessionStorage的方法!!! 进入正题 刷新 刷新相当与重启项目,之前获取到的数据也只是通过store暂存起来,项目关闭时就不见了,这有些像电脑重启,存储在 阅读全文
posted @ 2018-11-13 13:35 sfornt 阅读(561) 评论(0) 推荐(0) 编辑
摘要: vue 阿里云上传组件 Vue.js上传图片到阿里云OSS存储 测试项目git地址 本测试项目启动方法 示例链接 组件配置项 实践解释 本文主要介绍如何 在vue项目中使用web 直传方式上传阿里云oss图片 默认读者对vue框架和阿里云oss有一定的了解整体的流程是加载好阿里云sdk > 初 阅读全文
posted @ 2018-11-13 13:33 sfornt 阅读(1133) 评论(0) 推荐(0) 编辑
摘要: 固定路径(原始html) index.html如下,其中,引号""里面就是图片的路径地址 单个可变路径 index.html如下 对应地,app里面要有src, 这样就可以通过改变imgSrc来改变某一个img标签指向的图片了 basePath + 参数 比如有10张图片放在./assets/目录中 阅读全文
posted @ 2018-11-13 13:32 sfornt 阅读(2419) 评论(0) 推荐(0) 编辑
摘要: github地址:weexSafeKeyboard 效果图: 技术依赖:框架:weex+vue 弹出层:weex ui 图标:iconfont 说明:1、如果不想用到weex ui,可以把inputkey.vue文件里的wxc popup组件去掉,按自己的弹窗实现即可; 2、删除、大小写、空格图标用 阅读全文
posted @ 2018-11-13 13:29 sfornt 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 为何要这样做:减轻后端数据库压力(个人觉得于前端没啥用,谁返回来都行) 代码部分: 父组件调用 注:需引入官网推荐的oss对象的cdn 需再次强调的是:该代码为前端直传,accessKeyId,accessKeySecret都暴露在外面,更安全的方法可见官网的“服务端签名后上传”(貌似没示例) 原文 阅读全文
posted @ 2018-11-13 13:28 sfornt 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 设置express代理请求 在基于vue cli的项目中,在开发环境配置(config/dev.env.js)中设置代理,能够将所有/apidomain开头的请求都通过npm run dev启动的express服务器重定向到目标接口 官方文档:https://vuejs templates.gith 阅读全文
posted @ 2018-11-13 13:26 sfornt 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 如果你正在尝试将基于vue router的项目部署到windows中,希望本文能够有所帮助。 iis配置 无需安装其他组件,将错误页指向index.html即可 nginx配置 启动如遇问题尝试使用命令创建/logs/nginx.pid文件:nginx c conf/nginx.conf 不要设置环 阅读全文
posted @ 2018-11-13 13:25 sfornt 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 迁移到安全的Buffer构造函数 移植到Buffer.from()/Buffer.alloc() API. 概述 本指南介绍了如何迁移到安全的Buffer构造函数方法,迁移修复了以下弃用警告: 由于安全性和可用性问题,不建议使用Buffer()和new Buffer()构造函数,请改用new Buf 阅读全文
posted @ 2018-11-13 13:22 sfornt 阅读(202) 评论(0) 推荐(0) 编辑
摘要: nodejs的常用api url 主要是配置一系列和路径相关的信息 queryString 为查询字符串提供扩展 events 事件触发器 大多数 Node.js 核心 API 构建于惯用的异步事件驱动架构,其中某些类型的对象(又称触发器,Emitter)会触发命名事件来调用函数(又称监听器,Lis 阅读全文
posted @ 2018-11-13 13:12 sfornt 阅读(578) 评论(0) 推荐(0) 编辑