自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 资源 (1)
  • 收藏
  • 关注

原创 Git 常用命令

Git 常用命令

2024-09-12 11:02:13 424 1

原创 echarts ( 折线图,柱状图 ) 和 饼图 tooltip 文字样式修改

echarts自定义tooltip显示内容;echarts ( 折线图,柱状图 ) 和 饼图 tooltip 文字样式修改

2024-08-19 18:09:40 568

原创 获取任意格式的日期;求时间间隔;

1.获取任意格式的日期。

2024-07-02 17:01:55 188

原创 a-table 根据数据自动进行 行合并

a-table,根据值的相同自动进行行的合并

2024-06-20 19:10:22 488

原创 常见数组的操作

【代码】常见数组的操作。

2024-06-20 19:06:29 132

原创 a-table 边框颜色修改;单元格点击等事件

修改a-table边框颜色

2024-01-21 17:32:08 1202

原创 el-dialog 层级问题混乱

使用 element -UI 的弹窗时,一般来说弹窗的层级应该比较高,背景置灰。但是有时候控制台的z-index层级混乱,弹框并没有置顶。

2023-07-04 14:50:40 1456 1

原创 worker多线程的使用与理解

JavaScript是单线程的,并不是说它是单线程语言,只能说在浏览器中运行是单线程的,单线程会免去许多麻烦,比如说,有两个线程同时进行DOM操作,一个是在父级下添加子元素,一个是删除这个父级元素,这样会冲突的。但是呢?浏览器是多线程的,浏览器打开多个标签页依旧运行良好,为了充分利用,就有了 Web Worker 它为 JavaScript 创造多线程环境,允许主线程创建子线程,将一些任务分配给子线程运行。在主线程运行的同时,子线程在后台运行,两者互不干扰。等到子线程完成计算任务,再把结果返回给主线程...

2023-01-12 14:50:58 1700 1

原创 Vue.set()的使用,以及对其进行深入解析

vue 在实例上添加新的属性的时候,该属性,并不是响应式的。同样删除某一属性的时候,也不会实时渲染到页面上。这个 set方法,对于数组来说,调用的就是splice,对于对象来说,使用的就是defineReactive,再添加了一个手动的视图更新。这就是set的原理。

2023-01-03 15:56:50 5343 7

原创 春来夏往,秋收冬藏 ——我的CSDN创作纪念日

今天是2022年12月31日,23点56分,还有几分钟2022年就要过去了,愿看到这篇文章的朋友三餐有味,四季有景,围炉闲话,灯火可亲,如期而至的不只是新年,还有幸福和快乐。

2023-01-01 01:11:44 331 3

原创 删除数组中符合指定条件的元素

不符合指定条件,可能是指定数组array中的某一项不符合某一值的要求;或者是拿另一个数组arr对比,要求array只留下复合arr中的值或者删除掉复合arr中的值。

2022-12-29 10:36:16 1219

原创 nvm:nodejs版本管理工具的安装及使用

nvm 是 nodejs的版本管理工具,通过它可以安装和切换不同版本的nodejs。

2022-10-24 08:00:00 324

原创 清除浮动的四种方式

CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流(标准流),浮动和定位,其中浮动让盒子从普通流中浮起来,浮动元素具有行内块特性,表现为让多个块级元素在一行显示。为什么要清除浮动,因为浮动的盒子脱离标准流,如果父盒子没有设置高度的话,下面的盒子就会撑上来。......

2022-07-06 10:48:33 1558 1

原创 JavaScript 对一个对象进行深度 clone

浅拷贝:创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是基本类型的值,如果属性是引用类型,拷贝的就是内存地址 ,所以如果其中一个对象改变了这值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。引用数据类型(对象类型):对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。......

2022-07-04 16:19:34 600 1

原创 Xshell的使用;用Xshell修改服务器 Nginx配置文件-超详细(以修改上传文件大小上限为例)

用nginx做代理。修改上传客户端文件的大小限制修改下nginx的配置,检查,然后重启,修改成功。

2022-07-01 17:35:46 4186 2

原创 通过RegExp实现 element UI tree 高亮显示(样式改变)搜索框过滤内容

通过RegExp对象动态的实现字体样式的添加与删除。element UI 中,树形控件进行过滤操作时,经常要求所搜字体进行一个高亮显示。

2022-06-27 10:47:53 1456 6

原创 Typescript简单介绍及其开发环境的搭建

Typescript 的type是类型的问题,TypeScript 是一种给JavaScript 添加特性的语言扩展,TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,可以在任何支持Javascript的平台中执行。

2022-05-26 12:46:01 897 7

原创 Lodash的两种安装方式(npm安装/CDN)以及简单使用

本文涵盖了CDN/npm 两种引入方式,并且包含全部引入和按需引入等知识案例。Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。

2022-05-20 15:33:17 16215 9

原创 typeof、instanceof、constructor、toString四种检测数据类型的方法;优缺和区别分析

typeof instanceof constructor Object.prototype.toString.call 使用简单 能检测出引用类型 基本能检测所有的类型(除了null和undefined) 检测出所有的类型 只能检测出基本类型 (除了null) 不能检测出基本类型,且不能跨iframe constructor易被修改...

2022-04-21 16:52:24 1813 5

