![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
Eli-sun
不断学习
展开
-
vue3指令重复点击只发送一次请求
vue3写法指令在main.js中在app上挂载该方法app.directive( 'preventReClick', { mounted: function (el, binding) { el.addEventListener('click', () => { const events = el.style.pointerEvents if (events原创 2022-05-29 02:56:05 · 857 阅读 · 0 评论 -
vue3 在setup中使用mapSate以及对mapState的封装
在setup中使用mapSateimport { mapState, useStore } from 'vuex'import { computed } from 'vue'export default { name: 'App', components: { }, setup() { const store = useStore() // 用法1 const sCounter = computed(() => store.state.counter)原创 2022-05-26 15:30:36 · 439 阅读 · 0 评论 -
vuex-state展示的mapSate辅助函数
import { mapState } from 'vuex// 其他计算属性, 从store中获取computed:{ //写法1 mapState(["counter", "name", "age", "height"]) // 这里的mapSate是返回的一个对象 //写法2 // 可以这样写, 就把对象里面的展开了 , 这是数组的写法 ...mapState(["counter", "name", "age", "height"]) // 写法3 // 还可以传入对象的形式, 传入原创 2022-05-26 14:46:58 · 146 阅读 · 0 评论 -
FormData表单的问题
1.首先创建一个formdata实例const data = new FormData()const list = { a: '1', b: '2', c: '3'}2.将list放入formdata表单Object.keys(list).forEach(item => { data.append(item, list[item])})这就完成了formData的赋值了formData里面还可以放文件,想要打印文件可以这样:list[item].get('file')原创 2022-05-26 11:16:05 · 236 阅读 · 0 评论 -
计算一天之内的时间差
const getkssj = (val) => { list.kssj = val form.zqsc = getHour(list.kssj, list.jssj) } const getjssj = (val) => { list.jssj = val form.zqsc = getHour(list.kssj, list.jssj) } // 计算时间间隔方法 const getHour = (s1.原创 2022-05-13 09:40:27 · 243 阅读 · 0 评论 -
数据结构二叉搜索树02
二叉搜素树, BST, binary search tree。二叉查找树、二叉排序树。二叉搜索树其实就是普通的二叉树上加了—些限制二叉树对于结点是没有任何的限制,但是在二叉搜索树中在插入子结点的有一些特殊的要求:1、非空左子树的所有的键值都小于其根结点的键值2、非空右子树的所有键值都大于其根结点的键值3、左右子树本身也都是二叉搜索树二叉搜索树的特点:相对较小的值总是保存在左子结点上,相对较大的值总是保存在右子结点上二叉搜索树// 结点类class Node{ constructor(va原创 2021-12-06 17:12:37 · 421 阅读 · 0 评论 -
案列:图片压缩 canvas高级应用:图片压缩算法实现
案列:图片压缩 canvas高级应用:图片压缩算法实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1原创 2021-12-05 00:06:57 · 315 阅读 · 0 评论 -
数据可视化基础了解
Highcharts、ECharts、AntV用来做一些图标的绘制three.js、zrender(其实是对Canvas做了底层封装,它也是ECharts的底层框架)、d3(它可以做一些矢量图的绘制)可以用来做一些更底层的绘制Canvas、Svg、WebGL、HTML更底层,其实是浏览器为我们提供的默认的绘图能力Skia(是Chrome和Android的底层2D绘图引擎),OpenGL(是2D、3D图形渲染库,常用于CAD、VR、数据可视化和游戏)绘图引擎,其实适用C++结合硬件进行通讯实现的can原创 2021-12-05 00:05:14 · 217 阅读 · 0 评论 -
最近编程中遇到的一些问题2021/9/8
1首先是el-autocomplete这个组件进行模糊查询时,要限制输入的是数字,并且限制输入的长度 <el-autocomplete v-model="phoneNumber" :fetch-suggestions="querySearch" :maxlength="length" placeholder="请输入联系电话" oni原创 2021-09-08 09:20:22 · 562 阅读 · 0 评论 -
如何遍历深层嵌套的数组对象
这是一棵树: "data": [ { "children": [ { "children": [ { "pid": "2101", "id": "32", "label": "1#线吊点右", "type": 3, "value": "1#线吊点右"原创 2021-08-19 15:01:43 · 2026 阅读 · 0 评论 -
Promise
面试必问asynchronization 异步 非同步化pending prep. 在…期间;直到…时为止;在等待…之际v. 待定;悬而不决(pend的ing形式)adj. 未决定的;行将发生的token n. (用以启动某些机器或用作支付方式的)代币,辅币;代价券;礼券;标志;(用于表达感情的)表示;记号;证明;路签;权标;象征性代表;(语言学)符号;标记;(计算机)令牌adj. 装样子的;作为标志的;象征性当选的Talk is cheap, show me the code.(linus)原创 2020-07-02 22:01:08 · 154 阅读 · 0 评论 -
JavaScript高阶函数的使用
JavaScript高阶函数的使用编程范式:命令式编程/声明式编程编程范式:面向对象编程(第一公民:对象)/函数式编程(第一公民:函数)原创 2020-06-13 17:22:41 · 202 阅读 · 0 评论 -
数组中哪些方法是响应式的(重要)
数组中哪些方法是响应式的因为Vue是响应式的,所以当数据发生变化时,Vue会自动检测数据变化,视图会发生对应的更新。Vue中包含了一组观察数组编译的方法,使用它们改变数组也会触发视图的更新。1.push()2.pop()3.shift()4.unshift()5.splice() 拼接6.sort() 将…分类7.reverse() 颠倒 反转...原创 2020-06-11 17:59:54 · 302 阅读 · 0 评论 -
ES6对象字面量增强写法
对象增强写法ES6中,对对象字面量进行了很多增强属性初始化简写和方法的简写:1.属性的简写ES6之前:// const obj1 = new Object(); const obj = { name: 'ehy', age: 18, height: 1.88, run: function() { console.log('奔跑吧,兄弟');原创 2020-06-06 20:24:23 · 292 阅读 · 0 评论