zyhzyh1120的博客

使用的简单记录，备忘。vue作为单页面应用, 如果不采用按需加载的方式, 首屏加载是非常慢的,即使做了loading也是严重影响用户体验，所以按需加载路由是一个项目的基础构建。(首屏加载优化...后续会记录)目前常用的方法Vue异步组件// 一个组件生成一个js文件{ path: '/', name: 'Index', component: resolve => require(['@/view/index'], resolve)},{ path: '/my',

Vue使用提升之“枚举”应用方式一（适用于简易过滤器中）// enum.js**文件/** * 获取枚举值：STATUSMAP.TTT * 获取枚举描述：STATUSMAP.getDesc('SH') * 通过枚举值获取描述：STATUSMAP.getDescFromValue('TG') */let STATUSMAP = createEnum({ SH: ['SH', '审核中'], TG: ['TG', '审核通过']});function createEnum(defi

vuecli跨域问题vuecli2vuecli3

require.context初识 require.contextrequire.context是webpack中，用来创建自己的（模块）上下文webpack会在构建的时候解析代码中的require.context()require.context函数接收三个参数：1. 要搜索的文件夹目录2. 是否还应该搜索它的子目录3. 以及一个匹配文件的正则表达式// 语法require.context(directory, useSubdirectories = false, regExp = /^

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

项目打包出来的js文件为什么都带有.map文件打包后产生后缀名为.map的文件是由于配置了sourcemap选项生成的，打包后的文件不容易找到出bug对应的源代码的位置，sourcemap就是来帮我们解决这个问题的，有了map就可以像未压缩的代码一样，准确的输出是哪一行哪一列有错。具体配置可以查看官网devtool配置或者其它的webpack sourcemap 选项多种模式的一些解释如果想要打包后不生成.map文件要怎么配置呢？去config/index.js中改一个参数就行：?prod

记录常用的一些工具函数 - 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 日期格

微信jssdk录音API例子首先要引入jssdk, 可以使用npm或者script引入// 微信授权 , 需要使用的接口 wxConfig: function (res, jsapiList) { wx.config({ //eslint-disable-line debug: false, //开启调试模式,调用的所有api的返回值会在客户端alert出来若要查看传入的参数可以在pc端打开参数信息会通过log打出，仅在pc端时才会打印。

微信浏览器中ios点击才加载视频,音频 , js实现直接自动播放1.ios中默认不允许视频,音频加载, 点击之后才会加载, 但如果有需要是要进入页面后即可看视频, 自动播放音频等,则需要用js手动去加载它;2.但是会有个问题, 还是无法触发, 经过踩坑后发现放入wx的初始化中才可以有效, 即wx.ready 中示例代码// 解决 ios环境下 点击才能加载视频,音频问题export function AutoloadMedia(dom) { const IS_IOS = !/(Andro

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.

vue-cli构建的项目，本地手机端预览打开项目的package.json文件，修改里面的script里面的dev ;加入: --host ip,config中的index.js的host也要修改为ip修改好了之后本地电脑访问要把之前网址的localhost换成自己的电脑ip地址;windows要关闭自己的电脑防火墙！ mac 可以省略这一步 ;重新运行...

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.