开发前沿 13284
React全局状态管理的三种底层机制探究
目录 前言 props context state 总结 前言 现代前端框架都是基于组件的方式来开发页面。按照逻辑关系把页面划分为不同的组件，分别开发不同的组件，然后把它们一层层组…
vue.js 动态组件详解
:is 动态组件 使用 v-bind:is=”组件名”，会自动去找匹配的组件名，如果没有，则不显示； <div id="app"> <test v-bind:is…
React+Typescript实现倒计时Hook的方法
首先对setInterval做了Hook化封装 import { useEffect, useRef } from 'react' /** * interTerval hooks组…
vuex 第三方包实现数据持久化的方法
目的： 让在vuex中管理的状态数据同时存储在本地。可免去自己存储的环节。 在开发的过程中，像用户信息（名字，头像，token）需要vuex中存储且需要本地存储。 如果有别的模块也…
菜鸟也能搞懂js中typeof与instanceof区别
目录 一、typeof 二、instanceof 三、区别 一、typeof typeof 操作符返回一个字符串，表示未经计算的操作数的类型 使用方法如下： typeof oper…
Vue.js之mixins混合组件详解
混合以一种灵活的方式为组件提供分布复用功能。混合对象可以包含任意的组件选项。当组件使用了混合对象时，混合对象的所有选项将被“混入”组件自己的选项中。 一、Mixins的基本用法 现…
elementui导出数据为xlsx、excel表格
最近学习vue项目，遇见elementui导出数据为xlsx、excel表格，今天就介绍给大家，也给自己留个笔记，方便查询 我这里为了同学们好理解，把所有元素都写到一个页面。 &n…
Vue.js directive自定义指令详解
自定义一个demo指令 Vue自定义指令语法如下： Vue.directive(id, definition) 传入的两个参数，id是指指令ID，definition是指定义对象。…
Vue.js之render函数使用详解
Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript的完全编程的能力，这就是 render 函数，它比 te…
Vue子组件调用父组件方法案例详解
一、直接在子组件中通过this.$parent.event来调用父组件的方法 <!-- 父组件 --> <template> <div> <…
npm设置同时从多个包源加载包的方法
目录 一、搭建本地仓储 二、创建npm包，并上传到私有仓储 三、设置npm 安装包时从多个仓储源查找 随着前后端分离技术的发展成熟，越来越来越多的后台系统甚至前端系统采用前后端分离…
Vue实现倒计时小功能
很多项目中都需要实现倒计时功能，例：发送验证码。现在举例实现一个简单的倒计时按钮功能。简单布局，简单操作，简单效果，最主要的是思路和倒计时步骤理解！！！ 例、代码如下： 要求：点击…
