mischievous_boy-CSDN博客

原创多次重复点击，只触发一次（vue指令实现）

使用场景：提交表单的时候，只有在表单成功提交之后，才能下一次提交，处于网络请求中的时候，不能够提交。付款的时候，只能够付一次，同样处于网络请求中，不能够提交等等优点（也算是吧）：相对于使用防抖和节流的操作，防抖和节流会受到网络请求的快慢影响，如果网络请求过慢，而且两次点击的时间超过防抖和节流预设的时间，还会触发多次的。本方式使用捕捉promise中resolve和reject的方式，更加精确在什么时候可以触发禁止点击和放开点击相对于使用变量控制，不需要额外的..

2021-09-08 11:21:03 6759

原创解决el-input-number修改值后不更新

问题：在pl-table（可以让使用大量表格的数据不卡顿的库）中使用el-input，修改el-input中的内容是可以的，但是如果下拉之后不显示在页面之后，再次回到这个位置，修改的值显示不成功，还是原来的值。另外输入的值不能超过预先设置的值，如果超过就弹出提示框，另外保证精确到小数点两位数在修改过程中遇到的技术1.el-input-number输入框输入的数据是数字，可以设置精度2.关于el-input-number中触发change事件想要传递一个自定义的值因为此时的change

2021-02-06 18:16:04 6890

原创深入浅出vue.js--------(3)vm.$set和vm.$delete

$set和$delete作为vue的使用者来说，set并不陌生，set的使用场景是，当属性没有在data函数中定义的时候，则这个属性并不是响应式，而this.$set则能将这个属性设置为响应式。$set使用语法vm.$set(target , key , value)参数：target：{object | array}key： {string | number}value： { any }返回值：unwatch函数作用：在object撒花姑娘设置一个属性，如果objec

2021-01-31 22:27:03 249

原创深入浅出vuejs------(2)array的响应式

数组的响应式数组的依赖收集和发布在哪个环节进行数组完成响应式和对象的区别为什么数组的收集依赖的dep要初始化咋Observer中首先要解决的就是数组的依赖收集和通知依赖更新应该在哪个环节假设 data函数里面有data(){return {arr:['singing' , 'dancing' , 'rap']}}当使用这个数组的时候，或者是在template模板中使用，或者是this.arr。那么就意味着，数组的依赖收集也是..

2021-01-12 23:25:45 320

原创深入浅出vue.js-----(1)object的响应式

vue会自动通过状态生成dom，然后将其输入到页面上显示出来，这个过程叫做渲染。vue的渲染过程是声明式的，我们通过模板来描述状态和dom之间的映射关系。通常在运行时应用的内部状态是不断改变的，在改变的过程中要不断地进行重新渲染。那么要知道他们内部状态什么时候发生改变，就要进行变化侦测！变化侦测要对每个对象的每个属性进行侦测。其中的每个属性都会设置一个数组来收集订阅该属性的，收集到的叫做依赖，对于这个数组来说可能订阅这个有很多，一开始每个使用这个数据的dom节点都会被当成依赖收集进去，但是每个组件可能有

2021-01-03 00:45:13 274

原创 2020-12-15

前两天遇到的问题是关于在e-table中设置e-input，而且el-input中限定了输入的内容的数字，并且是两位保留两位小数。另外如果是输入10e ， 10. ， 10.1e ， 10.1111e , e11会相应的转化为10 ， 10 ，10.1 , 10.11 , 0还有就是不能超过表中的一个值，超过了自动设置为0.并且弹窗解决了的问题：1.关于小数点的2.空格的测试后没有发现问题，但是代码太多太乱了。明天回公司，看看之前的代码咋写的。。。<template.

2020-12-15 00:15:13 123

原创 el-date-picker获取日期范围的日期

今天遇到的一个需求使用el-date-picker选择日期范围，然后在这个范围中，要拿到这个范围中的所有天数，以12月5号，12月6号，12月7号类似的连续展示。因为选择的天数可能是跨月，所以每个月有不同的天数，又有闰年啥的，这种比较复杂，不直接考虑。接下来用的方法主要是使用new date（value）这种方法。首先使用el-date-picker绑定的元素是一个数组，这个数组中存放的是两个标准时间（是选中的日期范围）<el-date-picker v-model="value

