XL1668073-CSDN博客

原创 vue中cavans实现圆环百分比

项目中要求画一个支持任意百分比的圆环进度条逆时针，带圆角如下找过好几篇文章，有用原生css但是画不出来圆角，也有用svg的，但由于要兼容ie所以使用了cavans画布实现，如下开始他是从左边中心点开始所以要让他转到上面走个-90度结束的度数计算纯粹靠运气，没搞明白他的角度计算方式 // 推荐率画布 circleImg (percent) { console.log('执行了画布', percent) var _this = this var

2021-01-06 18:02:15 756

原创 vue ie10以上浏览器处理带视频轮播图

vue ie10以上浏览器处理带视频轮播图前段时间接的需求原本轮播图中用svg处理动图，发现极度占用性能，先要做成兼容图片和视频轮播图包含视频，轮播图支持自动循环切换切换视频循环播放，谷歌浏览器畅快自如，奈何ie一言难，总结一下遇到的bug即处理方式。html部分1、（非ie）因该是没有处理视频销毁的原因，当后台配置删除掉现有视频只剩一个时候，页面中loop形成的两个复制视频不会消失，造成页面还可以切换，但实际因该只有一个视频，剩余多个时候不会发生。处理方式：让页面只有一个时候禁止循环，也就

2021-01-06 16:59:11 234

原创 bind call aplay改变函数中this指向的区别

bind call aplay改变函数中this指向的区别JS中这三个都是用来改变this指向问题的，都是跟在函数的后面；他们的第一个参数都是你想要指定的this对象；都可以接受传参。最大的区别：call和aplay都是直接调用函数，返回值就是调用的函数的返回值；而bind不会调用函数，他会返回一个新的函数你必须在bind后面再加一个括号才能执行传参的区别：aplay直接手两个参...

2020-04-14 17:29:33 1529

原创 SPA与MPA之间的区别

MPA 传统的项目大多使用多页应用结构（MultiPage Application, MPA），需要切换内容的时候我们往往会进行单个html文件的跳转，这个时候受网络、性能影响，浏览器会出现不定时间的空白界面，用户体验不好SPA 单页面应用SPA应用（single page application）就是用户通过某些操作更改地址栏url之后，动态的进行不同模板内容...

2020-03-29 17:15:38 538

原创 vue生命周期钩子函数

vue生命周期钩子函数组件或者实例从创建到销毁的一系列过程叫做组件的生命周期。vue在整个生命周期里面提供了一些函数，可以在内部实现一些业务逻辑，并且这些函数会在一些特定的场合下去执行。（在生命周期的某一个时刻进行触发）组件的生命周期钩子函数大致可以分为三个阶段：初始化、运行中、销毁也可以理解为创建、渲染、更新、销毁初始化阶段：before...

2020-03-25 00:08:35 151

原创虚拟dom

由于Dom操作是比较浪费时间和性能，当数据量很大时，更新DOM是非常耗费性能所以Vue提供了虚拟dom的解决办法什么是虚拟dom？Virual DOM是用JS对象记录一个dom节点的副本，当dom发生更改时候，先用虚拟dom进行diff，算出最小差异，然后再修改真实dom虚拟的DOM的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。这句话，也许过...

2020-03-24 08:47:34 140

原创 vue.js笔记-1

vue特点易用：已经会了 HTML、CSS、JavaScript？即刻阅读指南开始构建应用！灵活：不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。高效：20kB min+gzip 运行大小，超快虚拟 DOM，最省心的优化vue使用的框架vue中按照mvvm的架构去进行实现的mvvm: m：model v: view vm: vi...

2020-03-18 23:23:21 205

XL1668073的博客