- 博客(32)
- 收藏
- 关注
RSS订阅原创 服务器是个媒婆，做好事不留名？！
查：【如：获取网页的整页信息】---通过get方式，向服务器发送请求，服务器与数据库建立连接，根据数据的唯一标识，执行sql语句的查询语句，从数据库中查询到我们需要的数据，并将查询的结果返回给服务器，服务器在返回给浏览器，最后显示给我们。“媒婆”（服务器）连接着浏览器和数据库，从浏览器发送请求开始，浏览器向服务器发送请求的方式有两种：GET或者POST，“媒婆”（服务器）也会对应“招待”这两种请求，是GET请求，就用GET方式招待，POST请求，就用POST方式招待。探究一下这位“小媒婆”。
2024-09-05 17:46:24
831
原创 Git与Github使用-[个人篇]
（注：若报错就是拉取不成功，不成功就执行 git pull --rebase abc，重置一下基点，abc为新的别名，若使用此步拉取成功，之后的别名就要使用abc）1.默认主分支为master，但我们不能将文件提交到主分支上，使用建立新分支管理我们的版本 2.此条命令中de为新的分支的名字，也是任意命名，但也要记住）dee指远程分支名，本地仓库与远程仓库都是仓库，所以都可以建分支，远程上若不存在dee分支，提交成功后，会自动新建dee分支）【个人使用篇】用git提交文件到gitHub上。
2024-09-05 17:20:39
305
原创 webpack的配置及使用
在本地文件夹安装webpack：【1】初始化package.json文件【2】安装在开发依赖【5】如果项目需要一些额外配置，则新建文件webpack.config.js ，在文件中进行配置要导出此文件（使用commonjs导出模块）
2024-09-05 17:14:56
620
原创 vue多环境配置及封装axios请求
项目开发有三个不同的阶段，分别是开发阶段，测试阶段，生产阶段，三个阶段对应不同的项目开发环境，也对应要访问不同的接口地址，再根据不同的接口地址访问到对应的数据。3.在axios.js中配置axios请求，并导出axios配置（axios配置是对请求接口数据进行拦截或处理，请求成功就可以获取到数据）5.在router.js中使用导航守卫对路由进行拦截（导航守卫是对每次页面跳转前进行拦截处理，判断是否可以跳转成功）1.在根目录新建两个文件：.env.prod 与 .env.alpha。
2024-09-05 17:12:12
637
原创 antd vue项目： form 结合table添加校验
参考：antdv table+form行内校验_antd 表单以行内形式展示校验信息-CSDN博客
2024-05-11 17:15:18
499
原创 前端记录集
7.判断()[]{}有效？对应且只能左括号在左，右括号在右。8.自定义实现call函数，可以改变this指向。6.如何实现一个盒子中间自适应，两端固定布局。5.如何实现this.$message。11.计算某字符串中出现的字母数。2.事件循环机制，打印顺序。4.输入网址后发生了什么？9.this指向介绍一下。1.强缓存、协商缓存?3.v-model理解。10.做过哪些性能优化。
2024-01-10 16:18:03
389
原创 前端笔记-3分钟搞懂事件循环♻️
语法上讲是个对象，可以获取异步消息，提供统一api，promise建立后会立即执行，若调用then方法回调，则需要所有同步任务执行完之后再执行。，定时器延迟时间执行完成后，事件表会将settimeout回调函数加入事件队列，再将回调函数中的任务加入执行栈，执行回调函数中任务。`任务队列中，每次事件循环，macrotask只提取一个执行，microtask会一直提取任务执行，直到微任务队列为空`，主线程任务执行完后先检查微任务队列，微任务执行完后最后执行宏任务。`执行队列中同步任务执行完毕后`
2023-10-20 11:06:53
117
原创 element UI form嵌套table，动态列渲染数据
工作中遇到form嵌套多层table,并渲染table的动态列。data中声明的结构。
2023-03-30 11:52:58
438
原创 使用git删除远程仓库文件
远程仓库中不小心提交了配置文件，需要删除已经传到远程仓库中的错误文件（1）git rm --cache 文件名（只在缓存中删除对应的文件）（2）提交：git commit -m"本地删除远程文件filename"（3）git push...
2022-01-27 16:24:06
3240
原创 轮询工具函数
let taskList = []let map = new Map()let id = 0function delay (t) { return new Promise(resolve => setTimeout(resolve, t))}// 循环体中，储存完数据后最终及时销毁，避免造成内存泄漏async function run (id, handler, timegap) { while (taskList.indexOf(id) > -1) { ..
2021-09-24 17:13:06
155
原创 JS stacktrace--解决运行npm run serve 后报错，node内存溢出问题
拉去vue项目，运行npm run serve 后，报错如下<--- JS stacktrace --->==== JS stack trace ========================================= 0: ExitFrame [pc: 0000002919A5C5C1]Security context: 0x02b9c119e6e9 <JSObject> 1: _send [0000016FEC87BBF1] [intern
2021-09-17 11:43:47
5977
1
原创 tus上传文件-方法
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).sizevar options = { endpoint: 'https://t
2021-08-24 19:05:15
1593
1
原创 工具函数积累
格式化文件大小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
2021-08-24 18:55:40
80
原创 echarts 可以获取到数据，不能渲染图表
echarts 可以获取到数据，不能渲染图表，可能是echarts版本问题，解决：更换引入方式更换低版本echarts
2021-07-29 15:24:21
750
原创 mapbox 地图开发遇见问题 图层未清理
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}...
2021-07-21 14:25:01
1057
原创 vue3源码学习-vue3的优化
vue2存在的问题（1）源码自身的维护性：数据量大带来的渲染和更新的性能问题（2）兼容性：想舍弃较鸡肋的apivue3的优化（1）源码优化，对框架本身开发优化目的: 让代码 更易开发和维护体现：使用monorepo和typescript管理和开发源码（2）性能优化，源码体积优化减少源码体积，移除冷门feature，引入tree-shaking技术，对于未引入或使用到的代码做一个单独的标记，不会打包，减少 项目引入 vue包体积（3）数据劫持优化dom是数据的一种映射，数据发生变化后，自动
2021-02-23 08:16:43
273
原创 基础-js数据类型
边界数据类型条件判断问题数据类型概念基本数据类型：undefined null boolean string number symbol bigint引用数据类型：onject(array date regexp math function)储存位置：基本数据类型储存在栈内存中，引用数据类型指针储存 在栈内存，值储存在堆内存中，拷贝时一般拷贝的是引用地址数据类型判断或检测方法如：如何判断一个对象是否是数组数据类型判断方法：(1)typeof：可以检测基本数...
2021-02-23 00:00:17
135
原创 ant design vue3.0 初始化，按需加载，定制主题，布局
从零搭建vue3.0项目1-安装和初始化项目npm uninstall @vue/clinpm install @vue/cli -g //全局重新安装脚手架，v4.5以上版本才可以构建vue3.0项目2-创建vue项目vue create vue3.0-demo选择自定义构建项目Vue CLI v4.5.11? Please pick a preset: Manually select features? Check the features needed for your projec
2021-02-08 16:16:13
1460
原创 markdown学习
markdown学习！[](链接地址)#一级标题##二级###三级####四级#####五级######六级- 无序列表，页面上会显示一个 · (点)> 引用标记，会将后面的内用变成引用** 内容 ** 加粗标记
2021-02-05 14:38:38
74
原创 创建vue3.0项目时报错： ERROR Error: spawn yarn ENOENT
创建vue3.0项目时报错： ERROR Error: spawn yarn ENOENTVue CLI v4.5.11Failed to check for updates Creating project in /Users/xxx/Desktop/vue-3/vue3-demo. Initializing git repository... Installing CLI plugins. This might take a while...ERROR Error: spawn
2021-02-05 14:01:08
3228
原创 vue3.0构建 解决cli一直无法卸载问题
近期在学习vue3.0 项目，想自己练习一下，在这个过程中遇到的问题：正常情况下：全局卸载 cli 脚手架，更新为最新版本：（vue3.0 项目需要 cli 在 4.5 版本以上） npm uninstall vue-cli -g npm install @vue/cli -g方式一：npm install vue/next 方式二：npm install -g @vue/cli 或 yarn global add @vue/cli创建项目：vue create 项目名称如果电脑上安装
2021-02-04 08:05:10
525
1
原创 vue3.0项目构建 安装vue-cli
全局卸载 cli 脚手架，更新为最新版本：（vue3.0 项目需要 cli 在 4.5 版本以上）npm uninstall vue-cli -gnpm install @vue/cli -g方式一：npm install -g @vue/cli方式二：npm install -g@vue/cli 或者yarn global add @vue/cli创建项目：vue create 项目名称...
2021-02-03 15:23:37
200
原创 iview 表单自定义校验规则
iview提供自动以规则，但在做表单验证是可能会使用到组件中的响应式数据，配合自定义规则使用实现表单校验功能html代码：<Form ref="formData" :model="formData" :rules="ruleValidate" > <FormItem prop="date" label="选择时间" > <DatePicker v-model="formData.date"
2021-01-22 18:53:43
2531
原创 js学习-深拷贝&浅拷贝
基本数据类型：number string boolean null undefined symbol，存在栈内存引用数据类型：array object，引用地址储存在栈内存，真实数据储存在堆内存浅拷贝：若拷贝的是基本数据类型，则是拷贝基本数据类型的值，存于栈内存中；若拷贝的是引用数据类型，则是拷贝的是引用地址，共享引用地址，修改引用地址影响原有数据。引用地址存在栈内存，对象存在堆内存。若第一层为基本数据类型，修改值不影响原数据。深拷贝：若拷贝的是基本数据，拷贝的是基本数据类型的.
2021-01-20 20:27:47
88
原创 call,bind,apply 使用
// 将伪数组转化为真数组，并且有数组的方法方式一： Array.prototype.slice.call(arguments)方式二： [].slice.call(arguments)// 选出数组中最大值一般使用： Math.max(10,2,34,89,23) ==》可以得到最大值89如果使用到数值数组中选出最大值：方式一： Math.max.apply(null,arrName)方式二： Math.max(...arrName)// 合并数组var a = [1,2,3];..
2021-01-20 18:32:42
211
原创 vuex各模块简单小结
export default {// 在state中定义属性数据state:{},// 在getters中设置或修改state中的数据，每个属性都是个方法，并且有返回值，类似于computedgetters:{},// 在mutations中定义方法，处理state中的数据，// 主要做两件事：将传入的值设置给state中的数据，将传入的值保存到内存中mutations:{},// 在actions中定义方法，处理mutations中的方法，可以在actio...
2021-01-19 15:59:23
270
1
原创 webpack 安装问题
在webpack的学习过程中，在使用npm init 初始化package文件后，报错，使用命令：npm i webpack webpack-cli -D 报错如图原因：刚开始pacjage文件中的name使用了“webpack”解决：更改package文件name的名字，不要和要安装的包或插件重命名...
2021-01-13 23:44:56
144
原创 eslint 与 vscode
安装：产生package.json文件：npm init -y安装eslint： npm install eslint --save-dev初始化eslint配置文件： node_modules/.bin/eslint --init代码校验：方式一：使用命令行在package.json文件中添加运行脚本命令：script: {"lint": "eslint src"}运行命令：npm run lint方式二：使用vs code提供的插件，自动进行校验..
2021-01-12 00:15:03
190
原创 git 从远程分支拉去代码并提交到该远程分支
团队合作开发项目时，为保证master分支较稳定，新增一个远程分支，分支从远程分支拉取代码并在该分支修改代码，在提交到同名的远程分支上。在拉取远程分支时有以下提示：图中提示表示本地分支未和远程分支建立链接，所以要进行关联才能拉取代码，图中也给了做法：step1: 建立关联git branch --set-upstream-to=origin/远程分支名 本地分支名此时如下图，提示已建立关联step2: 拉取代码git pullstep3:解决冲突，合并代码，git push...
2020-06-29 17:03:50
664
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人