css类型bug记录项目场景：父容器使用flex布局，子元素也使用了flex布局，父容器，子元素未设置宽，目的是子元素宽度随着文本内容自动变化，但子元素宽度始终等于父元素宽度问题描述：想让会员所在子元素随着文本内容增加，自动撑宽，但子元素始终等于父容器.h-info宽度，随着父容器自动变宽原因分析：flex布局影响，需要在影响宽度的水平轴方向，因为父容器是列排列，所以水平轴及交叉轴align-it

一、生命周期函数beforeCreated : 完成Vue实例化对象的创建，this能访问到当前实例化对象，但this.$data访问不到当前组件data定义的数据created: model数据层初始化，data，props设置数据劫持，methods代理在vue实例上，computed，watch封装成不同类型的watcher，this.$data能够访问到定义的数据和方法beforeMoun

随着Vue3和React 18的相继发布，前端开发领域再次迎来了技术革新的热潮。这两款框架各自迭代升级，不仅优化了原有特性，还引入了许多新概念，使得开发者在构建现代Web应用时拥有更多选择。本文旨在浅层的探讨Vue3与React 18之间的异同，通过理论分析与实战代码示例，帮助开发者理解何时何地选用最适合的工具。

VUEX模块化时该怎么在不同模块调用其它模块的state，mutations，actions？下面是我的项目中VUEX模块化目录结构app.js, tag.js, user.js 这些都是将不同模块的state,mutations,actions给抽离出来了，问题来了，我要在user.js中调用其他模块中的state,mutations,actions，该怎么调用呢？state当前模块的state

随着Vue3和React 18的相继发布，前端开发领域再次迎来了技术革新的热潮。这两款框架各自迭代升级，不仅优化了原有特性，还引入了许多新概念，使得开发者在构建现代Web应用时拥有更多选择。本文旨在浅层的探讨Vue3与React 18之间的异同，通过理论分析与实战代码示例，帮助开发者理解何时何地选用最适合的工具。

React 中 useContext 是什么？useContext 有什么用？useContext 的使用方式，使用场景。React 父子通信方式。使用 useContext Hook 的组件都将重新渲染。使用 useContext 可以帮助你避免复杂的组件结构并简化数据传递。

vite, 开启本地 https 服务，启用 https 协议，运行项目

css，background-blend-mode，背景渐变色，背景图片，渐变色背景和背景图片同时叠加显示

一、domEle.getBoundingClientRect()获取对应元素的大小及其相对于视窗的位置，返回一个包含left, top, right, bottom, x, y, width, 和 height这几个以像素为单位的参数对象，除了width 和 height 以外的属性是相对于视图窗口的左上角来计算的。如下图：视窗指的是能够显示页面内容的浏览器窗口。该api详细说明可点击此链接查看：

call,apply,bind 怎么使用，有什么区别，call,apply,bind使用场景，手写 call,apply,bind, call,apply,bind区别