自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 JS的函数调用this指向

在 JavaScript 中,this关键字引用对象。引用哪个对象取决于调用(使用或调用)的方式。根据其使用方式,关键字 this在对象方法中,this引用该对象。单独使用时,this引用全局对象。在函数中,this引用全局对象。在函数中,在严格模式下,this是 undefined。在事件中,this引用接收事件的元素。call()、apply() 和 bind() 等方法可以将this引用到任何对象。

2023-09-01 15:42:13 196 1

原创 用svg在曲线轨迹上实现元素根据轨迹滑动(动画效果)

标签中的 d是绘制图形轨迹的路径,id是为animateMotion标签中mpath标签提供指定id,repeatCount:重复次数,默认是一次,使用indefinite参数做永动; 中的href指定path路径。4:获取SVG的path路径以及圆点的dom元素。1:npm安装anime.js包。

2023-06-25 22:22:37 2334 1

原创 Vue 3和Vue 2之间的一些主要区别

例如,Vue 2中的`Vue.directive`变为Vue 3中的`app.directive`,`Vue.filter`变为`app.config.globalProperties.$filters`等。:Vue 3在性能方面进行了优化,包括更快的渲染速度和更小的包大小。Vue 3使用了新的响应式系统,称为Proxy,取代了Vue 2中的Object.defineProperty。:Vue 3引入了Teleport组件,它允许你将组件的内容渲染到DOM中的任何位置,而不仅仅是组件所在的位置。

2023-06-25 21:45:16 203 1

原创 Ehcars横柱状图实现实现动态排序图效果(从大到小)

横向柱状图动态排序

2022-08-30 16:14:07 1062

原创 echars饼图的指示线上的数据显示为22... 不全的问题

在series中添加 avoidLabelOverlap: false,avoidLabelOverlap是否启用防止标签重叠策略,默认开启,在标签拥挤重叠的情况下会挪动各个标签的位置,防止标签间的重叠。series: [{ name: '访问来源', type: 'pie', radius: ['50%', '70%'], avoidLab...

2022-05-07 22:26:37 539

原创 promise.all返回的promise不是async函数返回的promise(全选全不选操作)

因为是async,await是异步操作就直接跳过了,所以打印的是空数组 // 全选全不选 async updateCartAll({commit,dispatch},isChecked){ // 要对 shopCartList 购物车清单进行遍历,而shopCartList又是一个两维数组,所以需要进行嵌套循环 // 相当于遍历了商铺 let promises = [] state.shopCartList.forEach((it

2022-01-22 18:20:53 805

原创 day03

轮播图的实现1,需要下载swiper cnpm i swiper@5.4.5 --save2,引入swiper和swiper css样式,css样式也可以写在主组件中import Swiper from "swiper";import 'swiper/css/swiper.css';//swiper轮播图样式3,初始化swiper,$nextTick是DOM周期执行结束后在执行轮播图,不然由于数据请求时间的差异会导致轮播图在DOM渲染完成之前执行,从而失去效果//深度检测banne

2022-01-18 16:57:41 452

原创 day02

优化三级分类请求获取次数页面三级分类在执行的时候发送请求数据,如果多个页面都拥有三级分类时,那么每次打开不同界面都会重新请求一次三级分类的数据,这样就会造成多次请求,每次请求都会都大量数据返回,无疑会造成性能的损耗,所以讲请求方式和请求返回的数据放置在最外层的App文件内请求,因为App文件包含着各个组件的引入,App请求一次,下面组建就可以使用,而且切换界面不会再次发送请求。 export default { name: "App", components: { Header,

2022-01-17 17:46:47 314

原创 axios常用语法

axios(config): 通用/最本质的发任意类型请求的方式 axios(url[, config]): 第一个参数是地址,第二个参数是配置项。 axios.request(config): 等同于axios(config) axios.get(url[, config]): 发get请求 axios.delete(url[, config]): 发delete请求 axios.post(url[, data, config]): 发post请求 ..

2022-01-15 16:32:53 341

原创 尚品汇PC项目

第一部分1.项目描述首页、搜索列表、商品详情、购物车、地址管理、下单&支付、退款&退货、用户注册&登陆等多个子模块2.技术选型。。。第二部分1.开启项目1.1 创建脚手架 vue ui 使用vue-cli3界面化管理项目并创建# 使用vue-cli3命令行创建npm install -g @vue/clivue create shop-clientcd shop-clientnpm run serve# 使用vue-cli3界面化..

2022-01-15 16:30:04 265

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除