目录前言一、何为嵌套代码二、避免嵌套1.提炼抽取2.反转排列前言看过不少过度嵌套的代码, 我真正意识到问题的严重性是刚入职那会, 我在一个老项目里看到了40个连续的else i...

目录问题描述方案1方案2方案3方案4总结问题描述在应用中打开一个外部的html页面，即完整http链接的页面。h5通过window.open或是内嵌iframe基本都没有问题，本文主要针对app端的...

目录前言1.自定义图形最后的效果是这样的：2.注册自定义的图形3.extendShape4.使用echarts注册这三个图形5.使用自定义的形状总结前言在一个前端大屏项目中，有一个模块使用到了...

随着前端技术的不断发展，越来越多的人开始使用Vue框架来开发Web应用。Vue框架提供了许多方便的功能，其中路由就是其中之一。然而，很多开发者在打包Vue应用时会遇到“vue路...

目录原生js XMLhttprequest请求onreadychange执行两次关于readyState不同状态总结(0) 未初始化(1) 载入(2) 载入完成(3) 交互(4) 完成总结原生js XMLhttprequest请求onready...

目录js fill函数填充数组或对象的问题扩展：js--数组的 fill() 填充方法详解前言正文1、fill() 语法2、fill() 的使用js fill函数填充数组或对象的问题js 的数组有一个 fill...

在uni-ui中找不到对应的工具后面想想也是 移动端取色干什么？没办法 也挂不住特殊需求因为去应用市场下载 这总东西 又不是很有必要那么 下面这个组件或许能解决您的烦恼<temp...

目录字节字节序BlobFile对Blob和File的读取ArrayBufferTypeArrayDataViewBlob和ArrayBuffer当前，前端对二进制数据有许多的API可以使用，这丰富了前端对文件数据的处理能力，有了...

目录常见方式判断图片格式图像数据简单说明JS读取图片真实格式svg格式的判断总结前面博文有提到，当前主流浏览器能支持的图片格式，是七种：jpg、png、gif、bmp、ico、webp、svg，...

目录SymbolSymbol转换Symbol属性名属性名遍历Symbol.for()、Symbol.keyFor()Symbol内置值Symbol.hasInstanceSymbol.isConcatSpreadableSymbol.speciesSymbol.matchSymbolSy...

Vue是一款流行的JavaScript框架，用于开发动态的、响应式的Web应用程序。Vue默认启用了严格模式，以便在开发过程中更易于捕捉潜在的错误。但是，在某些情况下，可能需要暂时关闭严...

目录颜色模型HSV 与 HSL 的区别实现选择器色相饱和度和明亮度hsv转rgb透明度基于HSL的颜色选择器使用canvas在做前端界面开发的时候，遇到需要改变颜色的需求，就需要使用颜色选...

目录前言一、初期设想二、如何收集状态1.通信尝试2.如何通信三、管理者与执行者1.数据驱动2.管理者3.执行者前言这是一个基于原生JavaScript+Three.js的系统, 我需要在里面...

目录效果图：场景：思路：第一步：第二步：第三部：使用总结效果图：场景：当你对接websocket时，或者轮询也好，你需要获取到最新的信息，并且在任何页面弹出一个组件进行后续操作思路：1、先封装好...