2020-12-10 23:58:49 3013 1

原创 MySQL（六）----基础五

12.1.事务的属性原子性：原子性指：事务是一个不可分割的工作单位，食物中的操作要么全发生，要么什么都不发生。一致性：事务必须从一个一致性状态变换到另外一个一致性状态隔离性：一个事务的执行不能被其他事务干扰，即一个事务内部的操作及使用的数据对并发的其他事务是隔离的，并发执行的各个事务之间不能互相干扰永久性：事务一旦被提交，对数据库中的数据改变就是永久的，不能被撤销。接下来的其他操作和数据库故障不能对其造成影响 12.2.事务的创建

2020-10-31 22:24:15 149

原创 node（二）-----模块化2（ES module）

2.4.ES6 ModuleES Module和CommonJS的模块化有一些不同之处：一方面它使用了import和export关键字；另一方面它采用编译期的静态分析，并且也加入了动态引用的方式（import（）函数） ES Module模块采用export和import关键字来实现模块化： export负责将模块内的内容导出； import负责从其他模块导入内容；了解：采用ES Module将自动采用严格模式：use strict2.4.1..

2020-10-31 10:44:46 252 1

原创 node（一）----模块化1（CommonJS和Node）

来自coderwhy的node课程笔记2.模块化2.1.模块化开发事实上模块化开发最终的目的是将程序划分成一个个小的结构；这个结构中编写属于自己的逻辑代码，有自己的作用域，不会影响到其他的结构；这个结构可以将自己希望暴露的变量、函数、对象等导出给其结构使用；也可以通过某种方式，导入另外结构中的变量、函数、对象等；上面说提到的结构，就是模块；按照这种结构划分开发程序的过程，就是模块化开发的过程； 2.2.没有模块化带来的问题早期没有.

2020-10-31 10:40:24 360

原创 MySQL（五）----基础四

