- 博客(126)
- 收藏
- 关注
RSS订阅原创 vue3 手写甘特图
封装的组件(gantt-chart/index.vue)<template> <div class="ganttChartClass"> <!-- 顶部标题 --> <div class="topTitle"> <div style="position:relative" :style="{ width: leftTitleWidth + 'px' }">
2023-07-03 11:36:15
1202
原创 vue 低层次原理（第一章）
vue2相对于vue3来说实现的响应式更加消耗性能，vue3在底层中其实也使用到了递归，但是相对于vue2一开始就是便利对象然后进行判断处理是否为复杂数据类型，如是则会递归监听复杂数据类型。而vue3是在获取数的时候进行判断获取值是否为复杂数据类型，如是则递归深度代理。vue2监听(简洁版)username : "小编泰裤了" } function monitor(target , key , value) {
2023-06-01 22:51:15
46
原创 echarts 画中国地图
数据可视化平台，中国各省数据和坐标阿里云可视化效果使用echart画中国地图，步骤如下1.安装依赖npm i echarts创建一个js文件当你可以访问https请求的时候则使用，如下代码import axios from "axios";export default axios.get("https://geo.datav.aliyun.com/areas_v3/bound/100000_full.json")如果无法请求https接口，则直接导入3。配置option配
2023-04-25 14:21:34
2741
2
原创 jsonp发送请求
1.jsonp发送请求，原理就是去请求别的页面的js脚本文件，那获取页面的数据。2.因为https需要证书，，而我们axios请求时不能携带证书。vue 使用jsonp发送请求，并接收返回回来的结果。1.因为浏览器有同源策略问题。
2023-04-13 22:51:55
642
原创 vue $get和$set方法
set 方法用于添加响应式对象的属性，并确保这个新属性也是响应式的。当向一个已经创建的对象添加属性时，如果使用JavaScript语法 obj.key = value 的方式进行赋值，则添加的属性不是响应式的，而是非响应式的。这时候，如果在模板或渲染函数中使用该属性，这个新的属性将无法触发组件重新渲染。使用 $set 方法可以将一个属性添加到响应式对象中，使之成为响应式的。它接受三个参数，分别是响应式对象、属性名和属性值。以下是一个简单的示例：
2023-03-18 17:46:39
729
原创 antd 框架 select挂载父级元素
用antd组件进行开发，常常会使用select这个组件，但是如果我们突然调整窗口的大小会导致select弹出小框位置发生变化,但需要一个属性。
2023-03-12 08:38:40
274
原创 vue3使用pinia
安装pinia在vue3的main.js中引入pinia在根目录下使用创建store目录来使得pinia可以保存数据或修改数据。
2023-01-21 20:49:05
313
原创 node使用express框架对mysql进行增删查改操作
定义：Express 的作用和Node.js 内置的 http模块类似，是专门用来创建Web服务器的。Express的本质:就是一个npm 上的第三方包，提供了快速创建Web服务器的便捷方法。
2023-01-20 07:59:01
219
原创 node express连接mysql做数据处理
然后我们创建我们的app.js启动项目,输入如下命令则成功通过express启动我们本地服务。输入如下代码则可以实现espress连接mysql数据库并查询数据库。而我们只需要直接app.use这个中间件就好了。然后安装我们项目中需要使用到的依赖。
2023-01-16 21:55:54
208
原创 js Object.definePropeoty劫持数据|proxy劫持数据
js Object.definePropeoty劫持数据|proxy劫持数据。
2022-10-27 09:06:21
240
原创 headers请求头‘Content-type‘类型总集
这个是常见的上传视频或文件用到的类型；FormData类型。这个是常见的普通请求头发布的类型,String。这个是接收Json字符串接口使用的请求头。
2022-08-28 21:52:08
1706
原创 axios拦截器阻止发送请求
这里分享一个坑，就是当我们拦截了一个请求后，发现后面同样的接口一样会报错，这时候我们只需要再次创建一个。原理通过axios提供的cancelToken来进行拦截。
2022-07-21 20:32:41
2402
1
原创 vue方法
方法一: ref方法来获取组件上的实例方法二 : $ parent,$children来分别获取父,子组件的实例方法三: 父子组件传值组件缓存，当我们来回切换的时候，不会重新发送数据给后台，进行页面渲染它可以时属性，也可以是一个标签...
2022-06-12 20:41:46
72
原创 axios拦截器
axios拦截器axios拦截器，也称是axios请求的二次封装使用前提是需要npm i axios -saveimport axios from "axios";//请求信息，timeout(表示请求事件，如果操作，此次请求失败)const service = axios.create({ baseURL: "http://xxx:300", timeout: 3000,});//发送请求service.interceptors.request.use((config) =
2022-05-29 15:13:20
69
原创 vue3基础语法
vue3新增语法vue3创建响应式对象：reactive当对象中的数据发生了改变，则这个对象中对应的值也会随之发生改变<script setup> import {reactive} from "vue"; let app = reactive({ title : "你是我的眼"， page : 1, size : 12 })</script>vue3用onmounted代替mounted父子组件传值vue3相对于vue2父子组件传值，已经实现了双向
2022-05-29 15:07:25
411
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人