随笔分类 - 项目常用
摘要:报错信息如下: 原因在于gulp打包时未将es6语法转为es5 1.首先在项目下进行安装gulp的babel转码 npm install --save-dev gulp-babel babel-core babel-preset-es2015 2.此时在gulp压缩配置文件内添加如下babel va
阅读全文
摘要:最近在做vue项目时,需要引入一个第三方的js文件,在index.html中通过以下方式引入JS文件编译后,就报了这个问题。 根据广大的网页的思路,导致这一现象的原因可能有以下几种: 原因一.引用文件的位置不正确 js文件放在static文件夹下和放在assets文件夹下的引用方式是不一样的。简而言
阅读全文
摘要:FileZilla使用 (最近发现一款不错FTP服务器批量管理工具,推荐一下)工具:FTP客户端-IIS7服务器管理工具简介:作为FTP客户端,它支持批量管理ftp站点官网地址:http://fwqglgj.iis7.net/cp/ftp/?tscc-jz 具体功能:定时上传和定时下载,定时备份,且
阅读全文
摘要:目前解决跨域主要的方案有: jsonp(淘汰)corshttp proxy此处介绍的使用devServer解决跨域,其实原理就是http proxy 将所有ajax请求发送给devServer服务器,再由devServer服务器做一次转发,发送给数据接口服务器 由于ajax请求是发送给devServ
阅读全文
摘要:SVN客户端的安装与使用 一:SVN客户端下载与安装 下载网址:https://tortoisesvn.net/downloads.html 注:在下载页的下面,有不同的语言包,可以选择下载一个中文语言包。 下载完成后,点击安装 TortoiseSVN 与 LanguagePack语言包 进行安装即
阅读全文
摘要:vee-validate使用方法 *本文适合有一定Vue2.0基础的朋友参考,根据项目的实际情况来使用,关于Vue的使用不做多余解释。 一、安装 npm install vee-validate@next --save 注意:@next,不然是Vue1.0版本 bower install vee-v
阅读全文
摘要:移动端vue配置 REM 适配 Vant 中的样式默认使用px作为单位,如果需要使用rem单位,推荐使用以下两个工具: postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem amfe-flexible 用于设置 rem 基准值 一、使用 amfe-flexible
阅读全文
摘要:vue2.0 给data对象新增属性,并触发视图更新如下代码,给 student对象新增 age 属性 data () { return { student: { name: '', sex: '' } } } 众所周知,直接给student赋值操作,虽然可以新增属性,但是不会触发视图更新 moun
阅读全文
摘要:防抖 概念: 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。 例子:如果有人进电梯,那电梯将在10秒钟后出发,这时如果又有人进电梯了,我们又得等10秒再出发。 思路:通过闭包维护一个变量,此变量代表是否已经开始计时,如果已经开始计时则清空之前的计时器,重新开始计时。 functi
阅读全文
摘要:选取DOM元素的方法注意:原生JS选取DOM元素比使用jQuery类库选取要快很多1、通过ID选取元素document.getElementById('myid');2、通过CLASS选取元素document.getElementsByClassName('myclass')[0];3、通过标签选取
阅读全文
摘要:// 处理路由拦截器 导航守卫 import router from '../router' import progresss from 'nprogress' import 'nprogress/nprogress.css' // 全局前置守卫 当 路由发生变化时 这个方法里的回调函数就会执行 r
阅读全文
摘要:import Vue from 'vue' import Vuex from 'vuex' import { setItem, getItem } from '@/utils/storage' import decodeJwt from 'jwt-decode' Vue.use(Vuex) expo
阅读全文
摘要:export const setItem = (name, value) => { if (typeof value 'object') { value = JSON.stringify(value) } window.localStorage.setItem(name, value) } expo
阅读全文
摘要:/** * 封装 axios 请求模块 */ import axios from 'axios' import jsonBig from 'json-bigint' import store from '@/store' import router from '@/router' import {
阅读全文
摘要:/** * 封装自定义 dayjs 日期处理模块 */ import dayjs from 'dayjs' import rTime from 'dayjs/plugin/relativeTime' import 'dayjs/locale/zh-cn' // 全局使用中文 dayjs.locale
阅读全文