使用vue-cli3开发项目，module.export为undefined，导致第三方库fecha无法使用 1.引用`import fecha from “…/…/utils/date.js”，一直报错。2.调试date.js发现module.export为undefined，不走第一条件句。 if (typeof module !== 'undefined' && module.exports) { module.exports = fecha; } else if (...
动手搭建一个类vue文档风格博客VuePress [[toc]]前言本文基于VuePress1.x版本。VuePress由两部分组成：一个极简静态网站生成器，界面十分简洁，容易上手；为书写技术文档而优化的默认主题，为了支持Vue及其子项目的文档需求。它是如何工作的一个VuePress网站是一个由Vue、Vue Router和Webpack驱动的单页应用。在构建时，创建一个服务端渲染（SSR）的版本，然后通过虚拟访问每一条路径来渲染...
git操作清单 版本控制git本质是一个分布式版本控制系统，客户端可以完成clone整个仓库，然后进行提交和修改。一、了解github的工作流仓库远程仓库(remote)：远程主仓库github；本地仓库(respository/history)：.git文件夹里还包括git自动创建的master分支，并且将HEAD指针指向master分支。使用commit命令可以将暂存区中的文件添加到本地仓库中...
vue 12种通信方式 Vue组件间的通信方式1. props传递数据在父组件中使用儿子组件<template> <div> 父组件:{{mny}} <Son1 :mny="mny"></Son1> </div></template><script>import Son1 from "./Son1";expor...
移动端兼容性问题集 1.input获取焦点时，页面被放大// ios全屏<meta name="apple-mobile-web-app-capable" content="yes"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0...
Meta标签 Meta标签是HTML语言head区的一个辅助性标签。它位于HTML文档头部的head标记和title标记之间，它提供用户可不见的信息。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他web服务。1.声明文档使用的字符编码<meta charset="UTF-8"/>或<meta http-equiv="Content-Type" ...
vue自定义指令 自定义指定的注册方法分为全局注册和局部注册，比如注册一个v-focus的指令，用于input、textare元素初始化时自动获取焦点。// 全局注册Vue.component('focus', { ...});// 局部注册var app = new Vue({ el: '#app', directives: { focus: { ... } ...
如何通过动态更改vue中的样式？ 通过使用v-bind绑定class和style动态的改变DOM元素的样式。v-bind的基本用法以及它的语法糖，它主要用法是动态更新HTML元素上的属性。绑定class的几种方式1.对象语法给v-bind:class设置一个对象，可以动态地切换class。例如：<div id="app"> <div :class="{'active': isActive}">&...
js继承es5、es6的7种方式 构造函数、原型对象1.构造函数function A(name) { this.name = name; this.arr = [1]; this.say = function(){ console.log('hi') }}注意：数组和方法都属于”实例引用属性“，但是数组强调私有、不共享的。方法需要复用、共享；在构造函数中，一般很少有数组形式的引用属性，大部分情况都是：...
vue-cli3创建项目（1） 创建项目1.打开新的终端 / 命令行窗口。2.使用命令npm i -g @vue/cli。3.运行完后输入命令vue ui，浏览器上自动打开http://localhost:8000地址。4.浏览器打开显示:5.点击创建6.手动配置项目7.选择功能，可以引入babel、TypeScript、Progressive Web App（PWA）Support、Router、Vuex等功...
webpack4 TypeError: htmlWebpackPlugin.getHooks is not a function 1.使用vue-cli3，打包产生的问题；解决方案：npm i htnl-webpack-plugin@next参考https://github.com/jantimon/html-webpack-plugin/issues/1068
element-ui插件datepicker日期选择器控制选择时间范围 单日期选择器1.今天以及今天之后的日期<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions0"></el-date-picker><script>export ...
vue-cli3 适配移动端rem 使用vue-clinpm install -g @vue/cli // 使用vue-cli3版本自定义功能配置TypeScriptTypeScriptProgressive Web App (PWA) SupportRouterVuexCSS Pre-processorsLinter / FormatterUnit TestingE2E Testing...
vue-cli3 使用svg-sprite-loader的使用 1.为什么使用svg-sprite-loader？用来根据导入的svg文件自动生成symbol标签并插入html，接下来就可以在模板忠方便地使用svg-sprite技术了通常我们项目都是使用iconfont阿里巴巴图标矢量库，缺点：操作繁琐，每次ui需要加一些新的图标的时候，都要重新下载图标库的项目，然后把整体的文件（其中包括css,svg,ttf,woff等）替换掉。如果更改名称的...
vue-cli 统一封装axios，使用拦截器统一出来请求前和请求后处理 Axios是基于Promise机制实现的异步的链式请求框架。体积小，源码易懂。非常适合做基础的请求库。拦截器的作用，在请求钱对发送的数据、逻辑进行处理，或者在响应后对响应数据做处理。请求前处理配置相同的请求数据，如headers、token添加loading效果1.axios的封装1.使用vue-cli创建项目首先在vue-cli项目的src路径下新建utils和api文件夹，在u...
设置、获取、删除cookie // 设置cookiefunction setCookie(name, value, days, domain) { // var days = 30 || days; // var domain = location.hostname.split('.')[1] + '.' + location.host.split('.')[2] || domain; days = ...
走过时间、时间戳、日期的坑 获取当前时间一个小时每隔5分钟的时间数组function getDateArray(endDate, splitTime, count) { if(!endDate) { endDate = new Date(); // 输入标准时间 } if(!splitTime) { splitTime = 5 * 60 * 1000; } if(!count) { ...
vue中使用编辑器vue-quill-editor踩过的坑 结合vue+element-ui+vue-quill+editor二次封装成组件1.图片上传分析原因项目中使用vue-quill-editor富文本编辑器，在编辑内容的时候，我们往往会编辑图片，而vue-quill-editor默认的处理方式是直接将图片转成base64格式，导致上传的内容十分庞大，且服务器接受post的数据的大小是有限制的，很有可能就提交失败，造成用户体验差。引入elem...
vue-cli3报错 Jest TypeError: Path must be a string. Received undefined 通过命令安装最新的vue-clinpm install -g @vue/clioryarn global add @vue/cli通过命令vue ui 打开图形化界面的报错报错信息这是环境变量导致的，安装node的时候默认安装目录是在系统变量中，而node全局安装包的目录是在用户的path中。系统查询可执行文件的属性是先查询系统path变量，然后在查询用户path变量，所以nod...
终端升级nodejs和npm 如何升级nodejs和npm升级nodejs和npm升级nodejs升级npm升级nodejs和npm昨天我打开新的项目，发现项目中使用的node是8.9.x的版本，但是mac笔记本上node是前年安装的6.10.3的版本，导致有一些新的npm的包不能是使用，促使我立马更新node。之前是在node官网下载，现在改成用终端命令去升级。升级nodejsnpm中“n”模块，是专门用来管理nod...
关注
