06 2022 档案

用canvas绘制一个太极图案
摘要：结果如图： 代码： <!DOCTYPE html> <html> <head> <title>Canvas tutorial</title> </head> <body onload="draw();"> <canvas id="c" width="150" height="150"></canva 阅读全文
posted @ 2022-06-30 15:32 俄罗斯方块 阅读(55) 评论(0) 推荐(0) 编辑
vue的v-model指令基本原理及如何在自定义组件上使用v-model指令绑定值
摘要：1.v-model的用法 v-model的用法都知道，表单控件使用v-model绑定一个data中的值即可实现双向绑定： <input type="text" v-model="val" /> data(){ return { val: 0 } } 2.v-model是什么 它其实就是一个语法糖，这 阅读全文
posted @ 2022-06-29 09:37 俄罗斯方块 阅读(416) 评论(0) 推荐(0) 编辑
echats根据下拉选数据调用接口获取图表数据
摘要：有个图表需要根据当前选择的选项展示不同的数据，效果如果图： 左边的图表要根据右边的下拉选获取对应接口数据。 算了直接放代码吧： <template> <div class="transaction-chart-comp"> <div class="tc-title chart-box-title"> 阅读全文
posted @ 2022-06-24 17:23 俄罗斯方块 阅读(191) 评论(0) 推荐(0) 编辑
vue之封装一个用来展示状态用的组件
摘要：table等其他地方可能需要根据某个字段的值展示不同的状态，但是状态比较多的话却是需要很多的判断或者繁杂的三目判断，所以封装了一个用来展示的组件： 样式如图： 代码如下： <template> <div> <span> <span v-for="item in option" :key="item. 阅读全文
posted @ 2022-06-24 17:11 俄罗斯方块 阅读(239) 评论(0) 推荐(0) 编辑
封装一个element-ui表头可以用来手动筛选的筛选组件
摘要：element-ui的table组件有筛选功能，可以通过关键词筛选指定条件的当前页的数据： 但是，我的需求是要在点击筛选时还要调用接口获取所有数据，看了下table组件自带的filter-method属性，它的实现原理就是遍历所有的当前页的数据，通过回调函数的形式判断当前行的数据是否和筛选条件一致， 阅读全文
posted @ 2022-06-24 16:43 俄罗斯方块 阅读(1474) 评论(0) 推荐(0) 编辑
vue+element之一个table为载体的穿梭框
摘要：有个类似穿梭框的弹窗需求，看了下element-ui的Transfer组件，和原型查了很多。所以自己写了一个，原型图如下： 估计也没人看，直接放源码防止以后遇到同样需求： <template> <div class="select-people"> <div class="left"> <div c 阅读全文
posted @ 2022-06-24 15:57 俄罗斯方块 阅读(1083) 评论(1) 推荐(0) 编辑
JS之原型与原型链
摘要：1.为什么要有原型和原型链 JavaScript中其实并没有类的概念。从es6通过class关键字才引入了Class这个概念，但是ES6的class可以看作是一个语法糖，它的绝大部分功能，ES5都可以做到。。 es6之前，实现生成实例对象的传统方法是通过构造函数。将实例对象与构造函数连接起来的就是原 阅读全文
posted @ 2022-06-23 17:17 俄罗斯方块 阅读(36) 评论(0) 推荐(0) 编辑
JavaScript中的函数与构造函数的关系
摘要：先说结论：构造函数和普通函数是一样的，没有任何区别。 比如一个函数： function foo(){ console.log("我是张三") } 这个函数可以直接这样调用： foo() // 我是张三 也可以当作一个构造函数： var a = new foo() // 我是张三 函数本身并不是构造函 阅读全文
posted @ 2022-06-21 17:23 俄罗斯方块 阅读(32) 评论(0) 推荐(0) 编辑
对象内数据遍历顺序出错
摘要：在uniapp开发小程序的时候，后端有时候给的数据是这样的顺序给好的日期:数据这样的键值对： let o = { '2021-01-01 00:00:00': '1', '2021-02-01 00:00:00': '2', '2021-03-01 00:00:00': '3', '2021-04- 阅读全文
posted @ 2022-06-20 08:52 俄罗斯方块 阅读(93) 评论(0) 推荐(0) 编辑
vue3 封装仿antd-vue的Table组件基本实现
摘要：最近需要在不使用UI框架的情况下封装一个简单的表格，由于对antd-vue比较熟悉，所以仿照了antd-vue的样子写了个简化版的Table组件。 使用技术：VUE3、SCSS 用过antd-vue的都应该知道table组件主要的传参是两个：columns和dataSource，分别对应表头信息和表 阅读全文
posted @ 2022-06-20 08:51 俄罗斯方块 阅读(955) 评论(0) 推荐(0) 编辑
vue3+element-plus如何做一个动态增删同时具有校验功能的table表格
摘要：项目中有个比较麻烦的需求： 一个表格： 能手动向表格第一行增加一行 每一行的每一列在点击某一格时要能输入 每个表单控件需要有校验功能 支持多选 可以删除所选行 保存后需要前端做一个仅前端部分的查询 原型如下： 上面这些要求看起来就很麻烦。但是更麻烦的是，这个原型还是修改过的，原来的原型已经实现功能了 阅读全文
posted @ 2022-06-20 08:50 俄罗斯方块 阅读(1064) 评论(0) 推荐(1) 编辑
JS之闭包
摘要：1. 先说定义： 当函数可以记住并访问所在的作用域时，就产生了闭包。即使函数是在当前作用域之外执行。 2. 理解闭包需要知道的知识：作用域 闭包产生的前置条件是作用域。JS的有两种作用域：全局作用域和函数作用域，且作用域之间可以相互嵌套。就像下面这样： 这里有三级作用域：全局作用域 - foo()函 阅读全文
posted @ 2022-06-20 08:48 俄罗斯方块 阅读(94) 评论(2) 推荐(1) 编辑
JS之let与const关键字
摘要：1.let关键字 先放let关键字声明变量的特点总结： let关键字可以将变量绑定到当前所在作用域（通常是{ .. }内部） 无法在块级作用域之外的地方访问使用let命令声明的变量 不允许使用let关键字多次声明同一个变量 不存在变量提升，使用let关键字声明的变量一定要在声明之后使用，否则将报错 阅读全文
posted @ 2022-06-20 08:47 俄罗斯方块 阅读(248) 评论(0) 推荐(0) 编辑
JS之作用域
摘要：1.作用域是什么？ 首先要知道一段JS程序执行过程中，有哪些角色在起作用： 引擎 负责JS程序的编译与执行过程 编译器 负责语法分析及代码生成 作用域 负责收集并维护所有声明的变量，并确定这些变量的访问权限 示例： var a = 2 这段代码是如何执行的： 编译时：编译器在当前作用域声明一个变量a 阅读全文
posted @ 2022-06-20 08:46 俄罗斯方块 阅读(50) 评论(0) 推荐(0) 编辑
JS之 this
摘要：1. this存在哪里？ this在日常开发中给人一种它好像用的不多，但是又好像无处不在的错觉。但是它确实无处不在。 它是一个特殊的关键字，被自动定义在所有函数的作用域中。 2. 为什么要用this？ 先说结论：希望在函数可以自动引用合适的上下文对象。 先放不用this的代码： function u 阅读全文
posted @ 2022-06-20 08:46 俄罗斯方块 阅读(23) 评论(0) 推荐(0) 编辑
git的fork以及如何拉取源分支的代码
摘要：1.什么是fork？ fork英文释义可以理解为分叉的意思。在git上就是从某个源项目上复制一个项目变成自己的私库，这个私库和源项目没有任何关系。 2.如何fork？ 在源项目右上方有一个Fork的图标： 点击它，然后来到选择页面： 继续点击Select，等一会，你的项目列表就会出现一个一摸一样的项 阅读全文
posted @ 2022-06-20 08:43 俄罗斯方块 阅读(1910) 评论(0) 推荐(0) 编辑
vue3 - defineExpose的使用(父组件调用子组件方法vue3 <script setup>版)
摘要：在使用单文件组件<script setup>创建一个子组件时，可能遇到父组件需要调用子组件的方法，或者访问子组件的变量，在使用vue2或仅<script>标签中只需要子组件上写一个ref='xxx'变量，父组件通过this.$refs['xxx']就可以直接访问子组件的方法或变量。实现如下： 如子组 阅读全文
posted @ 2022-06-20 08:42 俄罗斯方块 阅读(9823) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示