amy1019的博客

vue antd日期控件不能选择同一天规则

amy1019 — Wed, 08 Jan 2025 14:21:52 +0800

服务器是个媒婆，做好事不留名？！

amy1019 — Thu, 05 Sep 2024 17:46:24 +0800

查：【如：获取网页的整页信息】---通过get方式，向服务器发送请求，服务器与数据库建立连接，根据数据的唯一标识，执行sql语句的查询语句，从数据库中查询到我们需要的数据，并将查询的结果返回给服务器，服务器在返回给浏览器，最后显示给我们。“媒婆”（服务器）连接着浏览器和数据库，从浏览器发送请求开始，浏览器向服务器发送请求的方式有两种：GET或者POST，“媒婆”（服务器）也会对应“招待”这两种请求，是GET请求，就用GET方式招待，POST请求，就用POST方式招待。探究一下这位“小媒婆”。

Git与Github使用-[个人篇]

amy1019 — Thu, 05 Sep 2024 17:20:39 +0800

（注：若报错就是拉取不成功，不成功就执行 git pull --rebase abc，重置一下基点，abc为新的别名，若使用此步拉取成功，之后的别名就要使用abc）1.默认主分支为master，但我们不能将文件提交到主分支上，使用建立新分支管理我们的版本 2.此条命令中de为新的分支的名字，也是任意命名，但也要记住）dee指远程分支名，本地仓库与远程仓库都是仓库，所以都可以建分支，远程上若不存在dee分支，提交成功后，会自动新建dee分支）【个人使用篇】用git提交文件到gitHub上。

webpack的配置及使用

amy1019 — Thu, 05 Sep 2024 17:14:56 +0800

在本地文件夹安装webpack：【1】初始化package.json文件【2】安装在开发依赖【5】如果项目需要一些额外配置，则新建文件webpack.config.js ，在文件中进行配置要导出此文件（使用commonjs导出模块）

vue多环境配置及封装axios请求

amy1019 — Thu, 05 Sep 2024 17:12:12 +0800

项目开发有三个不同的阶段，分别是开发阶段，测试阶段，生产阶段，三个阶段对应不同的项目开发环境，也对应要访问不同的接口地址，再根据不同的接口地址访问到对应的数据。3.在axios.js中配置axios请求，并导出axios配置（axios配置是对请求接口数据进行拦截或处理，请求成功就可以获取到数据）5.在router.js中使用导航守卫对路由进行拦截（导航守卫是对每次页面跳转前进行拦截处理，判断是否可以跳转成功）1.在根目录新建两个文件：.env.prod 与 .env.alpha。

antd vue项目： form 结合table添加校验

amy1019 — Sat, 11 May 2024 17:15:18 +0800

参考：antdv table+form行内校验_antd 表单以行内形式展示校验信息-优快云博客

前端记录集

amy1019 — Wed, 10 Jan 2024 16:18:03 +0800

7.判断()[]{}有效？对应且只能左括号在左，右括号在右。8.自定义实现call函数，可以改变this指向。6.如何实现一个盒子中间自适应，两端固定布局。5.如何实现this.$message。11.计算某字符串中出现的字母数。2.事件循环机制，打印顺序。4.输入网址后发生了什么？9.this指向介绍一下。1.强缓存、协商缓存?3.v-model理解。10.做过哪些性能优化。

Echarts legend 文本过长显示省略号解决方案

amy1019 — Fri, 27 Oct 2023 15:01:16 +0800

【代码】Echarts legend 文本过长显示省略号解决方案。

前端笔记-3分钟搞懂事件循环♻️

amy1019 — Fri, 20 Oct 2023 11:06:53 +0800

语法上讲是个对象，可以获取异步消息，提供统一api，promise建立后会立即执行，若调用then方法回调，则需要所有同步任务执行完之后再执行。，定时器延迟时间执行完成后，事件表会将settimeout回调函数加入事件队列，再将回调函数中的任务加入执行栈，执行回调函数中任务。`任务队列中，每次事件循环，macrotask只提取一个执行，microtask会一直提取任务执行，直到微任务队列为空`，主线程任务执行完后先检查微任务队列，微任务执行完后最后执行宏任务。`执行队列中同步任务执行完毕后`

