lvchunfei123-CSDN博客

原创 2021-09-11

通过css新特性实现进度条和自定义计数器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt

2021-09-11 09:26:27 92 1

原创 2021-06-23

将平铺的json转为树状菜单function menuToTree (menus) { // 获取顶层菜单 const topMenus = [] menus.forEach(item => { if (!item.pId) { item.isTop = true topMenus.push(item) } }) function convert (data, parent) {

2021-06-23 21:34:16 101

原创 js超过16位，计算时数字会损失精度的问题的解决办法

js超过16位，计算时数字会损失精度的问题的解决办法js中数字超过16位后，后面的数字都会显示为0，对于int64、int32、float64、float32来说，计算会产生误差解决办法将数字转为字符串后，从前往后遍历计算，最后生产最后的结果function compareNumber (min, max) { function plusOne (i, temp) { temp[i + 1] = 0 if ((temp[i + 1] + 1 < 10)) { t

2021-04-27 18:24:29 2706

原创 2020-11-06

解决vue-quill-editor在google、ie上按backspace键无效在组件中给document注册keydown事件，如果是backspace键，则执行如下代码 handleDelete (e) { // 处理键盘backspace事件 const richRefsQuill = this.$refs[this.toref].quill if (e.keyCode === 8) { // 获取内容的最后位置 const leg = ric

2020-11-06 14:57:41 354

原创在vue-cli3中使用mockjs模拟数据

mockjs在vue cli3的中使用第一步在vue.config.js 中配置devServermodule.exports = { publicPath: '/', devServer: { before:require('./mock/mock-server.js') }}第二步：创建mock-server.js文件const bodyParser = require('body-parser')const chokidar = require(

2020-10-13 11:28:24 1550 2

原创 js中的线程Web Workers

Web Workers处理线程概念：在web应用程序中实现后台处理前端逻辑的技术为什么会有Web Workers处理线程在HTML之前的web程序，所有的处理都是在单线程中执行的；如果花费时间长，程序界面会一直处于长时间没有响应的状态；如果长到一定程度，浏览器会弹出一个提示脚本运行时间过长的提示框；用户不得不中断正在执行的处理；创建Web Workers的方式index.html:<script> // 注意：后台线程中不可以使用window/document对象

2020-09-19 16:16:48 220 1

原创 vuex源码深度解析

vuex源码深度解析vuex源码大体可以分为四个部分：store，helpers，module，plugins：store：是一个class的构造函数，初始化一些参数，主要包括actions，mutations，modules，_wrappedGetters，_modulesNamespaceMap，还有其他的一些插件用到的方法，比如_actionSubscribers，_subscribers，分别用于订阅action和mutation，用于调试，另外定义了一些方法，包括dispatch，comm

2020-09-10 17:52:35 393

原创浏览器 url query 的操作方法

浏览器 url query 的操作方法格式化 url 对象 query 方法,并进行 encode 处理// 格式化url对象query方法,并进行encode处理function stringifyQuery(query) { // 对保留特殊字符编码 const encodeReserveRE = /[!'()*]/g const encodeReserveReplacer = (c) => `%${c.charCodeAt(0).toString(16)}` // 逗号正

2020-09-01 11:02:54 4461

原创 escape、encodeURI、encodeURIComponent 的区别

# escape、encodeURI、encodeURIComponent 的区别escape/unescapeencodeURI/decodeURIencodeURIComponent/decodeURIComponentescape/unescapeescape: 返回一个经过Unicode编码后的字符串:语法：excape(str);Escape方法会将传入参数中所有的空格、标点符号、重音字符以及其它任何非ASCII字符替换为%xx的编码形式；字符的16进制格式值,当该值小于等于0xF

2020-08-31 14:35:36 234

lvchunfei123的博客