10 2021 档案

canvas基本用法（一）
摘要：一、定义 <canvas>元素包含于HTML5中的，使用javaScript在网页上绘制图像 二、使用步骤 创建canvas元素，在HTML5页面添加canvas元素 设置画布宽度和高度 <canvas id="tutorial" width="200" height="350"></canvas> 阅读全文
posted @ 2021-10-27 16:05 卡布奇诺。不加糖 阅读(218) 评论(0) 推荐(0)
vue学习【二】vue结合axios动态引用echarts
摘要：在vue中，异步刷新使用的是axios，类似于大家常用的ajax，其实axios已经是vue的第二代异步工具了，第一代是vue-resource,不过官方已经停止更新了，axios各方面来说更好用，所以还是比较推荐的。 首先来说说我们的思路，echarts能渲染图表，是因为series里的data有 阅读全文
posted @ 2021-10-19 11:43 卡布奇诺。不加糖 阅读(1109) 评论(2) 推荐(1)
vue学习【一】vue引用封装echarts并展示多个echarts图表
摘要：经过一段时间对vue的学习，我打算把vue做一个系列，把踩过的坑和大家分享一下。 现在开始第一章：vue引用并封装echarts 在文章开始前，我先舔波echarts（真香）。阿里的G2和百度的echarts都是很不错的，echarts上手难度小，并且用户多，文档多，生态环境较好，所以中小项目的话e 阅读全文
posted @ 2021-10-19 11:38 卡布奇诺。不加糖 阅读(1959) 评论(0) 推荐(0)
十六进制转字符串
摘要：安装 npm install iconv-lite --save main.js var iconv = require('iconv-lite'); app.config.globalProperties.iconv = iconv hexToString('b2d9d7f7b3c9b9a6000 阅读全文
posted @ 2021-10-18 15:20 卡布奇诺。不加糖 阅读(252) 评论(0) 推荐(0)
动态组件和异步组件
摘要：动态组件：让多个组件使用同一个挂载点，并动态切换，这就是动态组件 <div id="example"> <button @click="change">切换页面</button> <component :is="currentView"></component> </div> <script> va 阅读全文
posted @ 2021-10-18 13:57 卡布奇诺。不加糖 阅读(107) 评论(0) 推荐(0)
vue3.0的变化与2.0的区别【一】
摘要：生命周期的变化 vue3.x的生命周期 vue2.x 对比之下可以看出来vue3.0和vue2.0之间生命周期函数在销毁的时候有区别 beforeUnmount -->beforeDestroy unmounted-->destroyed 定义全局变量的方法变化 vue2.x Vue.prototy 阅读全文
posted @ 2021-10-14 14:38 卡布奇诺。不加糖 阅读(883) 评论(0) 推荐(0)
Promise【二】
摘要：Promise.all的用法 1.它接受一个数组作为参数。 2.数组可以是Promise对象，也可以是其它值，只有Promise会等待状态改变。 3.当所有的子Promise都完成，该Promise完成，返回值是全部值的数组。 4.如果有任何一个失败，该Promise失败，返回值是第一个失败的子Pr 阅读全文
posted @ 2021-10-12 15:38 卡布奇诺。不加糖 阅读(43) 评论(0) 推荐(0)
Promise【一】
摘要：为实现数据缓存，需要先获取接口返回的数据再进行缓存，这就需要异步转同步，如果不使用异步转筒的话就无法先获取接口返回的数据 function demo() { test() console.log('同步内容') } function test() { Axios.get('https://www.f 阅读全文
posted @ 2021-10-12 11:28 卡布奇诺。不加糖 阅读(44) 评论(0) 推荐(0)
touch和mouse区别
摘要：Box.addEventListener('mousedown', function () { console.log('鼠标按下') }) Box.addEventListener('mousemove', function () { console.log('鼠标移动') }) Box.addE 阅读全文
posted @ 2021-10-09 14:48 卡布奇诺。不加糖 阅读(721) 评论(0) 推荐(0)
ES6
摘要：slice() 与 splice() 的用法和区别 slice(start, end) 从 start 开始截取到 end 但不包括 end 返回值为截取出来的元素集合 原始的数组不会发生变化 splice(start, deleteCount, item1, item2, ....) start 阅读全文
posted @ 2021-10-09 14:07 卡布奇诺。不加糖 阅读(44) 评论(0) 推荐(0)
浅拷贝深拷贝
摘要：let a = [0, 1, 2, 3, 4] let b = a a[0] = 1 console.log(a, b) 你会发现，同一个Array或者Object赋值给两个不同变量时，变量指向的是同一个内存地址，所以就会造成其中一个变量改变属性值，同时改变了另外一个变量的对应属性值。 解决这种情况 阅读全文
posted @ 2021-10-09 11:44 卡布奇诺。不加糖 阅读(38) 评论(0) 推荐(0)