![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 61
zyhzyh1120
误入
展开
-
vue-路由懒加载的应用
使用的简单记录,备忘。vue作为单页面应用, 如果不采用按需加载的方式, 首屏加载是非常慢的,即使做了loading也是严重影响用户体验,所以按需加载路由是一个项目的基础构建。(首屏加载优化...后续会记录)目前常用的方法Vue异步组件// 一个组件生成一个js文件{ path: '/', name: 'Index', component: resolve => require(['@/view/index'], resolve)},{ path: '/my',原创 2021-12-21 23:21:10 · 266 阅读 · 0 评论 -
Vue使用提升之“枚举”应用
Vue使用提升之“枚举”应用方式一(适用于简易过滤器中)// enum.js**文件/** * 获取枚举值:STATUSMAP.TTT * 获取枚举描述:STATUSMAP.getDesc('SH') * 通过枚举值获取描述:STATUSMAP.getDescFromValue('TG') */let STATUSMAP = createEnum({ SH: ['SH', '审核中'], TG: ['TG', '审核通过']});function createEnum(defi原创 2021-10-15 00:18:37 · 1416 阅读 · 0 评论 -
vue-cli处理跨域问题(备忘)
vuecli跨域问题vuecli2vuecli3原创 2020-09-22 10:06:37 · 317 阅读 · 0 评论 -
vue之require.context(自动加载js模块等作用)
require.context初识 require.contextrequire.context是webpack中,用来创建自己的(模块)上下文webpack会在构建的时候解析代码中的require.context()require.context函数接收三个参数:1. 要搜索的文件夹目录2. 是否还应该搜索它的子目录3. 以及一个匹配文件的正则表达式// 语法require.context(directory, useSubdirectories = false, regExp = /^原创 2020-09-20 14:53:49 · 3078 阅读 · 0 评论 -
vue-lazyload简单使用
vue-lazyload简单使用1.安装插件npm install vue-lazyload --save2.引用文件,一般在main.js全局引用,且配置好图片import Vue from 'vue'import App from './App.vue'import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload) // or with optionsVue.use(VueLazyload, { preLoad: 1原创 2020-09-20 14:03:51 · 111 阅读 · 0 评论 -
项目打包出来的js文件为什么都带有.map文件
项目打包出来的js文件为什么都带有.map文件打包后产生后缀名为.map的文件是由于配置了sourcemap选项生成的,打包后的文件不容易找到出bug对应的源代码的位置,sourcemap就是来帮我们解决这个问题的,有了map就可以像未压缩的代码一样,准确的输出是哪一行哪一列有错。具体配置可以查看官网devtool配置或者其它的webpack sourcemap 选项多种模式的一些解释如果想要打包后不生成.map文件要怎么配置呢?去config/index.js中改一个参数就行:?prod原创 2020-09-20 13:58:38 · 4519 阅读 · 0 评论 -
记录常用的一些工具函数 - vue版(持续更新)
记录常用的一些工具函数 - vue版#业务需求富文本编译清空url中的参数获取URL中的参数名及参数值的集合格式化价格(保留n位小数)获取随机数原生js简单实现 无缝轮播动画#关于时间处理1) 如果格式是: yyyy/mm/dd hh:mm:ss 可以直接转换。2) 如果日期格式是: yyyy-mm-dd hh:mm:ss 需要转化格式3) 日期转化为毫秒的第二种方法:4)毫秒数转化为浏览器时间格式(没啥用)5) 应用: 判断是否在规定的范围内6) 时间戳转为 yyyy-mm-dd hh:mm:ss 日期格原创 2020-09-19 16:02:32 · 478 阅读 · 0 评论 -
微信jssdk录音API例子
微信jssdk录音API例子首先要引入jssdk, 可以使用npm或者script引入// 微信授权 , 需要使用的接口 wxConfig: function (res, jsapiList) { wx.config({ //eslint-disable-line debug: false, //开启调试模式,调用的所有api的返回值会在客户端alert出来若要查看传入的参数可以在pc端打开参数信息会通过log打出,仅在pc端时才会打印。原创 2020-09-18 21:58:10 · 675 阅读 · 0 评论 -
微信浏览器中ios点击才加载视频,音频 , js实现直接自动播放
微信浏览器中ios点击才加载视频,音频 , js实现直接自动播放1.ios中默认不允许视频,音频加载, 点击之后才会加载, 但如果有需要是要进入页面后即可看视频, 自动播放音频等,则需要用js手动去加载它;2.但是会有个问题, 还是无法触发, 经过踩坑后发现放入wx的初始化中才可以有效, 即wx.ready 中示例代码// 解决 ios环境下 点击才能加载视频,音频问题export function AutoloadMedia(dom) { const IS_IOS = !/(Andro原创 2020-09-18 18:31:00 · 1354 阅读 · 0 评论 -
异步 axios 的简单封装
import Vue from "vue";import axios from "axios";import qs from "qs";const vm = new Vue();// axios是否需要携带Cookie// axios.defaults.withCredentials = true// 此封装注意,form表单请求是没有进行拦截的const URL = process.env.VUE_APP_BASE_API;//发送一般请求const http = axios.cr.原创 2020-09-18 15:06:54 · 197 阅读 · 0 评论 -
vue-cli构建的项目,本地手机端预览 - 简单记录
vue-cli构建的项目,本地手机端预览打开项目的package.json文件,修改里面的script里面的dev ;加入: --host ip,config中的index.js的host也要修改为ip修改好了之后本地电脑访问要把之前网址的localhost换成自己的电脑ip地址;windows要关闭自己的电脑防火墙! mac 可以省略这一步 ;重新运行...原创 2020-05-19 10:39:15 · 205 阅读 · 0 评论 -
vue-cli配置生产开发测试环境,实现自动化部署 - 简单记录
vue-cli21. 在build文件夹中新建 webpack.test…conf.js,将 webpack.prod.conf.js 文件复制过来;将 const env = require('../config/prod.env') 修改为 const env = require('../config/test.env') 2. 在config文件夹中新建 test.env.js , 将 prod.env.js 复制过来;将 NODE_ENV: '"production"' 修改为 NOD.原创 2020-05-19 10:31:32 · 332 阅读 · 0 评论