
JavaScript
文章平均质量分 57
ur home
全网同名;希望成为一个有趣的人,创造出有趣的工具;知乎、抖音等平台的文章、视频累计超过亿次阅读和播放。
展开
-
JS字符串替换,将一个字符串中的特定字符串换成其他字符串
const val = 'abababababababaabab';console.log(val.replace('a', '1')); // 1bababababababaababconsole.log(val.replace(/a/g, '1')); // 1b1b1b1b1b1b1b11b1b/g 表示全局原创 2021-11-11 10:35:10 · 6103 阅读 · 0 评论 -
axios下载zip
import axios from 'axios';import { getToken } from '@/utils/auth';export const downloadZip = (url: string, params: any, fileName: string) => { axios({ method: 'GET', url: `${process.env.VUE_APP_BASE_API}${url}`, headers: { Author.原创 2021-09-08 14:37:06 · 689 阅读 · 1 评论 -
jsencrypt加密解密
安装yarn add jsencrypt 方法封装import JSEncrypt from 'jsencrypt/bin/jsencrypt.min.js'// 密钥对生成 http://web.chacuo.net/netrsakeypairconst publicKey = `MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCtUGD2zoexHOWefrIybP39a6wa1SaC8PrTyw2UvRAEUxPVlf1th8hxc7LZygl.原创 2021-08-05 15:55:30 · 1685 阅读 · 1 评论 -
js数组操作技巧
1. 数组去重这是一个非常流行的关于Javascript数组的采访问题,数组去重。这里有一个快速简单的解决方案,可以使用一个新的Set()。我想向您展示两种可能的方法,一种是使用.from()方法,另一种是使用spread操作符(…)。const arr = ["aa", "bb", "cc", "cc", "aa", "dd", "bb", "ee"];// 第一种方法const uniqueArr = Array.from(new Set(arr));console.info(uniqu原创 2021-07-28 15:28:57 · 312 阅读 · 4 评论 -
无服务端编程服务推荐(前端必备)
转自知乎:无服务端编程服务推荐(前端必备)转载 2021-07-15 10:09:44 · 399 阅读 · 0 评论 -
5kb 的 Vue:尤雨溪发布新作 petite-vue
前端程序员想必对尤雨溪及其开发的 Vue 框架不陌生。Vue 是一套用于构建用户界面的渐进式 JavaScript 框架,在 2014 年发布后获得了大量开发者的青睐,目前已更新至 3.0 版本。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。最近,尤雨溪发布了一款针对渐进增强(progressive enhanc.转载 2021-07-15 09:47:47 · 130 阅读 · 0 评论 -
纯前端生成海报实践及其性能调优
1 需求背景接到了一个紧急需求,需要根据 Excel 表格中学生的信息以及考试成绩生成相应的海报。Excel 数据和需要生成的海报的样式如下:Excel 数据海报样式由于需求紧急,没有时间拉上后端同学,所以 Excel 表格的数据解析和海报生成功能都需要由前端开发。以下几个技术点需要关注:1. Excel 可以通过sheetjs来处理,通过在XLSX.utils.sheet_to_json将 Excel 中的数据转化为 JSON 格式数据。2. 海报图片的生成可...转载 2021-06-30 10:20:39 · 459 阅读 · 1 评论 -
TypeScript 声明文件全解析
导语:全面拥抱 TS 的时代,TS 已经成为日常开发中的重要部分。本文主要介绍 TS 声明文件的写法。声明文件的定义通俗地来讲,在 TypeScript 中以.d.ts为后缀的文件,我们称之为 TypeScript 声明文件。它的主要作用是描述 JavaScript 模块内所有导出接口的类型信息。什么时候需要写 TS 声明文件在日常的开发中,绝大多数时候是不需要我们单独去编写一个 TS 声明文件的。如果我们的文件本身是用 TS 编写的,在编译的时候让 TS 自动生成声明文件,并在发布...转载 2021-06-30 10:11:03 · 1445 阅读 · 0 评论 -
从 V8 角度揭秘你不知道的面试八股文
杨毅臻,微医前端技术部首席治安管理官。了解 V8何为揭秘八股文常规操作:如果你是面试官: 打开网站直接搜索面试题,背下来直接问如果你是求职者: 打开网站直接搜索面试题,背下来直接回答这只是一个答案与问题匹配的过程,懂不懂不重要,因此会被套上八股文的壳子。加分操作:在已知的知识点上补充自己的思考并成体系的表述本文将从 V8 出发从原理到面试题进行一个串联,帮助你形成一个比较好的体系。为什么要了解 V8计算机技术日益精进,随着底层优化,原来的答案或许早已过.转载 2021-06-29 16:29:52 · 1291 阅读 · 1 评论 -
浏览器数据库 IndexedDB 介绍
在讲IndexedDB之前,先简单说说cookie、localStorage、sessionStorage。cookieCookie 的大小不超过4KB,且每次请求都会发送回服务器。localStorageLocalStorage 在 2.5MB 到 10MB 之间(各家浏览器不同),而且不提供搜索功能,不能建立自定义的索引。sessionStoragesessionStorage 与 localStorage 的接口类似,但保存数据的生命周期与 localStorage 不同。 S原创 2021-03-30 14:20:06 · 1318 阅读 · 1 评论 -
js截取字符串的后几位数
截取后4位let str="qwertyuiop";str.substring(str.length-4);原创 2021-04-29 14:11:21 · 5707 阅读 · 0 评论 -
js之上舍入、下舍入、四舍五入等
上舍入 Math.ceil()Math.ceil(1.2345)2Math.ceil(1.2345*100) / 1001.24下舍入 Math.floorMath.floor(1.2345)1Math.floor(1.2345*100) / 1001.23四舍五入Math.roundMath.round(1.2345)1Math.round(1.5345)2只保留整数部分(丢弃小数部分)parseIntparseInt(1.2345)1par...原创 2021-04-16 15:06:36 · 1952 阅读 · 0 评论 -
获取video视频播放长度
方法1<video :src="videoUrl" controls preload="auto" id="videoPlayer"></video><p>{{ videoDuration }}<p>private videoDuration: any = ''setTimeout(() => { this.videoDuration = document.getElementId('videoPlayer').duration.原创 2021-04-15 10:06:32 · 1738 阅读 · 0 评论 -
JS 删除对象和数组中的某个属性
对象删除元素方法1删除是删除对象的属性没有任何剩菜剩下的唯一真正的方法let obj = { id: '1', name: '上海', area: '嘉定'}delete obj.areaconsole.log(obj)console.log(obj.area)方法2let obj = { id: '1', name: '上海', area: '嘉定'}obj.area = undefined数组删除元.原创 2021-04-09 16:36:05 · 5218 阅读 · 3 评论 -
js数组遍历十种方法
1. some()遍历数组,只要有一个以上的元素满足条件就返回 true,否则返回 false ,退出循环对数组中每个元素执行一次ok函数,知道某个元素返回true,则直接返回true。如果都返回false,则返回false检查整个数组中是否有满足元素。 private some(id: number) { const arr = [ { cityId: 195, cityName: '深圳'}, { cityId: 196, cityNa原创 2021-04-08 16:30:33 · 6438 阅读 · 3 评论