目录JS中的Map对象JS中Map和普通对象Map对象Object对象Objects 和 maps 的比较总结JS中的Map对象1.js创建map对象var map = new Map();2.将键值对放入map对象map.set("key",...

目录前言为什么会冲突EslintPrettier冲突解决前言本次环境皆为 @vue/cli默认安装带有的 eslint@7.32.0，VSCode 插件版本：Eslint v2.4.0Prettier v9.10.4为什么会冲突首先我们...

目录循环比较toStringjoinJSON.stringify当数组元素是空元素、null、undefined时null 和 undefined空元素总结在JavaScript中，数组本质上是一种特殊的对象，它的类型值会返回 o...

目录echarts不显示在微信小程序css样式echarts的grid属性详解js总结echart在微信小程序的使用echarts不显示在微信小程序<!-- 微信小程序的echart的使用 --><view class="co...

目录初步认识Base64是怎么诞生的基础定义编码方式体积增大= 等号非ASCII码字符编解码方法btoa 和 atob第三方库前端常见应用小图片转码文件读取Canvas生成图片其他总结在我...

目录一. 前言二. 实现思路三. 代码实现四. 过程中遇到的问题一. 前言先看下使用场景效果图：点击输入框唤起键盘，蓝框就相当于input的光标，验证码输入错误或者不符合格式要求会...

目录字符串中的转义字母十六进制数字八进制数字Unicode码点正则表达式中的转义HTML中的转义URL转义字符说起转义字符，大家最先想到的肯定是使用反斜杠，这也是我们最常见的，很多...

随着前端技术的不断发展，前端框架也在不断地改进和优化。目前比较流行的前端框架之一是Vue，Vue具有轻量级、易学易用等特点，受到了广大开发者的青睐。但是在使用Vue过程中，有些...

Vue是一款流行的前端框架，用于构建交互式Web界面。Vue中修改数组的方法非常重要，因为在开发中我们经常需要处理数组。这篇文章主要介绍Vue中修改数组的方法。一、Vue中直接修...

Vue.js 是一款非常流行的现代化前端框架，它的出现为开发者们带来了很多便捷。在开发过程中，经常会遇到需要获取图片跳转过来的链接的需求。那么，Vue.js如何实现这个功能呢？第一...

Node.js是一个能够运行JavaScript的平台，它采用事件驱动、非阻塞I/O模型，使得在一个单线程的环境下能够高效地处理大量请求，成为现代Web应用开发的首选技术。在Node.js开发过程...

随着前端开发技术的不断发展，Vue框架成为了一个非常重要的工具。在使用Vue框架进行开发过程中，修改配置文件是一个非常常见的操作。然而，出现不运行修改配置文件的情况也是非常...

Vue的模板根据开发者的实际需求和使用的工具不同，一般可以放在以下几个地方： Vue组件内的templateVue组件可以在template中定义自己的模板，这是Vue的一种核心功能。在组件的scr...

针对一些特殊的需求，在项目里，需要将响应式数据变为普通原始类型数据，这种情况是有的。在Vue里，能够将普通数据类型的数据变为响应式数据；同时，也能将响应式类型数据变为普通类型...

UniApp是一款基于Vue.js框架的跨平台开发工具，拥有丰富的组件库和API，可以快速开发出高质量的跨平台应用程序。在实际开发中，我们经常需要控制页面上的某些视图组件的显示与隐...

随着互联网的发展，前端技术也在不断地升级和更新。Vue.js作为一款现代化的JavaScript框架，被越来越多的开发者所使用。在Vue.js中，我们经常需要显示当前的日期和时间，尤其是当天...

随着前端技术的不断发展，Vue已成为最受欢迎的JavaScript框架之一。Vue的出现，让前端开发变得更加简单和高效。在Vue中，我们可以通过指令和组件来构建一个复杂的界面。其中，tab栏...

目录vue3.0 vant popup渲染不出来vue3中组件无法渲染成功总结vue3.0 vant popup渲染不出来遇到这个问下，先检查看看是不是看着vant的2.x版本进行开发。vant2.x版本代码如下：<v...

众所周知，在vue中bus等工具只能跨组件通信，如何实现跨窗口通信呢？场景如下，我们在A窗口中新开了B窗口，想在B窗口中调用A窗口的方法？这里还总结了一点window事件的方法：window.opene...

目录使用index.jsgetters.jssystem.js全局使用：main.js文件中Vuex概述Vuex中的核心特性A.Statethis.$store.state.全局数据名称-组件访问State中的数据的第一种方式组件访问S...

目录Dom什么是render函数render函数的返回值（VNode）template与render简单的render函数什么时候使用RenderDom在浏览器中通过js来操作DOM的操作性能很差，于是虚拟Dom应运而生。...

最近在合作做一个前后端分离项目时，为了测试我写的后端部分获取数据的效果，自己也学了一下 vue 的知识，在获取 json 信息这里也踩了很多坑。这里列举下我返回的 json 部分信息：{...

目录问题背景问题解决总结问题背景在做vue3+ElementPlus项目时，复制粘贴ElementPlus官网的代码到项目中，结果会报这样的错：ESLint Parsing error: Unexpected token明明就是按...

目录vant van-list下拉加载更多onload事件问题描述vant van-list的使用及一些坑的解决第一步第二步第三步第四步第五步总结vant van-list下拉加载更多onload事件问题描述van...

store是一个管理状态，在vuex中使用。import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { //这里放全局参数 }, mut...

效果图：1.当写后台管理页面时，使用element ui里的table表格时，表格中有操作按钮，获取当前行的数据时，我们可以使用 slot-scope="scope"来获取。 <el-table-column label="操作" a...

目录前言完整代码解决无法显示中文问题前言vue-pdf 可以实现PDF文件在线预览并且支持分页。安装方式：npm install --save vue-pdf完整代码<template> <el-dialog :visible...

突然报错未启用JavaScript下午演示项目的时候突然给我整了一出JavaScript未启用，当场就把我整尴尬了；然后我怀疑是不是写的路由守卫有问题就注释了再试发现问题还在？！然后经过各...

目录van-picker组件default-index属性设置不生效vant picker组件踩坑方法一方法二方法三总结van-picker组件default-index属性设置不生效官方文档：default-index 单列选择时，...

目录Vant picker选择器设置默认值导致选择器失效说下场景Column 数据结构解决方案总结Vant picker选择器设置默认值导致选择器失效vant 版本 >=2.12.27说下场景自定义选择器...

目录axios基础知识axios应用场景axios基础知识axios是独立于vue的一个项目，基于promise用于浏览器和node.js的http客户端。在浏览器中可以帮助我们完成ajax请求的发送在node....

目录vant-List-@load事件一直触发项目场景问题描述原因分析解决方案vant-list onLoad触发以及tab切换不再触发问题总结vant-List-@load事件一直触发项目场景今天项目用到van...

问题描述项目执行npm run serve后报错产生原因（最大概率原因）由于在该代码中含有node_module依赖包，再拷贝到其他计算机时，项目路径发生变化，导致找不到vue-cli-service于是报错...

在上一篇笔记中提到了Vue3+vite+Ts写代码过程中，出现的代码自动补全失效功能，今天来谈谈如何解决这个问题。首先，我们已经很明确的就是安装了volar插件之后，HTML标签片段补全已...

目录1、效果 2、主要逻辑代码1、效果折叠效果--只剩图标展开效果--有图标有文字 2、主要逻辑代码home.vue--主页代码<template> <div class="common-layout"> <el-conta...

目录背景思路方式1-通过定时器做防抖处理(a)概述(b)代码(c)预览(d)存在的问题情况-在点击事件上做防抖情况-在接口方法做防抖方式2-通过取消ajax请求(a) 概述(b)原理原生aja...