vue前端项目计算属性computed动态设置background背景图无效
要求页面背景图片根据后端接口返回动态设置，如果接口没有数据就设置成一个默认的，提测了发现后台设置了，接口也拿到了最新的图片数据，但是页面上死活不更新，demo代码如下：<template>......
当前位置：
使用Cookie去传递用户信息
写给使用cookie，也会迷茫的你。说一下CookieCookie是储存在用户本地的数据，一般用于存储用户信息，浏览器在去请求接口时，会自动携带上Cookie（也就算是本地用户信息发送到服务器进行验证......
JS 语言设计十问十答
概述正文1.For块级作用域问题for循环本身没有形式分块，虽然看起来是被{}（JavaScript不存在语句级别的变量作用域），但是当使用let/const时无论你是不是自己写{}都会有形式分块，其......
人人都能读标准13. 对象类型的内部模型
JavaScript是一门面向对象编程语言，绝大多数的操作都是基于对象完成的。本节，我会先讲ECMAScript对象的内部模型，这个模型可以帮助我们理解对象的内部行为。然后，我们会使用这个模型来实现类......
英雄联盟比赛选手的六芒星能力图动画是弄一个的
最近，在看LPL比赛的时候，看到这样一个有意思的六芒星能力图动画：今天，我们就来使用纯CSS实现这样一个动画效果！实现背景网格对于如下这样一个背景网格，最好的方式当然肯定是切图，或者使用SVG路径。如......
一篇不可错过的react-router源码
一、序言最近新建了一个专栏，专门用于分析并实现一个router库。那么接下来，小编就会一步步带着大家来看懂react-router源码。二、源码调试小生迂腐，采用的是clone源码浏览器断点的方式来阅......
随编写了个plugin，就小程序体积减少了120k
前言这是一个关于reduce-enum-webpack-plugin由来的故事，我已经把它放到github和发到npm了，有需要的可以看下，觉得能帮到你的话也请给个star~生成api后，我们就可以直......
React Hooks 原理探究
前言文章脉络：开始//去掉dev和精简代码exportfunctionrenderWithHooks<Props,SecondArg>(current:Fiber|null,workInP......
![简要React是浏览器的事件循环来实现"并发特性"](https://mexiqi.com/zb_users/cache/thumbs/5c5524f7c26478b2a296b8a15626b502-182-127-0.jpg "简要React是浏览器的事件循环来实现"并发特性"")
简要React是浏览器的事件循环来实现"并发特性"
浏览器架构现代浏览器通常采用多进程架构。每个进程都有独立的内存空间，相互隔离，提高浏览器的稳定性、安全性和性能。以Chrome为例，浏览器的进程包含以下几个主要进程：浏览器主进程:负责协调整个浏览器的......
编写Webpack生命周期和其实现过程
Webpack生命周期简介Webpack生命周期是指Webpack在执行过程中所遵循的一系列钩子函数，每个钩子函数代表着一个特定的阶段，开发者可以通过注册回调函数的方式，在这些钩子函数中完成自定义的操......
借助AST ，编写解决运行环境差异的loader
前言最近遇到了一个很特殊的需求，业务代码打包后需要运行在两个不同的环境中，而两个环境中的属性有非常多的差异，我想在打包阶段来处理这些差异，所以就需要自定义一个loader来处理设计到的相关文件需要解决......
解读 ahooks 源码系列State篇二
【解读ahooks源码系列】（开篇）如何获取和监听DOM元素：useEffectWithTarget【解读ahooks源码系列】DOM篇（一）：useEventListener、useClickAwa......
把React新文档投喂把 GPT-4 后...
大家好，我卡颂。最近，React新文档终于上线了。从内容上看，新文档包括：理论知识、学习指引API介绍从形式上看，新文档除了传统的文字内容，还包括：在线Demo示意图小测验可以说是阅读体验拉满。但是，......
React高质量组件开发:复合组件模式的应用
背景介绍这是学习设计模式的第十四章，学习的是复合模式内容。极简释义复合组件模式：使用多个组件协同完成单一功能。正文在我们的项目中，经常有很多组件。有些组件通过共享state，或者共享逻辑，相互依赖。复......
tailwindcss in weapp 的原理
tailwindcssinweapp的原理tailwindcssinweapp的原理前言这个插件是做什么的？原理篇utility-firstCSSframework小程序兼容笔者的实现js里的字面量转......
深度体验Rspack
楼下的白玉兰花开了，树梢已经悄悄爬到了6楼高了，一树的玉兰花开的特别热烈。在家里的阳台上就能看到，仔细闻还能花香。春风不燥，阳光正好，春天也终于到了前端构建圈这段时间异常热闹，基于Rust的构建工具极......
一招骚操作，改变经Terser.js压缩后的代码的运行效果
众所周知，生产环境打包后的代码必然经过压缩。目前最流行的代码压缩工具主要有两个：UglifyJs和Terser。Terser是一个新起的代码压缩工具，支持ES6语法，因此被很多构建工具内置使用。web......
初学React useEffect Hook
通过项目来发现问题，加深对其理解应用到项目中。项目GITHUB：github.com/QuintionTan…开始之前先简单来理解一下useEffect设计。useEffect设计React提供了一个......
「从0实现React18系列」Reconciler架构的双缓存树实现原理
从0实现React核心模块系列文章：「1」.自己动手实现一个JSX转换「2」.Fiber架构的实现原理前言前面也提到Fiber是一种新的调和算法，那么它是如何更新DOM节点的呢？单个节点的创建更新流程......
没有废话，webpack手动搭建React+Typescript运行环境
下面开始：新建一个空文件夹,安装webpack的依赖npmiwebpackwebpack-cli-D新建基本文件新建了一个index.js,里面的内容是简单的箭头函数constadd=(a,b)=&g......