- 博客(29)
- 资源 (1)
- 收藏
- 关注
原创 echarts ( 折线图,柱状图 ) 和 饼图 tooltip 文字样式修改
echarts自定义tooltip显示内容;echarts ( 折线图,柱状图 ) 和 饼图 tooltip 文字样式修改
2024-08-19 18:09:40 568
原创 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
原创 清除浮动的四种方式
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 实现 贪食蛇小游戏。
2022-06-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人