手把手教你封装各种vue+echarts图表封装(含中国省市区地图) setChartOption.js 地图数据处理函数var colorOption = [ '#3aa0ff', ' #36cbcb', '#4dcb73', '#fad337', '#f2637b', '#975fe4', '#e7bcf3', '#8378ea', '#3aa0ff', ' #36cbcb', '#4dcb73', '#fad337', '#f2637b', '#975fe4', '#e7bcf3', '#8378ea
Nginx缓存设置 在开发调试web的时候,经常会碰到因浏览器缓存(cache)而经常要去清空缓存或者强制刷新来测试的烦恼,提供下apache不缓存配置和nginx不缓存配置的设置。在常用的缓存设置里面有两种方式,都是使用add_header来设置:分别为Cache-Control和Pragma。nginx:location ~ .*\.(css|js|swf|php|htm|html )$ {add_header Cache-Control no-store;add_header Pragma no-cach...
vue项目禁用浏览器缓存配置 public文件夹中修改 index.html文件meta配置vue cli 构建配置在vue.config.js新增配置const Timestamp = new Date().getTime()module.exports = { configureWebpack: { output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号(可选).时间戳】 filename: `[name].${Timestamp}.js`, .
moment.js获取本周本月本年日期及具体时分秒 引用moment代码// 本周let start = moment().startOf('week')let end = moment().endOf('week')// 本月let start = moment().startOf('month')let end = moment().endOf('month')// 本年let start = moment().startOf('year')let end = moment().endOf('year')//获...
找不到模块“xxx.vue”或其相应的类型声明问题解决 解决方法:在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件,并写入以下内容:declare module '*.vue' { import { App, defineComponent } from 'vue' const component: ReturnType<typeof defineComponent> & { install(app: App): void } export default component}注:vu..
前端 http-server开启本地https服务 首先使用以下命令生成一个证书密钥对 key.pem 和 cert.pem,它将有效期约10年(准确地说是3650天)openssl req -newkey rsa:2048 -new -nodes -x509 -days 3650 -keyout key.pem -out cert.pem按步骤输入对应的信息目录会多出两个文件 cert.pem key.pem然后便可以起服务了 下面两个命令都可以,后者会自动打开默认浏览器运行页面http-server -S...
‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件 You need to install theVue CLI Servicebefore you can run the binary. Try installing at the project-level as opposed to globally instead.在运行二进制文件之前,您需要安装 Vue CLI 服务。尝试在项目级安装,而不是全局安装。The 404 is a "feature" ofnpxwhereby it attempts to download (then...
JS模块化的几种规范总结 commonJS特点:1、模块可以多次加载,但是只会在第一次加载时运行一次,然后运行结果就被缓存了,以后再加载,就直接读取缓存结果。要想让模块再次运行,必须清除缓存。2、模块加载会阻塞接下来代码的执行,需要等到模块加载完成才能继续执行——同步加载。环境:服务器环境 应用:nodejs的模块规范是参照commonJS实现的。 语法:1、导入:require('路径')2、导出:module.exports和exports注意:module.exports和exports的的区别是expor
rollup 开发vue组件库及umd SDK 问题总结 rollup使用过程中遇到的各种问题https://www.dazhuanlan.com/2019/10/22/5dae8543f0ec1/rollup开发依赖包(npm library),解决引入外部依赖失败的有效方法import nodePolyfills from 'rollup-plugin-node-polyfills'; plugins: [ vue(), nodePolyfills(),](!) Missing global variable nam
前端异常监控实战方案 本文简单分析前端异常监控的几种方式一、自研代码监控sdk下面讲述三种可以捕捉到的前端错误资源加载错误,通过 addEventListener('error', callback, true) 在捕获阶段捕捉资源加载失败错误。 js 执行错误,通过 window.onerror 捕捉 js 错误。 promise 错误,通过 addEventListener('unhandledrejection', callback)捕捉 promise 错误,但是没有发生错误的行数,列数等信息,只能手动抛
浅析axios及封装方法 一、axios是什么axios是一个轻量的HTTP客户端基于XMLHttpRequest服务来执行HTTP请求,支持丰富的配置,支持Promise,支持浏览器端和Node.js端。自Vue2.0起,尤大宣布取消对vue-resource的官方推荐,转而推荐axios。现在axios已经成为大部分Vue开发者的首选特性 从浏览器中创建XMLHttpRequests 从node.js创建http请求 支持PromiseAPI...
前端工程化-ESLint - 守住优雅的护城河 转载自 Morrainvivo互联网技术【前端科普系列】帮助阅读者了解web前端,主要覆盖web前端的基础知识,但不深入讲解,定位为大而全并非细而精,适合非前端开发的同学对前端有一个系统的认识,能更好的与前端开发协作。尽可能的写成科普类文章,对于前端开发而言,只适合刚入门的新手。本文为第五章,主要讲前端工程化中的很重要工具 ESLint,主要介绍 ESLint 的历史、用法以及如何基于ESLint 打造保护代码仓库优雅的护城河。一、前言战国时期强大...
浅析Promise 一、介绍Promise,译为承诺,是异步编程的一种解决方案,比传统的解决方案(回调函数)更加合理和更加强大在以往我们如果处理多层异步操作,我们往往会像下面那样编写我们的代码doSomething(function(result){doSomethingElse(result,function(newResult){doThirdThing(newResult,function(finalResult){console.log('得到最终结...
记录docker容器k8s构建前端应用失败问题原因 dockerk8s构建平台构建应用失败原因vue.config.js 生产环境不配置打包优化插件(docker兼容性较差) npmrc 配置合适的镜像地址 Dockerfile 配置保持稳定 nginx.conf配置保持稳定 .env配置保持稳定有效 git忽略大小写 本地改文件夹及文件名称须设置 eslint格式化配置,代码校验不通过会导致构建失败git config core.ignorecase false如下失败日志ERROR Failed to compile wi.
JS数组去重及表格操作行数据方法总结 数组去重一、利用ES6 Set去重(ES6中最常用)function unique (arr) { return Array.from(new Set(arr))}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];console.log(unique(arr)) //[1, "tru
文件流下载文件封装 前端使用 import { exportMethod } from '@/utils/helper/exportExcel' methods: { downLoadFileTemplate(){ const myObj = { method: 'get', url: process.env.VUE_APP_API_BASE_URL + '/authoritycenter/api/permission/downloadPermissionI
JS常用词汇 1. anonymous [ə'nɒnɪməs]adj. 匿名的2. watch [wɒtʃ]vt. 监视, 观察3. call [kɔːl]vi. 调用4. stack [stæk]n. 栈5. breakpoint ['brek,pɔɪnt]n. 断点6. pause [pɔːz]vi. 暂停7. scope [skəʊp]n. 作用域, 范围8. global ['gləʊb(ə)l]adj. 全局的, 全球的9. lo...
JS 根据数组对象的属性拆分成多个数组 JS 根据数组对象属性值分类,把一个数组拆分为多个数组在工作中有时前台展示需求的不同要把后台的数组对象进行再分类。举个栗子:this.BaseLineAndLessonLearnByGroupList= [ { name: 'BaseLine', value: 1, DeptName: 'Logisti', }, { name: 'LessonLearn',..