webpack5搞微前端

本示例将演示如何利用 webpack5 的联邦模块支持项目微前端开发 Module Federation(联邦模块)WhatModule Federation 使 JavaScript 应用得以从另一个 JavaScript 应用中动态地加载代码 —— 同时共享依赖。如果某应用所消费的 federated mod...

浮点数四则运算

项目地址:https://github.com/wangxiaofeid/float.js 为何浮点数运算时会失精计算机运算时二进制的,而有些浮点数转换成二进制的时候是无限循环的,eg: 0.112345670.1 * 2 = 0.2 # 00.2 * 2 = 0.4 # 00.4 * 2 = 0.8 # 00....

【转】深入理解-React-高阶组件

在目前的前端社区,『推崇组合,不推荐继承(prefer composition than inheritance)』已经成为了比较好的实践,mixin 也因为自身的一些问题而渐渐不被推荐。高阶组件(Higher order components)作为 mixin 之外的一种组件抽象与处理形式,有哪些不同和好处呢?...

postman使用技巧

问题1:请求的时候如何携带cookie(不想拷贝) 安装chrome插件–Postman Interceptor 在postman里面打开Postman Interceptor选项只有在浏览器上登录了,发送请求会自动携带上浏览器下该域名下cookie。(仅在chrome store下载的postman支持)Pos...

React优化笔记

平时看一些react文章,都有些性能相关的建议,以此记录。 react diff文章地址不可思议的 react diff 保持稳定的 DOM 结构会有助于性能的提升 尽量减少类似将最后一个节点移动到列表首部的操作 同一级别下节点尽量都设置key(key必须是稳定的),可以减少节点create和remove 父级...

【转】关于Web安全的三个攻防姿势

关于Web安全的问题,是一个老生常谈的问题,作为离用户最近的一层,我们大前端确实需要把手伸的更远一点。 我们最常见的Web安全攻击有以下几种 XSS 跨站脚本攻击 CSRF 跨站请求伪造 clickjacking 点击劫持/UI-覆盖攻击下面我们来一一分析 XSS 跨站脚本攻击跨站脚本攻击(Cross Sit...

react生命周期执行顺序测试

项目地址:https://github.com/wangxiaofeid/react-lifecycle 测试首次渲染12345678father constructorfather getDerivedStateFromPropsfather renderchildren constructorchildren...

【转】react组件生命周期(v16.3.1)

在每个react组件中都有以下几个生命周期方法~我们需要在不同阶段进行讨论 组件生命周期概述1.初始化在组件初始化阶段会执行 constructor static getDerivedStateFromProps() componentWillMount() / UNSAFE_componentWillMoun...

有趣的算法

动态规划参考关键点:找到状态和状态转移方程;把大问题拆分成小问题再回归比较 示例 现在有硬币[1, 2, 3, 7, 10]的硬币,问凑足n元最少需要多少硬币? 123456789101112131415161718192021222324252627282930function minimum(total, m...

前端文件下载相关场景及方法

下载方式1. 通过a标签的download属性1<a download href="/文件名称.xls">下载文件</a> 优点:使用简单、文件名称就是后台设置的名称(也可以通过download设置名称)缺点:只可以同域下载 2. 通过设置iframe标签的src来发起...