10.DML语言数据操作语言：插入：insert修改：update删除：delete10.1.插入语句语法：方式1： insert into 表名 (列名，列名...) values(值1 ，值2....)方式2： insert into 表名 set 列名 = 值，列名 = 值 ... INSERT INTO beauty(id , name , sex , boyfriend_id , phon...

2020-10-29 19:19:17 113

原创 MySQL（四）----基础三

6.连接查询笛卡尔积：表1m行，表2n行结果是 m*n行发生的原因：没有有效的连接条件连接分类：按年代 sql92:支持内连接 sql99：内连接+外连接（只支持左右连接）+交叉连接按功能内连接等值连接非等值连接自连接外连接左外连接右外连接全外连接交

2020-10-29 19:18:11 250

原创 MySQL（三）----基础二

3.分组函数功能：用作统计使用，又称为聚合函数或统计函数分类：sum求和， avg求平均值， max最大值，min最小值，count计算个数特点： sum，avg可以处理数值类型， max ，min ，count可以处理任何类型以上分组函数忽略null值可以和distinct（去重）搭配只用使用count（*）统计行数和分组函数一同查询的字段要求是group by后的字段基本使用 count的详细介...

2020-10-29 19:15:52 128

原创 MySQL（二）----基础一

校招面试整理出来的，比较简单，给自己记笔记用的。数据库中常用的概念 DB:database：”数据库“，存储数据的容器 DBSM:数据库管理系统 , 数据库管理软件 sql:结构化查询语言，御用数据库通讯的语言，不是某个软件特有的，而是所有主流数据库软件通用的语言数据库存储的特点数据存放到表中，然后表放在库中一个库有多张表，每张表有唯一的表名表中有一个或多个列，列又称为字段，相当于属性表中的每一行数据，都是后端语言的一个对象

2020-10-29 19:13:53 126 1

原创 MySQ（一）L----sql文件（后续要用的）

sql文件表/* Navicat Premium Data Transfer Source Server : test1 Source Server Type : MySQL Source Server Version : 80017 Source Host : localhost:3306 Source Schema : exprice Target Server Type : MySQL Target Server

2020-10-29 19:09:36 210

原创栈与队列（JavaScript）----栈（栈的基本方法，进制转换）

栈的基本操作function Stack () { this.item = []; Stack.prototype.push = function (val) { return this.item.push(val); } Stack.prototype.pop = function () { return this.item.pop(); } // 查看栈顶元素 Stack.prototype.peek = function () { return

2020-10-29 19:04:30 104

原创链表（JavaScript）----双向链表（基本方法）

以下图片来自：http://www.360doc.com/content/17/0427/12/30427643_649056362.shtml// 双链表/** * get(index) ：获取链表中第index个节点的值。如果索引无效，则返回 - 1。\ * addAtHead(val) ：在链表的第一个元素之前添加一个值为val的节点。插入后，新节点将成为链表的第一个节点。 * addAtTail(val) ：将值为val 的节点追加到链表的最后一个元素。 *...

2020-10-28 21:13:47 112

翻译排序（JavaScript）----基本排序（冒泡，选择，插入，哈希，快速）

1.冒泡排序对未排序的各个元素从头到尾依次比较相邻两个元素的大小关系如果左边高，则交换两个元素的位置然后右移一格，比较下面的两个当移动到最右端（未排序的最右端），那么最大值就应该在这，那么这个最右端的就是已排序的然后从未排序的中继续寻找关于最外层循环的个数个计算：排arr.length个数，且最后一个不要排，所以要排arr.length-1次未排序的最右端的计算: 第一次:i=0 最...

2020-10-28 13:02:12 286

原创链表（JavaScript）----单链表（链表的基本操作，反转，是否有环）

比较基础，不用多说了。LeetCode上链表的设计function Linkdedlist () { function Node (val) { this.val = val; this.next = null; } this.head = null; this.length = 0; Linkdedlist.prototype.addAtHead = function (val) { var newNode = new Node(val); if.

2020-10-28 12:31:53 107

原创 react中使用hooks替代connect

使用hooks代替connect在react中的connect的使用import React, { memo, useEffect } from 'react'import { useDispatch, useSelector } from 'react-redux';import { Carousel, Image } from 'antd'// import { connect } from 'react-redux';import { changeRecommendBanne.

2020-09-24 15:17:25 1593

原创 leetCode第五题 js实现

给定一个字符串s，找到s中最长的回文子串。你可以假设s的最大长度为 1000。示例 1：输入: "babad"输出: "bab"注意: "aba" 也是一个有效答案。示例 2：输入: "cbbd"输出: "bb"来源于LeetCode可以直接跳过我写的代码，看大佬的代码，毕竟我写的代码太垃圾了！！！最近做题的最大感触就是太依赖于其他的数据结构作为存储，然后使用它们的方法操作，比如数组的push，pop，还要对象作为存储，有时候还要删除对象里的某个属性，这样做...

2020-05-12 14:03:18 261

原创 leetCode第四题 js实现

（这题虽然是困难的题，但是相对来说简单一点）给定两个大小为 m 和 n 的正序（从小到大）数组nums1 和nums2。请你找出这两个正序数组的中位数，并且要求算法的时间复杂度为O(log(m + n))。你可以假设nums1和nums2不会同时为空。示例 1:nums1 = [1, 3]nums2 = [2]则中位数是 2.0示例 2:nums1 = [1, 2]nums2 = [3, 4]则中位数是 (2 + 3)/2 = 2.5来源：力扣（...

2020-05-11 13:32:19 200

原创 LeetCode 第二题 javascript实现

给出两个非空的链表用来表示两个非负的整数。其中，它们各自的位数是按照逆序的方式存储的，并且它们的每个节点只能存储一位数字。如果，我们将这两个数相加起来，则会返回一个新的链表来表示它们的和。您可以假设除了数字 0 之外，这两个数都不会以 0开头。示例：输入：(2 -> 4 -> 3) + (5 -> 6 -> 4)输出：7 -> ...

2020-05-08 14:04:04 565

原创商城抢购倒计时

需求到没到设定的时间显示开始结束代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init...

2020-04-24 12:12:51 172

原创数据结构（js版笔记）

数据结构（js版）和jQuery正在一起学。想要一起学的小伙伴加我哦Stack先进后出1. push() 进栈2. pop() 出栈3. isEmpty() 栈空？4. clear() 清理栈5. peek() 返回栈顶6. size() 然后栈的长度栈的创建function Stack() { var item = ...

2020-04-20 16:19:02 119

原创 js数组和字符串的方法（笔记）

Array类型1 创建创建方法： var arr = new Array();使用Array构造函数 var arr = new Array("red","green","red");还可以省略new 第二种方法 var arr = ['red','greem','red']; var arr = []; 空数组2 检测利用Arra...

2020-04-20 14:41:26 178

原创轮播图

这次用的对象写的，总体加深了对象的理解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

2020-04-19 22:09:45 94

原创 canvas径向渐变

至于代码的作用我就不写了，我就来写一下关于两个圆的位置会出现什么类型的渐变。由于画图不是很准，凑乎看吧每组都是先浏览器效果图，然后是原理图function draw(id) { var canvas = document.getElementById(id); if(canvas ==null)return false;...

2020-04-12 21:35:38 128

原创登录栏的实现

因为登录栏里有渐变，所以通过网上的一些博客了解了一下，下面稍微总结一下<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale...

2020-04-09 13:02:20 314

原创利用关键帧做的一个小动画

先基础的了解一下，可能不是很全animation-name 绑定到选择器关键帧的名称ainmation-duration动画需要多少秒完成animation-timing-function设置动画将多长时间完成一个周期，常用的有linear匀速ease以低速开始，然后加快，结束前变慢默认的ease-in以低速开始ease-out以低速结束ease-in-...

2020-04-03 16:31:19 336

原创固定栏微信码弹出

做的过程中认识的到问题如果是设置postion值后 left是以父级的左上角定位，而right是以父级的右上角定位。关于小三角号，是利用了一个小方块然后让其旋转45度后，然后把左边和下边的边框去掉（小方块同时设置背景白色，z-index也要设置的比右边的大方框要高，因为要把大方框的一部分右边框遮住。）css代码* { margin: 0; padding: 0;}...

2020-04-01 21:14:42 122

翻译二路归并排序

归并排序用的是递归算法，昨天已经基本搞懂了递归算法的原理，今天就来实践一下（代码是看网上的一个老师讲的，我在理解的基础上，自己将代码打了出来）归并排序的概念归并是将两个或者是两个以上的有序表组合成一个新的有序表两个有序表的合并假设有L1与L2两个有序表如何将他们合并为一个有序表呢？首先要借助一个辅助数组temp大小为L,显然L>=L1+L2;（1）比较L1与L2首个元素，哪个...

2018-12-31 15:11:48 2154

原创递归的内部实现

今天终于真正弄懂了递归的内部操作下面通过两个列子来了解一下void fun(int n){ printf("1\n"); if(n<4) fun(n+1); printf("2\n");}执行f（1）操作11112222这个很容易懂，直到执行完，每次回到上一个都是结束假设含有两个递归函数void s...

2018-12-30 18:20:11 568

原创进步一点

每天进步一点！World Cup Noise (POJ1953) 当韩国足球杀入世界杯半决赛以后，球迷们都兴奋地喊着“KO-RE-A，KO-RE-A”，同时，他们仍保持天生的组织性。例如，他们准备好了用大喇叭为球员们加油，要在比赛中保持同一水平的高昂喧闹声。大喇叭使用压缩气来吹响，可是，当一个大喇叭连续吹响超过两分钟时，它就会坏掉。因此，在大喇叭响声停止的时间内，球迷们将大喊“KO-RE-A，...

2018-12-26 22:08:43 279

原创猜数字小游戏

小游戏----猜数字游戏很小，代码数量不是很多，算法也是很简单，里面所有的步骤都已经加入注释，有兴趣的可以看一下，最好能指出需要改进的地方#include<stdio.h>#include<time.h>#include<stdlib.h>void caishu(int n);void rule();int main(){ int n...

2018-07-30 15:42:20 213

mischievous_boy的博客