
js基础知识点
前端小白在写bug
这个作者很懒,什么都没留下…
展开
-
浏览器下载blob文件流(兼容IE浏览器和其他主流浏览器)
的值,此时响应就会被拦截,考虑使用其他字段进行响应成功的判断,经过检查发现,在文件流下载需求中,会有对象的响应类型。在vue项目中,一般会使用axios做ajax请求,此时会封装响应拦截器,一般约定。在业务操作中,因为ie浏览器有独立于其他浏览器的下载文件方式,所以要做如下判断。,我们的需求中是下载excel文件,使用的文件类型是。时响应通过,但是在服务端返回文件流时,是没有。以上是对axios响应拦截器封装的修改。,其他主流浏览器中是。),所以拦截器里面判断。原创 2022-12-20 15:29:16 · 4097 阅读 · 1 评论 -
Echarts —自定义label标签的样式(formatter,rich,添加图标等操作)
最近公司项目中在使用Echarts绘制图表时,由于默认的label标签不能满足设计稿需求,所以研究了对label标签进行格式化的方案,了解到可以使用formatter内容格式器对标签内容进行调整,formatter支持字符串模板和回调函数两种形式,下面以饼图为例对formatter格式化标签label标签遇到的情况记录如下。原创 2022-09-16 16:54:30 · 34644 阅读 · 2 评论 -
如何优雅的解决js数字计算精度问题
解决js计算过程中的精度问题原创 2022-06-16 16:13:56 · 5706 阅读 · 2 评论 -
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 · 2933 阅读 · 0 评论 -
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 · 201 阅读 · 0 评论 -
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 · 1526 阅读 · 0 评论 -
一个好用的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 · 487 阅读 · 0 评论 -
vue中传递js默认event参数和其他参数
使用...arguments实现,具体方法如下:@click="checkStatus(...arguments, item.id)"checkStatus(event, id) { console.log(event, id)}原创 2021-02-22 16:57:22 · 1002 阅读 · 0 评论 -
vue阻止浏览器默认事件
项目中遇到长按、鼠标右键等操作时,会出发浏览器的默认事件,这时候我们要阻止浏览器默认事件,在vue中阻止默认事件,可以使用 @contextmenu.prevent=""实现原创 2021-02-22 16:55:12 · 3168 阅读 · 0 评论 -
微信小程序检测版本更新
微信小程序检测版本更新原生小程序在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 · 617 阅读 · 0 评论 -
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 · 10123 阅读 · 0 评论 -
input文本框录入字母自动大写
向文本框输入文字时,如何让小写字母自动变为大写呢?有一个简单有效的做法是用CSS。text-transform 有四个可选:none 默认值。无转换发生capitalize 将每个单词的第一个字母转换成大写,其余无转换发生uppercase 转换成大写lowercase 转换成小写...原创 2019-10-21 11:40:27 · 3152 阅读 · 0 评论 -
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 · 3552 阅读 · 0 评论 -
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 · 164 阅读 · 0 评论 -
ES6对象新增的方法
Object.is()ES5中比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===)。它们都有缺点,前者会自动转换数据类型(1 == '1' ---> true),后者的NaN不等于自身(NaN === NaN ---> false),以及+0等于-0ES6 提出"Same-value equality"(同值相等)算法,用来解决上述问题。Object...原创 2019-08-05 18:16:46 · 166 阅读 · 0 评论 -
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 · 221 阅读 · 0 评论 -
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 · 267 阅读 · 0 评论 -
Element-ui踩坑小结
Element-ui 实际开发中遇到的坑1. DropDown组件使用时,子选项无法绑定事件的处理问题描述:正常在vue+element-ui项目中,点击事件可以通过@click绑定成功(@click=‘fun’);但是在elementUI --DropDown组件的子组件上绑定click事件时,用@click=‘fun’无法绑定成功解决方案:使用DropDown组件绑定点击事件时,需要加 ...原创 2019-08-13 10:44:54 · 5463 阅读 · 0 评论 -
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 · 1021 阅读 · 4 评论