前端开发
-
转载自： 简介 JavaScript ES7中的 async / await 让多个异步promise协同工作起来更容易。如果要按一定顺序从多个数据库或者API异步获取数据，你可能会以一堆乱七八槽的promise和回调函数而告终。而 async / await 结构让我们能用可读性强、易维护的代码更加简洁的实现这些逻辑。 本教程用图表和简单示例讲解了JavaScript中 async / await 的语法和语义。 在深入之前，我们先简单回顾一下promise.如果你已经对JS的promise有
2024-12-03 -
前言 ant-design-vue1x官方文档推荐集成来实现表格的可伸缩列，但是官方demo有bug，且使用起来很麻烦，所以自己动手在ant-design-vue 1x表格组件的基础上实现列伸缩功能。 实现列伸缩功能的思路 在每个th里添加一个元素用来左右拖动列，通过absolute定位将拖动元素其定位到th的右边界处。给拖动元素绑定mousedown事件，在mousedown时开始给document绑定move事件监测左右拖动的距离，根据拖动距离设置当前拖动元素
2024-12-03 -
一. JSON.parse（深拷贝） JSON.parse(JSON.stringify(obj))是深拷贝，新对象和原对象彼此之间不会影响 let obj1 = {a:1,b:2,c:{name:'小明'},d:undefined,e:null,f:()=>{}} let obj2 = JSON.parse(JSON.stringify(obj)) // 深拷贝对象: 不会互相影响 obj2.c.name = '小红' console.log(obj1) // {a:1,b:
2024-12-03 -
如下图所示： <el-input v-model="formData[item.prop]" type="text" class="text-disabled" :disabled="true"></el-input> 在css样式中： <style lang="scss" scoped> .text-disabled >>> .el-input__inner { -webkit-text-fill-color: #000502 !im
2024-12-03 -
1.路由 当应用变得复杂的时候，就需要分块的进行处理和展示，传统模式下，我们是把整个应用分成了多个页面，然后通过 URL 进行连接。但是这种方式也有一些问题，每次切换页面都需要重新发送所有请求和渲染整个页面，不止性能上会有影响，同时也会导致整个 JavaScript 重新执行，丢失状态。 传统路由基于后端：浏览器——》发送http请求——》url——》分析URL——》返回不同html代码——》浏览器得到返回数据——》据不同数据类型进行不同处理（根据2进制头部信息） 1.1SPA Single P
2024-12-03 -
原理：现场抓图添加需识别的图然后转b64识图点击代码并保存到指定文档 使用方法&功能介绍： *作者: 造雾者 *本脚本使用方式。 * 使用悬浮窗展示的方式对图像选中区域进行找图代码生成。 *截图 重新截图 *选图 从文件夹中选择图片 *区域 将绿色框以选中的区域作为此时找图区域 *加入 对绿色宽选中的区域进行剪切。作为找图时的小图。并以上一步选中的区域作为找图区域。并以此时区域的中心作为点击坐标。 *代码 直接生成找图点击代码。并复制到粘贴板。请自行新建一个脚本粘贴代码(建议格式化代码，方便查看
2024-12-03 -
vi redis-cluster-sts.yaml apiVersion: v1 kind: Namespace metadata: name: redis-cluster --- apiVersion: v1 kind: ConfigMap metadata: name: redis-configmap namespace: redis-cluster labels: app: redis data: redis.conf: | dir "/data"
2024-12-03 -
1. 项目根目录新建vue.config.js 内容如下 let { HTTP_REQUEST_URL } = require("./config/httpUrl"); module.exports = { devServer: { disableHostCheck: true, proxy: { "/api": { target: "填写你的地址",//http://192.168.1.111:81/api changeOrig
2024-12-03 -
步骤如下：
2024-12-03 -
新建Input.vue 定义input框及相关事件 <input type="text" v-model="query" @input="onInput" @blur="hideSuggestions" @focus="onInput" /> @input输入事件、@blur失去焦点、@focus获取焦点 //当输入内容时才显示ul内容 const onInput = () => { showSuggestions.value
2024-12-03