- 博客(35)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 浏览器下载blob文件流(兼容IE浏览器和其他主流浏览器)
的值，此时响应就会被拦截，考虑使用其他字段进行响应成功的判断，经过检查发现，在文件流下载需求中，会有对象的响应类型。在vue项目中，一般会使用axios做ajax请求，此时会封装响应拦截器，一般约定。在业务操作中，因为ie浏览器有独立于其他浏览器的下载文件方式，所以要做如下判断。，我们的需求中是下载excel文件，使用的文件类型是。时响应通过，但是在服务端返回文件流时，是没有。以上是对axios响应拦截器封装的修改。,其他主流浏览器中是。)，所以拦截器里面判断。
2022-12-20 15:29:16
3619
1
原创 Echarts —自定义label标签的样式(formatter，rich，添加图标等操作)
最近公司项目中在使用Echarts绘制图表时，由于默认的label标签不能满足设计稿需求，所以研究了对label标签进行格式化的方案，了解到可以使用formatter内容格式器对标签内容进行调整，formatter支持字符串模板和回调函数两种形式，下面以饼图为例对formatter格式化标签label标签遇到的情况记录如下。
2022-09-16 16:54:30
30266
2
原创 vite.config.ts基础配置项
使用vite创建vue3+ts项目时，需要对vite.config.ts(同vue2中vue.config.js)进行一些基础配置，下面对一些配置项做一些记录。
2022-07-28 15:00:08
1892
原创 vscode创建代码片段——以vue3.x模板为例
打开vscode，文件—首选项—配置用户代码片段—新建全局代码片段文件—对代码片段命名—修改snippets内容。虽然花不了很多时间，但仍会比较繁琐，所以考虑创建一个快捷模板，可以快速生成vue模板。其中prefix为代码片段快捷指令，body内容为默认的代码片段。在vue中，需要创建vue文件时，我们通常需要自己手动输入如下模板。此时，新建vue文件，输入vue3即可出现如下提示。回车即可快速生成vue文件模板。其他模板也可用同样的方法生成。我修改后的模板代码为。......
2022-07-27 11:26:34
1468
原创 vuex数据状态持久化
在VUE项目中，由于是单页应用，vuex中的数据在页面刷新时就会被清除，所以我们要考虑怎样让vuex中的数据持久保存在浏览器中，至少不能每次刷新时都丢失登录状态，这篇文章介绍VUE项目中常用到的两种vuex持久化的方法，底层实现原理一直，方法不太一样，可以在项目中根据实际来区分方法一、浏览器监听+本地存储我们可以监听浏览器的刷新，在页面刷新时将vuex内的数据保存在本地存储中(根据项目需要可以考虑保存在sessionStorage或者localStorage中)在App.vue中，created生命周
2022-04-02 18:38:29
5761
原创 VUE引入kindeditor、本地化、一键排版样式等操作
文中所有资源可点击此处免费下载1、创建VUE项目，安装kindeditorcnpm i kindeditor -S2、在components下新建KindEditor文件夹，新建Index.vue组件，<template> <div class="margin-top-20"> <textarea name="content" :id="id" v-model="outContent"></textarea> <div st
2022-04-01 14:19:10
2575
原创 vue项目实现简单换肤功能
项目遇到换肤功能，需求是固定三种主题色配置，实现思路如下换肤实现在src/assets/css/目录下定义了mixin.scss文件文件中定义各主题色下，不同需要随着主题色改变的色值，比如：定义主题字体颜色色值@mixin theme-color { [data-theme="blue"] & { color: #387af0; } [data-theme="yellow"] & { color: yellow; }}在组件中引入mixin
2021-11-11 20:15:23
847
原创 vue-cli4下，项目打包时删除console信息
在vue.config.js里面进行配置const TerserPlugin = require(‘terser-webpack-plugin’)*** terser-webpack-plugin 插件不需要进行安装，因为vue脚手架也用到，直接引用即可详细配置如下module.exports = { /** *省略部分配置 ........ */ configureWebpack(config) { if (process.env.NODE_EN
2021-11-11 20:08:49
523
原创 input框正则限制(持续更新中，欢迎补充)
只允许输入数字(整数：小数点不能输入)<input type="number" onkeyup="value=value.replace(/[^\d]/g,'')" > 允许输入小数(两位小数)<input type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" > 允许输入小数(一位小数)<input type="number" onkeyup="value
2021-09-28 10:51:12
144
原创 网站前端设置灰色——适用于特殊节日全局变灰
body *{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter:gray;自己记录，不做他用...
2021-09-06 16:42:58
1429
原创 vue-cli4项目中引入postcss-px2rem插件，以解决不同屏幕下的适配问题
win10系统下的电脑屏幕，会根据分辨率推荐设置屏幕缩放，一般2K屏默认推荐125%。4K屏推荐150%这就导致前端再使用px开发时，会出现页面变形的情况，我们引入postcss-px2rem插件解决该问题1、：安装postcss-px2remcnpm install postcss-px2rem2、在vue.config.js中添加配置const px2rem = require('postcss-px2rem')const postcss = px2rem({ remUnit: 16
2021-08-26 01:00:09
1388
原创 window10系统安装淘宝镜像时不成功
获取vscode终端和PowerShell管理员权限window10系统新电脑安装淘宝镜像时，会报如下错误最后发现，需要获取管理员权限，下面就说一下vscode和PowerShell分别如何获取管理员权限一、找到vscode桌面快捷方式，右键——属性——兼容性——以管理员身份运行此程序二、以管理员身份运行PowerShell1、按shift，同时鼠标右键，执行PowerShell2、 执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的3.执行：set-
2021-05-07 17:10:51
1298
原创 一个好用的rem.js插件
这是基于375的设计稿来设置的100px = 1rem的换算比例，如果设计稿是其他尺寸，需要将 375换成设计稿对应的宽度即可(function (doc, win, pwidth, prem) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var cli
2021-03-12 19:53:08
431
原创 uniapp中onLaunch异步方法与onLoad执行顺序问题
uniapp中onLaunch异步方法与onLoad执行顺序问题问题描述:uniapp中，app.vue里的onLaunch中如果有异步方法，比如登录方法，返回结果可能会在页面的 onLoad 之后，为了让页面的 onLoad 在 onLaunch 之后执行，使用以下解决方案：1、main.js添加如下代码Vue.prototype.$onLaunched = new Promise(resolve => { Vue.prototype.$isResolve = resolve})2
2021-03-04 19:49:30
4179
5
原创 vue中传递js默认event参数和其他参数
使用...arguments实现，具体方法如下：@click="checkStatus(...arguments, item.id)"checkStatus(event, id) { console.log(event, id)}
2021-02-22 16:57:22
938
原创 vue阻止浏览器默认事件
项目中遇到长按、鼠标右键等操作时，会出发浏览器的默认事件，这时候我们要阻止浏览器默认事件，在vue中阻止默认事件，可以使用 @contextmenu.prevent=""实现
2021-02-22 16:55:12
2960
原创 微信小程序检测版本更新
微信小程序检测版本更新原生小程序在app.js中写如下代码onLaunch() { if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { console.log('onCheckForUpdate====', res) // 请求完新版本信息的回调
2021-02-20 14:56:18
537
原创 H5通过scheme方式唤起app——兼容在不同终端下的处理
@H5通过scheme方式唤起app欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选
2020-12-08 19:26:51
2122
原创 vue项目解决数字计算精度问题
js计算精度问题解决步骤：1.进入指定项目 终端安装依赖：npm install mathjs --save2.引入依赖包，在需要解决精度问题的页面引入mathjs： const math = require(‘mathjs’)使用math.format方法math.format(a*b,num)a,b表示需要计算的两个数，可以进行加减乘除平方等等计算num表示精度，最大为14，表...
2019-10-21 19:11:36
9877
原创 input文本框录入字母自动大写
向文本框输入文字时，如何让小写字母自动变为大写呢？有一个简单有效的做法是用CSS。text-transform 有四个可选：none 默认值。无转换发生capitalize 将每个单词的第一个字母转换成大写，其余无转换发生uppercase 转换成大写lowercase 转换成小写...
2019-10-21 11:40:27
2698
原创 解决命令行工具上执行命令时，报系统禁止运行脚本
最近给自己电脑重装了系统，但是在安装好react脚手架（命令：npm install -g create-react-app）后，创建项目时报错根据报错信息，我们可以看出来，提示“因为在此系统上禁止运行脚本”，我们只需要按照如下步骤即可：一、我们在win10 系统中有一个搜索框 输入 Windos PowerShell(注意：一定要选择以管理员身份运行)打开命令行之后输入set-Exec...
2019-10-18 17:22:59
501
原创 mPaaS框架基础配置之gradle踩坑笔记·
最近公司要用mPaaS框架，根据官网做了环境变量配置，踩了一点小坑，分享出来给大家，也做一下笔记对自己做一个提醒。1、安装jdk，官网明确提示，jdk版本应在 8 以上，jdk官网下载速度比较慢，一般采用科学上网方式，如果小伙伴不会科学上网，可以使用我分享出来的百度网盘链接下载链接：https://pan.baidu.com/s/1w7utHI5ate58unU2jXoOug提取码：iuf...
2019-08-26 11:27:55
606
原创 video标签使用中踩的坑
最近公司需要在项目中添加视频，并且是用angularjs写的项目，中间遇到了一些坑，在此记录下来。1.有些html viedo播放视频有声音但是没图像1.1、MP4有3中编码格式，mpg4(xdiv),mpg4(xvid),avc(h264);1.2 、使用格式工厂(或其他视频软件)将视频转换成avc(h264)编码格式；1.3、本地测试时可以先把视频拖到浏览器中，如果浏览器可以正常播放，...
2019-08-13 10:46:17
1836
原创 vue中常用的过滤器
1、货币过滤器(返回带￥，保留两位小数，每三位加，号格式数据)let currency = value =>{ if(value != "0"){ if(value == "" || value == undefined || value == null ){ return "--"; } ...
2019-08-13 10:46:12
718
原创 js中字符串的运算
js中，常见的是字符串和其他类型变量的加法运算，我们知道，任何类型的变量和字符串相加(即字符串拼接)，得出来的值均为字符串 var a = 'asdas'; var b = 121; console.log(typeof(a + b))； // string但是，当字符串与数字类型相乘/除的时候，得到的结果将不是字符串 var a = 'asdas'; var b = 121; c...
2019-08-13 10:45:47
3456
原创 ES6新增数值的扩展
Number.isFinite(), Number.isNaN()ES6在Number对象上，新提供了Number.isFinite()和Number.isNaN()两个方法Number.isFinite()用来检查一个数值是否为有限的(finite)，即不是Infinity；Number.isFinite(12) // trueNumber.isFinite(0.8) // true...
2019-08-13 10:45:35
965
4
原创 Element-ui踩坑小结
Element-ui 实际开发中遇到的坑1. DropDown组件使用时，子选项无法绑定事件的处理问题描述：正常在vue+element-ui项目中，点击事件可以通过@click绑定成功（@click=‘fun’）；但是在elementUI --DropDown组件的子组件上绑定click事件时，用@click=‘fun’无法绑定成功解决方案：使用DropDown组件绑定点击事件时，需要加 ...
2019-08-13 10:44:54
5389
原创 ES6对函数的扩展
1. 函数参数的默认值ES6之前，不能直接为函数的参数指定默认值，只能采用变通的形式function log(x,y) { y = y || 'World' console.log(x,y)}log('Hello') // Hello Worldlog('Hello ','China') // Hello Chinalog('Hello ','') // Hello World...
2019-08-13 10:44:35
183
原创 ES6处理数组去重的问题
ES6数组去重使用ES6提供的Set方法，可以快速实现素组去重let arr = [1,2,3,4,2,1,5,3];let newArr = new Set(arr) ---> Set(5) {1, 2, 3, 4, 5}arr = [...newArr] ---> [1,2,3,4,5]ES6字符串去重使用ES6提供的Set方法，同样可以快速实现字符串去重let ...
2019-08-07 11:52:56
213
原创 ES6对象新增的方法
Object.is()ES5中比较两个值是否相等，只有两个运算符：相等运算符(==)和严格相等运算符(===)。它们都有缺点，前者会自动转换数据类型(1 == '1' ---> true)，后者的NaN不等于自身(NaN === NaN ---> false)，以及+0等于-0ES6 提出"Same-value equality"(同值相等)算法，用来解决上述问题。Object...
2019-08-05 18:16:46
125
原创 ES6对数组的扩展
扩展运算符扩展运算符(spread)是三个点...。相当于rest参数的逆运算，将一个数组转为用空格分隔的参数序列console.log(...[1,2,3,4]) ---> 1 2 3 4console.log(...document.querySelectorAll('div;)) ---> <div></div> <div>&...
2019-08-05 14:15:44
107
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人