Hull Qin

什么？黑心996公司要让你提桶跑路了？想在离开前给你们的项目留点小礼物？偷偷地把本项目引入你们的项目吧，你们的项目会有但不仅限于如下的神奇效果：当数组长度可以被7整除时，Array.includes永远返回false……

问题描述我在用service worker缓存我的静态资源文件，每次直接加载时，可以读取静态资源。但是service worker会报这个错。解决方案CDN返回要加跨域头。请求静态资源时，要带上origin。具体做法：每个静态资源标签加 crossorigin="anonymous"。解释原因如果index.html中用了<script>或<link>标签，没带crossorigin="anonymous"，则发静态资源请求时，request header不会带o

今天使用rollup开发npm包，每次打包后，都会出现这段License：/*! *****************************************************************************Copyright (c) Microsoft Corporation.Permission to use, copy, modify, and/or distribute this software for anypurpose with or without f

通常，Form.Item会给它的children注入两个属性：value和onChange，实现“受控模式”。我们开发输入控件时，需要兼顾受控模式和非受控模式。具体方案如下：const MyInput = (props) => { // 重命名下prop传入的 value和onChange，减少歧义 const {value: propValue, onChange: propOnChange, defaultValue} = props; // 判断初始时有无传入val

曾经写React时，追求极致的效率，各种用useMemo memo等等，后来才知道什么最重要——代码可读性。React改变了前端开发的方式，由命令式编程（jQuery操纵Dom）转化到了声明式编程（根据data声明UI），这极大程度提高了开发效率，且它内部做了很多性能优化的手段。（当然用jQuery也可以声明式编程，每次data改变就重新渲染UI，但会有性能问题，若自己解决又会导致开发效率降低）。我很佩服Facebook团队，因为React兼顾了「性能优化」和「开发效率」。开发效率：在前端开发中，.

猜一下执行结果先const arr = [];for (let u = 0; u < 10; u++) { console.log(u); // 0 2 4 6 8 u++; setTimeout(() => console.log('setTimeout', u), 0); arr.push(() => console.log(u));}console.log(arr[1]());当初因为我考虑到闭包，所以，我想错了。真实输出结果：02

2020年12月21日，圣诞节前夕，React团队发了关于React Server Components的博客和RFC。一方面是公布他们关于React的进展，另一方面是希望吸取业界的反馈。前端简史【静态】在最早的时候是根本没有前端或者后端的概念的。当时就是用 Dreamweaver 写 html 静态页面，然后部署到一台电脑的 IIS (Internet Information Services) 上。当请求这个页面时，返回这个 html 文件。【模版】再后面一点，服务端变得复杂了一些，html.

React.ChildrenReact.Children 提供了用于处理 props.children 不透明数据结构的实用方法。React.Children.mapReact.Children.map(children, function[(thisArg)])在 children 里的每个直接子节点上调用一个函数。如果 children 是一个数组，它将被遍历并为数组中的每个子节点调用该函数。如果子节点为 null 或是 undefined，则此方法将返回 null 或是 undefined，而

如何在TSDX中引用css样式文件？TSDX默认不支持引入css，遇到 import xxx.css 会提示：✖ Failed to compileError: Unexpected token (Note that you need plugins to import files that are not JavaScript)解决方法在项目根目录，新建tsdx.config.js：const postcss = require('rollup-plugin-postcss');mo.

关于TSDX的介绍，参考 https://blog.csdn.net/kd_2015/article/details/110409238在TSDX中使用lodash是很爽的，因为它会帮你按需引入，这让你的包打包后体积不会太臃肿。我们首先需要安装lodash依赖和lodash-es依赖（其中lodash-es是基于ES modules的，为了实现按需引入）：npm install lodash lodash-es # or yarn add lodash lodash-es安装lodash的类型.

如何开发一个NPM包供其它项目使用？我们在开发React项目时，有各种脚手架供我们选择（Create React App、Umi、NextJS等），他们默认配置好了Webpack等，极大提高了开发效率。那么如何开发NPM包呢？有类似的脚手架吗？我推荐TSDX理由如下：默认支持CommonJS、UMD、ES Module打包方式。（要开发通用的NPM包，这些的支持是必要的，不然你还得自己搞）自带开发环境、编译脚本。 开发NPM包你必须要解决的一个问题：开发时有地方调试，发布时再build &.

Redux中，state作为单一的数据源，众所周知，每次更新state都要通过return { ...state, others }来返回一个新的state，但是它是怎么来判断一些组件到底要不要re-render（刷新、重渲染）呢？尤其是当state层次很深的时候，会有效率问题、该刷新时不刷新的问题吗？其实关键在于这个connect()函数的第一个参数：mapStateToProps。下面举...