摘要：
1. Redux大多是规约 考虑如下这个使用了Redux架构的简单的计数器应用。如果你想跳过的话可以直接查看Github Repo。 1.1 State存储在一棵树中 该应用程序的状态看起来如下： const initialState = { count: 0 }; 1.2 Action声明状态更改 阅读全文
摘要：
一、现象 综合开发需要，需要引用使用 二、解决 1、先安装jquer插件，命令运行： npm i jquery --save-dev (tips: i 也就是 install --save-dev为添加到package.json) 2、利用 expose-loader 模块 来引用jquery插件 阅读全文
摘要：
1.使用生命周期方法请求数据 应用程序Employees.org做两件事： 1.一进入程序就获取20名员工。2.可以通过过滤条件来筛选员工。 在实现这两个需求之前，先来回顾一下react 类组件的2个生命周期方法: componentDidMount()：组件挂载后执行 componentDidUp 阅读全文
摘要：
前言 Hooks出来已经有段时间了，相信大家都用过段时间了，有没有小伙伴们遇到坑呢，我这边就有个 setInterval 的坑，和小伙伴们分享下解决方案。 前言 写个 count 每秒自增的定时器，如下写法结果，界面上 count 为 1 ？ function Counter() { let [co 阅读全文
摘要：
1. 使用生命周期函数获取数据 下面这个应用必须要做两件事情： (1) 初始化获取该公司的20位员工； (2) 筛选出名称包含查询条件的员工。在实现这些需求之前，回顾一下类组件的2个生命周期方法: (1) componentDidMount()：在组件挂载后执行一次；(2) componentDid 阅读全文
摘要：
在Walmart Labs的产品开发中，我们进行了大量的Code Review工作，这也保证了我有机会从很多优秀的工程师的代码中学习他们的代码风格与样式。在这篇博文里我会分享出我最欣赏的五种组件模式与代码片。不过我首先还是要谈谈为什么我们需要执着于提高代码的阅读体验。就好像你有很多种方式去装扮一只猫 阅读全文
摘要：
简介 有人说递归很难理解，也有人不这么认为。递归函数简单的定义是：一个自调用函数，这意味着它将在执行的某个时刻调用自己。 从理论上讲，递归是一种需要两个属性的行为： 结束点：停止递归的情况 一组规则：负责将所有的操作减少到结束点 咱们无法决定哪一个更重要。如果没有结束点，递归将成为一个无限循环，但是 阅读全文
摘要：
前提条件 前端登录后，后端返回token和token有效时间段tokenExprieIn，当token过期时间到了，前端需要主动用旧token去获取一个新的token，做到用户无感知地去刷新token。 PS: tokenExprieIn是一个单位为秒的时间段，不建议使用绝对时间，绝对时间可能会由于 阅读全文
摘要：
前言 开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务越来越复杂，打包出来的代码会非常冗余，文件体积会非常庞大。大体积文件会增加编译时间，影响开发效率；如果直接上线，还会拉长 阅读全文
摘要：
引言 在开发中台过程中 我们的原型中有很多表单，antd有表单组件，但是粒度比较细，就单纯组件而言，无可厚非，但是在开发过程中，可能会造成代码不够聚合，有些表单公共逻辑无法提取，copy paste比较多，所以可以加以封装，搞一个兼容性和扩展性都契合项目本身的组件。 主要思路 我简单查阅了一番资料， 阅读全文
摘要：
概述 vue.js 使用了基于 html 的模板语法，允许开发者声明式地将 DOM 绑定至底层 vue 实例的数据。所有 Vue.js 的模板都是合法的 html ，所以能被遵循规范的浏览器和 HTML 解析器解析。 普通文本 数据绑定最常见的形式就是使用“Mustache[小胡子]”语法 (双大括 阅读全文
摘要：
一、全局组件注册有两种方法： 1、在main.js文件中引入组件： import UserData from './components/UserData.vue' vue.component('UserData',UserData) 就可以直接在vue文件中使用 <user-data></user 阅读全文
摘要：
一直对通过浏览器工作台启动本地项目感兴趣，类似 vue-cli3 中提供的 vue ui，在浏览器中打开工作台，就能够创建、启动、停止、打包、部署你的项目，很好奇这一系列背后的实现原理。 最近在用 umijs 写项目，就顺便看了它提供的 cli 工具，并解开了自己的疑问。正好自己项目中也要实现类似的 阅读全文
摘要：
概述 在vue开发中，模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。当你想要在模板中多次引用相同表达式时，就会更加难以处理。所以，对于任何复杂逻辑，你都应当使用计算属性。本文主要讲解vue中的计算属性和侦听器，仅供学习分享使用。 计算属性 阅读全文
摘要：
使用 Enzyme 库测试 react。这样可以使你的程序将更加可靠，并且更加容易避免回归。我们在这里用了 Jest，不过 Enzyme 也可以与 Mocha 和 Chai 之类的库一起使用。 Enzyme 基础 Enzyme 是一个库，用于在测试时处理你的 react 组件。它由 Airbnb 开 阅读全文
摘要：
使用Loading分为2种情况，第一种是使用一些组件库自带的loading，另一种是使用我们自己写的loading，现分开介绍使用方法 一、使用element ui 带的Loading 1、在main.js 中引入axios 和elementui // 引入element-ui 组件 import 阅读全文
摘要：
如何利用微前端技术实现单体应用程序的现代化改造？在本篇教程中，我们将探讨如何将前端从单体架构当中剥离出来，并快速完成微前端架构迁移。本文作者将结合个人项目实践经验为大家介绍心得。 问题所在 我们假设有这么一个单体代码库，它使用了某种后端模板引擎或者系统（例如 Ejs 或者 ERB），但没有认真考虑前 阅读全文
摘要：
新版本前瞻 10 月 5 日，尤雨溪在 GitHub 开放了 vue 3.0 处于 pre-alpha 状态的源码，这次 vue 3.0 Updates 版本的更新，将带来五项重大改进： 速度 体积 可维护性 面向原生 易用性 截止目前，Vue 3.0 主要的架构改进、优化和新功能均已完成，剩下的主 阅读全文
摘要：
1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Esca 阅读全文
摘要：
Express简介： 让我们来创建Express应用程序，Express是一个Node.js Web应用框架，它很强大，可以为用户创建各种Web应用和HTTP工具，使用Express框架可以搭建一个完整功能的网站。 Express框架的优点： 可以用中间件来响应HTTP请求，可以定义路由表用于执行不 阅读全文