刷新
TypeScript与JavaScript的区别

博主头像 TypeScript 是一种由微软开发的自由和开源的编程语言,是一种非常受欢迎的 JavaScript 语言扩展,它也是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。它在现有的 JavaScript 语法之上加入了一层类型层,而这一层即使被删除, ...

Next.js 热更新 Markdown 文件变更

博主头像 Next.js 提供了 Fast-Refresh 能力,它可以为您对 React 组件所做的编辑提供即时反馈。 但是,当你通过 Markdown 文件提供网站内容时,由于 Markdown 不是 React 组件,热更新将失效。 怎么做 解决该问题可从以下几方面思考: 服务器如何监控文件更新 服务器 ...

Watch,computed和methods的区别

博主头像 watch是监听某个变量或者属性的变化,并执行相应的回调函数,通常是一个变量的变化决定多个变量的变化,watch可以进行异步操作,但不支持缓存。一个侦听器对应一条数据,当侦听的数据发生变化是,watch才会执行对应的方法(一对一) computed计算属性是依赖已有的变量来计算一个目标变量,大多数情 ...

行业测试数据

博主头像 行业测试数据-案例分享 一 总体介绍 “人类正从IT时代走向DT时代” 1.数据测试指的是检查局部数据结构时为了保证临时存储在模块内的数据在程序执行过程中完整、正确的过程。2.工程师开发完成后,常常需要制造大批量的伪数据,来测试数据中台的开发效果。例如在数仓开发中,会遇到需要在已构建的数仓模型(各种 ...

tree-shaking

博主头像 来源 tree-shaking 最早由 Rich Harris 在 rollup 中提出。 为了减少最终构建体积而诞生。 以下是 MDN 中的说明: tree-shaking 是一个通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code) 行为的术语。 它依赖于 ES201 ...

Parcel 中文文档 | Parcel 中文网

博主头像 ​网址:https://parcel.passerma.com/ GitHub:GitHub - passerma/parcel-doc: 🌎 Parcel 中文文档 本文档持续翻译中,有想帮忙(希望有人)翻译的小伙伴也可参与哦 使用 Parcel 构建 Web 应用程序 安装 在开始之前,您需要 ...

React中生命周期的讲解

博主头像 什么是生命周期? 从出生到成长,最后到死亡,这个过程的时间可以理解为生命周期。 React中的组件也是这么一个过程。 React的生命周期分为三个阶段:挂载期(也叫实例化期)、更新期(也叫存在期)、卸载期(也叫销毁期)。 在每个周期中React都提供了一些钩子函数。 生命周期的描述如下: 挂载期:一 ...

一文带你搞懂 SSR

博主头像 欲语还休,欲语还休,却道天凉好个秋 《丑奴儿·书博山道中壁》辛弃疾 什么是 SSR ShadowsocksR?阴阳师?FGO? **Server-side rendering (SSR)**是应用程序通过在服务器上显示网页而不是在浏览器中渲染的能力。服务器端向客户端发送一个完全渲染的页面(准确来说是 ...

React数据通信父传子和子传父的使用

博主头像 组件中的props 在react中,props的特点是: 1.可以给组件传递任意类型的数据 2.props是只读的对象,只能够读取属性的值,无法修改对象 如过我们强行修改数据,会报错,告诉我们该属性是只读属性。 ps:在类组件中,如果写了构造函数,应该将props传递给super(). 否则无法在构 ...

React避免组件重复渲染

博主头像 ##前言 在 React 开发中如果不去管组件的重复渲染问题,项目稍微复杂一点性能将不堪入目,下面将介绍项目中最常见的例子及解决方案(仅 hooks 组件)。 ##预先了解所用知识 React.memo React.useCallback React.useMemo useMemoizedFn(下面 ...

React 18 特性

原文链接 2022 年 3 月 29 日,React 18 正式版发布了。 新增了以下这些新功能 Concurrent Mode 并发模式 在 CM 模式下,React 在执行过程中,每执行一个 Fiber,都会看看有没有更高优先级的更新,如果有,则当前低优先级的的更新会被暂停,待高优先级任务执行完 ...

关于在使用Mock模拟服务端数据时获取不到请求参数的坑

博主头像 一、起因 最近在使用Umi进行React的前端开发,有一个数据表格分页的功能需求,由于后端还没完成所以考虑前端先使用Mock先来进行模拟数据测试。 Mock的介绍这里就不做赘述,大家感兴趣的可自行前往官网学习--Mock.js。 由于是分页功能,必然少不了当前页码、分页大小、过滤条件等请求参数,但是 ...

React项目中fetch实现跨域接收传递session的解决方案

博主头像 本次项目使用了react框架,同时使用fetch取代ajax作为获取接口数据的交互方法。本以为过程中应该不会有什么磕绊,没想到遇到了session丢失这个让人甚是苦恼的问题。期间本想换种方法来对接接口,但转念一想如果每次遇到问题都选择逃避,那么以后的编码之路只能越走越窄,所以还是决定坚持下去。好在经 ...

全面理解JSX

博主头像 1 简介 JSX(JavaScript XML),即可拓展的JavaScript,是react定义的一种类似于XML的js扩展语法:JS+XML。它本质上是React.createElement(type,config,...children)的语法糖,主要用于创建React元素,生成虚拟DOM 2 ...

前端周刊第十四期

博主头像 前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。 如果外链不能访问,关注公众号「前端每周看」,里面有解决办法 大事件 Veni,vidi,formatae! 宣布Rome Formatter:超快速的 JavaScript 格式化 ...