前端经验

重置Redux的状态数据的方法实现

在 Redux 使用过程中,通常需要重置 store 的状态,比如应用初始化的时候、用户退出登录的时候,这样能够避免数据残留,避免 UI 显示了上一个用户的数据,容易造成用户数据泄露。...

前端经验

vue使用一些外部插件及样式的配置代码

一、配置全局css及js样式 1.首先将事先写好的css文件及js文件放在src文件目录下的assets文件下 2.在main.js文件输上图右边两个红色框的代码 二、配置全局jQuery及bootstrap 安装插件步骤: :...

前端经验

浅谈Webpack4 Tree Shaking 终极优化指南

几个月前,我的任务是将我们组的 Vue.js 项目构建配置升级到 Webpack 4。我们的主要目标之一是利用 tree-shaking 的优势,即 Webpack 去掉了实际上并没有使用的代码来减少包的大小。现在,...

前端经验

Vue.extend 编程式插入组件的实现

前言 日常中我们要使用一个弹框组件的方式通常是先通过Vue.component 全局或是 component 局部注册后,然后在模版中使用。接下来我们尝试编程式的使用组件。 实现 其实步骤很简单 通过...

前端经验

React Typescript 语法

Children interface Props { children?: React.ReactNode} Events interface Props { // 事件对象 onClick?: (event: MouseEventHTMLButtonElement) = void} props对象中用buttonProps对象作为button的属性 interface Props { buttonProps?: J...

前端经验

React-Router Hooks

Route 写法1 Route path = /child Child / / Route // 类似 Route path = /child children = {Child / } / Route children 组件使用一个特殊的 children prop 来将 Route 的子组件传递到渲染结果中。 写法2 Route path = /chil...