前端进阶
床头床尾_
这个作者很懒,什么都没留下…
展开
-
记录遇到的特殊问题
记录遇到的特殊问题苹果ios系统下不支持 yyyy-MM-dd 和 yyyy.MM.dd 的日期格式,仅支持 yyyy/MM/dd 日期replaceAll对浏览器的兼容性,可以用replace和正则结合代替使用如果不增加/g关键字,则表示替换第一个比如replaceAll(’"’,’\"’) 可替换成 replace(/"/g,’\"’)反斜杠会被转义导致值的变化比如需要将双引号替换成 " 需要在替换的时候增加一个反斜杠请求参数过长时需使用data进行传参highcharts 中默认开启原创 2021-08-05 16:51:39 · 148 阅读 · 0 评论 -
浏览器缓存问题
浏览器缓存问题浏览器设置禁止强制缓存(这种方法是不使用于生产环境的情况)在html文件中添加meta标签,告诉浏览器强制不缓存此文件<meta http-equiv="pragma" content="no-cache" /><meta http-equiv="Cache-Control" content="no-cache no-store must-revalidate" /><meta http-equiv="Expires" content="0"原创 2021-08-05 11:04:47 · 168 阅读 · 0 评论 -
每天一条JS小知识点 break 或 continue 循环函数
每天一条JS小知识点 break 或 continue 循环函数停止循环是循环中一个常见的需求。使用for循环我们可以用break提前结束循环。const arr = [0, 1, 2, 3, 4];for (var i = 0; i < arr.length; i++) { if (arr[i] === 2) { break; // stop the loop } console.log(arr[i]);}// 0, 1另一个常见的需求使我们需要直接取得变量。一原创 2021-04-08 09:21:16 · 158 阅读 · 0 评论 -
每天一条JS小知识点 Javascript多维数组扁平化
每天一条JS小知识点 Javascript多维数组扁平化var myArray = [[1, 2],[3, 4, 5], [6, 7, 8, 9]];要求返回:[1, 2, 3, 4, 5, 6, 7, 8, 9]使用concat()和apply()var myNewArray = [].concat.apply([], myArray);// [1, 2, 3, 4, 5, 6, 7, 8, 9]使用reduce()var myNewArray = myArray.reduce(f原创 2021-03-30 09:12:38 · 93 阅读 · 1 评论 -
每天一条JS小知识点 取得文件扩展名
每天一条JS小知识点 取得文件扩展名怎样取得文件扩展名 ?var file1 = "aaa.xsl";var file2 = "bbb.doc";getFileExtension(file1); //returs xslgetFileExtension(file2); //returs docfunction getFileExtension(filename) {}解决方法 1: 正则表达式function getFileExtension1(filename) { ret原创 2021-03-29 09:37:04 · 89 阅读 · 0 评论 -
每天一条JS小知识点 三个实用的javascript小技巧
每天一条JS小知识点 三个实用的javascript小技巧从后向前获取数组元素var arr = [1, 2, 3, 4]console.log(arr.slice(-1)) // [4]console.log(arr.slice(-2)) // [3, 4]console.log(arr.slice(-3)) // [2, 3, 4]console.log(arr.slice(-4)) // [1, 2, 3, 4]短路条件句如果想在某个条件逻辑值为true时,执行某个函数,比如原创 2021-03-25 10:35:51 · 155 阅读 · 0 评论 -
每天一条JS小知识点 为什么应该在相等比较中使用 Object.is()
每天一条JS小知识点 为什么应该在相等比较中使用 Object.is()我们都知道 JavasSript 是弱类型的,并且当我们使用 == 作比较时,在一些情况下由于类型转换或者说“把两个操作数中的一个转换成另一个,然后在比较”,会出现意想不到的结果。0 == ' ' // truenull == undefined //true[1] == true //true因此 JavaScript 中给我们提供了全等操作符 ===, 它比不全等操作符更加严格并且不会发生类型转换。但是用 === 来进行原创 2021-03-24 10:18:57 · 52 阅读 · 0 评论 -
数组去重的12种方法
数组去重的12种方法1. 利用ES6 Set去重function unique (arr) { return Array.from(new Set(arr))}var arr = [1,1,3,5,6,7,7,8,null,null,0,{},{}];console.log(unique(arr))[1, 3, 5, 6, 7, 8, null, 0, {…}, {…}] //不能去掉 {} 空对象2. 利用for嵌套for,然后splice去重function unique(arr)原创 2021-03-23 14:29:35 · 189 阅读 · 0 评论 -
这些 JS 中强大的操作符,总有几个你没听说过
JS 里的操作符大家每天都在使用,还有一些 ES2020、ES2021 新加的实用操作符,这些共同构成了 JS 灵活的语法生态。本文除介绍常用的操作符之外,还会介绍 JS 里一些不常用但是很强大的操作符,下面我们一起来看看吧~1. 数值分割符 _ES2021 引入了数值分割符 _,在数值组之间提供分隔,使一个长数值读起来更容易。Chrome 已经提供了对数值分割符的支持,可以在浏览器里试起来。let number = 100_0000_0000_0000 // 0太多了不用数值分割符眼睛看花了con转载 2021-03-16 10:33:46 · 81 阅读 · 0 评论 -
js进阶小技巧
检查日期是否为工作日const isWeekday = (date) => date.getDay() % 6 !== 0;console.log(isWeekday(new Date(2021, 2, 15)));获取随机布尔值 true/falseconst randomBoolean = () => Math.random() >= 0.5;console.log(randomBoolean());反转字符串const reverse = str => str原创 2021-03-15 20:01:15 · 74 阅读 · 0 评论 -
js-xlsx vue导入excel在线预览
js-xlsx vue导入excel在线预览导入XLSX库官方地址Github安装npm install xlsx --s引入import XLSX from ‘xlsx’HTML<template> <div class="upload-container"> <el-upload ref="upload" action="/" :show-file-list="false" :on-change="原创 2021-03-15 11:53:26 · 2921 阅读 · 1 评论 -
6 个没人讲过的 CSS 属性
6 个没人讲过的 CSS 属性数十年来,CSS 和 HTML 一直都是互联网的基石。虽然 HTML 能够负责创建网站结构并进行图文排列,但在设计网站上却无能为力。自 1994 年以来,设计网站一直是 CSS 的唯一目的,它是一门描述网站外观的语言。多年来,CSS 不断地推出更多的新属性,例如 Flexbox(弹性盒)或是 Grid(网格)。尽管创建 Web 应用广受欢迎且日趋复杂,但大多数开发者仍有很多不了解的 CSS 属性和技巧。以下是你可能从未听说过的 6 个 CSS 属性:1. all转载 2021-03-11 10:32:26 · 79 阅读 · 0 评论