前端笔记1-防抖和节流

amy1019 — Thu, 12 Oct 2023 10:13:55 +0800

【代码】笔记-防抖和节流。

vant日历组件封装改写，左右选择指定日期

amy1019 — Fri, 15 Sep 2023 11:59:41 +0800

【代码】vant日历组件封装改写，左右选择指定日期。

element UI form嵌套table，动态列渲染数据

amy1019 — Thu, 30 Mar 2023 11:52:58 +0800

工作中遇到form嵌套多层table,并渲染table的动态列。data中声明的结构。

使用git删除远程仓库文件

amy1019 — Thu, 27 Jan 2022 16:24:06 +0800

远程仓库中不小心提交了配置文件，需要删除已经传到远程仓库中的错误文件（1）git rm --cache 文件名（只在缓存中删除对应的文件）（2）提交：git commit -m"本地删除远程文件filename" （3）git push ...

轮询工具函数

amy1019 — Fri, 24 Sep 2021 17:13:06 +0800

let taskList = [] let map = new Map() let id = 0 function delay (t) { return new Promise(resolve => setTimeout(resolve, t)) } // 循环体中，储存完数据后最终及时销毁，避免造成内存泄漏 async function run (id, handler, timegap) { while (taskList.indexOf(id) > -1) { ..

JS stacktrace--解决运行npm run serve 后报错，node内存溢出问题

amy1019 — Fri, 17 Sep 2021 11:43:47 +0800

拉去vue项目，运行npm run serve 后，报错如下 <--- JS stacktrace ---> ==== JS stack trace ========================================= 0: ExitFrame [pc: 0000002919A5C5C1] Security context: 0x02b9c119e6e9 1: _send [0000016FEC87BBF1] [intern

tus上传文件-方法

amy1019 — Tue, 24 Aug 2021 19:05:15 +0800

tus–demo1：以下为简易版tus使用方法 var fs = require('fs') var tus = require('tus-js-client') // 引入tus插件 var path = `${__dirname}/../../README.md` var file = fs.createReadStream(path) // 获取文件对象 var size = fs.statSync(path).size var options = { endpoint: 'https://t

工具函数积累

amy1019 — Tue, 24 Aug 2021 18:55:40 +0800

格式化文件大小 function formatBytes (bytes, decimals = 2) { if (bytes === 0) return '0 Bytes' const k = 1024 const dm = decimals < 0 ? 0 : decimals const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] const i = Math.floor(Math.lo

echarts 可以获取到数据，不能渲染图表

amy1019 — Thu, 29 Jul 2021 15:24:21 +0800

echarts 可以获取到数据，不能渲染图表，可能是echarts版本问题，解决：更换引入方式更换低版本echarts

mapbox 地图开发遇见问题图层未清理

amy1019 — Wed, 21 Jul 2021 14:25:01 +0800

comentAddLayer(item, map = 'map') { this[map].addSource(item.raster_id, { type: 'raster', tileSize: 256, bounds: item.extent_raster, tiles: [`${item.raster_id_url}/{z}/{x}...

vue3源码学习-vue3的优化

amy1019 — Tue, 23 Feb 2021 08:16:43 +0800

vue2存在的问题（1）源码自身的维护性：数据量大带来的渲染和更新的性能问题（2）兼容性：想舍弃较鸡肋的api vue3的优化（1）源码优化，对框架本身开发优化目的: 让代码更易开发和维护体现：使用monorepo和typescript管理和开发源码（2）性能优化，源码体积优化减少源码体积，移除冷门feature，引入tree-shaking技术，对于未引入或使用到的代码做一个单独的标记，不会打包，减少项目引入 vue包体积（3）数据劫持优化 dom是数据的一种映射，数据发生变化后，自动