原创 vue 过滤器的使用详解

过滤器的功能是对要显示的数据进行格式化后再显示,其并没有改变原本的数据,只是产生新的对应的数据,本文通过多个案例对过滤器进行了详解。

2022-03-24 18:23:51 7524 3

原创 三个案例掌握this.$nextTick()方法的使用/Vue中的$nextTick()

his.$nextTick() 解释为在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM. 也就是说,当dom元素发生改变,重新渲染dom树后,再执行vue.$nextTick()里面的内容。

2022-02-14 16:16:33 21010 11

原创 input输入框控制光标位置 setSelectionRange()的使用

当我们点击编辑时,按照习惯,光标应该在字符串的结尾,在不对光标进行任何设置的情况下,光标是出现在开头的,所以要进行相关操作。要明白,selectionStart<=selectionEnd ,两个值相等时,就是一个光标,后者大于前者时,就是选中部分内容,当我们偏要把selectionStart的值设的大于selectionEnd时,运行时会自动将selectionStart的值赋值给selectionEnd,使之相等。

2022-02-10 11:50:40 12841 8

原创 Vuex 之state mapState ...mapState 的使用方法

Vuex中的state和vue中的data是是类似的。我们称state为状态,该状态存储是响应式的,挂载到组件的计算属性上,举个栗子:当state中有一条属性 number:'10' ,分别挂载到a组件和b组件上,b组件通过commit改变了number的值,那么b组件中的number也是实时改变的(响应式)。...

2022-01-28 15:09:08 2165 4

原创 Vuex(仓库)的安装及简单使用

state:存储在 Vuex 中的数据和 Vue 实例中的data遵循相同的规则.getters:Vuex 允许我们在 store 中定义“getter”(可以认为是 store 的计算属性)。就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。mutations:更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutat

2022-01-25 16:11:43 2482 1

原创 vue中是怎么实现父向子、子向父的传值的?

父组件内设置要传的数据,在父组件中引用的子组件.上绑定一个自定义属性并把数据绑定在自定义属性上,在子组件添加参数props接收即可。 props传递数据原则:单向数据流。 子组件通过Vue实例方法$emit进行触发并且可以携带参数,父组件监听使用@ (v-on) 进行监听,然后进行方法处理。数据从父级组件传递给子组件,只能单向绑定。子组件内部不能直接修改从父级传递过来的数据。但是当父组件的传值是数组或者对象时,子组件接收时,数组/对象的默认值应当由一个工厂函数返

2022-01-17 17:20:58 787 2

原创 vue生命周期详解

(详见案例)Vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数实现组件数据管理和DOM渲染两大重要功能。2.vue生命周期可以分为八个阶段。1、创建前(beforeCreate)对应的钩子函数为beforeCreate。此阶段为实例初始化之后,此时的数据观察和事件机制都未形成,不能获得DOM...

2022-01-14 09:28:09 2563 2

原创 js 刷新当前页面的方法 reload() , replace()的简单使用

js 刷新当前页面的方法 reload() , replace()的简单使用location.replace方法可以实现用新的文档替换当前文档,强调替换在历史记录中,强迫浏览器将指定的URL替换掉缓存在历史记录中的URL,通俗来说一直是这一项历史记录,并不会增加新的,也就不能通过“前进”和“后退”来切换URL了。一定遇到过,“页面超时过期”这样的情况吧,一般就用location.replace方法,这样更像是客户端F5刷新界面,当页面的method="post"的时候,也就是向服务器传送数据的时候,出

2022-01-11 15:41:03 9043 2

原创 Vue中防抖(debounce)、节流(throttle)的介绍与运用

Vue中防抖(debounce)、节流(throttle)的介绍与运用 防抖是在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时;典型的案例就是输入搜索:输入结束后n秒才进行搜索请求,n秒内又输入的内容,就重新计时。节流是 规定在一个单位时间内,只能触发一次函数,如果这个单位时间内触发多次函数,只有一次生效; 典型的案例就是鼠标不断点击触发,规定在n秒内多次点击只有一次生效。

2022-01-06 09:09:48 15452 3

原创 element UI 中Tree树形控件懒加载 v-popover的使用

开发项目的过程中经常用到tree树形控件(当然也可能是table),当请求数据量很大时,没有懒加载往往会显示empty-text 的内容,也就是空数据。既然是懒加载,必然离不开官网给出的:load 加载子树数据的方法,仅当 lazy 属性为true 时生效 function(node, resolve) 此函数接收两个参数,一个是node,即当前节点,一个是resolve作为数据处理函数。 resolve函数,用来提交获取的数据。

2021-12-30 17:25:58 3724 3

Jquery 实现 贪食蛇小游戏。

内容概要: 该游戏是通过原生js和jquery来实现的,贪食蛇和背景是table标签来实现的,食物为背景图片,蛇头随方向改变而改变;无需下载依赖,下载解压即可运行。 能学到什么: jquery的一些方法以及原生js的部分基础使用等。 游戏说明: 键盘控制方向,并设有暂、继续、开始按键,附带游戏说明,贪食蛇移动速度会随分数的增加而增加,有一定的难度,撞墙会弹出游戏失败,分数达到某一值会提示胜利。

2022-06-17

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除