开发前沿 -
Vue中的nextTick作用和几个简单的使用场景
目的 理解下 nextTick 的作用和几个简单的使用场景 正文 起什么作用？ 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。…
Vue使用Ref跨层级获取组件的步骤
Vue使用Ref跨层级获取组件实例 示例介绍 在开发过程中，我们难免会使用到跨层级的ref实例获取，大部分情况下，我们都可以通过组件自身的parent或者children去找到需要…
javascript实现点击产生随机图形
本文实例为大家分享了javascript实现点击产生随机图形的具体代码，供大家参考，具体内容如下 点击产生随机图形 效果如下： 用javascript来实现 主要用canvas和随…
如何在Vue项目中添加接口监听遮罩
一、业务背景 使用遮罩层来屏蔽用户的非正常操作，是前端经常使用的方式。但是在一些项目中，并没有对遮罩层进行统一管理，这就会造成如下的问题： （1）所有的业务组件都要引入遮罩层组件，…
json.stringify()与json.parse()的区别以及用处
一、JSON.stringify()和JSON.parse() 区别 我们都用过JSON.stringify()和JSON.parse() ，从名字上就能知道 JSON.strin…
使用vue3重构拼图游戏的实现示例
前言 花了两天时间，重构了项目中的一个拼图小游戏（又名数字华容道），为了方便使用抽离成了独立组件，效果如下： 线上体验 源码地址在文章最后哦! 主要重构点 原有拼图游戏是通过开源代…
ReactRouter的实现方法
ReactRouter的实现 ReactRouter是React的核心组件，主要是作为React的路由管理器，保持UI与URL同步，其拥有简单的API与强大的功能例如代码缓冲加载、…
Javascript中的奇葩知识,你知道吗?
久经沙场的前辈们，写了无数代码，踩了无数的坑。但有些坑，可能一辈子也踩不到摸不着，因为根本不会发生在业务代码里～～ 1 Function.prototype 竟然是个函数类型。而自…
vue 计算属性和侦听器的使用小结
1. 计算属性和侦听器 1.1 计算属性 <!DOCTYPE html> <html> <head> <meta charset="utf…
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
一、概念 它们都是Element的属性，表示元素的宽度： Element.clientWidth 内容+内边距-滚动条-----不包括边框和外边距&n…
vue keep-alive的简单总结
一、作用 主要用于保留组件状态或避免重新渲染。 二、用法 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 &l…
JS实现简易日历效果
本文实例为大家分享了JS实现简易日历效果的具体代码，供大家参考，具体内容如下 css * { margin: 0; padding: 0; list-style: none; } …
