个人技术分享

【代码】【el-table 实现自定义单选】

v-bind

【代码】vue18：v-bind控制style 进度条案例。

在使用 Vue 3 开发项目时，遇到“找不到模块 ‘@/components/xxx.vue’ 或其相应的类型声明”的错误是一个常见问题。这通常与 TypeScript 和模块解析相关的配置不当有关。本文将详细介绍如何解决此问题，确保你的项目能够正确识别和导入 Vue 组件。

nodejs安装过程的。

但是，如果必须将道具传递到中间的许多组件，或者应用中的许多组件需要相同的信息，则传递道具可能会变得冗长且不方便。但是，当您需要将一些道具深入树中传递时，或者如果许多组件需要相同的道具时，传递道具可能会变得冗长和不方便。最接近的共同祖先可能与需要数据的组件相距甚远，将。如果有一种方法可以在不传递道具的情况下将数据“传送”到树中需要它的组件，那不是很好吗？允许父组件将一些信息提供给其下树中的任何组件（无论其深度如何），而无需通过 prop 显式传递它。是将数据通过 UI 树显式传递到使用它的组件的好方法。

简单来说，枚举是一种用于命名一组常量的数据类型。在 TypeScript 中，枚举允许我们定义一个命名的常量集合，并为这些常量分配相关的数值。通过枚举，我们可以为一组相关的值提供一个友好的名字，从而提高代码的可读性和可维护性。在 TypeScript 中，定义一个枚举非常简单。在这个示例中，我们定义了一个名为DirectionUpDownLeft和Right。默认情况下，TypeScript 会将枚举成员的值从 0 开始自动递增。

可用于获取 DOM 元素。

在React中，类组件基于ES6，所以在constructor中必须使用super在调用super过程中，无论是否传入props，React内部都会将porps赋值给组件实例porps如果只调用了super（），那么this.props在supper（）和构造函数结束之间仍是undefind。

开发项目有一段时间了，随着项目越来越大，打包的时间也相应的变长了，打包时的内存也增多了。这时候产生了一个问题，在发布项目的时候，会出现类似如下错误的提示。原因不难知道，是因为在Node中通过JavaScript使用内存时只能使用部分内存（64位系统：1.4 GB，32位系统：0.7 GB），这个时候，如果前端项目非常的庞大，Webpack编译时就会占用很多的系统资源，如果超出了V8引擎对Node默认的内存限制大小时，就会产生内存溢出的错误。针对于不同的vue-cli 版本有不同的解决方法。

获取到的full xpath路径：/html/body/div[2]/div[1]/div[5]/div/div/div[3]/ul/li[2]/a/span[2]获取到的xpath路径：//*[@id="hotsearch-content-wrapper"]/li[2]/a/span[2]按F12打开chrome浏览器的开发者模式，点击选择光标，选择页面上的元素位置，在控制台右键选择Copy。按键“Ctrl+F”，在控制台中输入需要检查的XPath路径，对应的元素会有的颜色标识。

获取到的full xpath路径：/html/body/div[2]/div[1]/div[5]/div/div/div[3]/ul/li[2]/a/span[2]获取到的xpath路径：//*[@id="hotsearch-content-wrapper"]/li[2]/a/span[2]按F12打开chrome浏览器的开发者模式，点击选择光标，选择页面上的元素位置，在控制台右键选择Copy。按键“Ctrl+F”，在控制台中输入需要检查的XPath路径，对应的元素会有的颜色标识。

但是，如果必须将道具传递到中间的许多组件，或者应用中的许多组件需要相同的信息，则传递道具可能会变得冗长且不方便。但是，当您需要将一些道具深入树中传递时，或者如果许多组件需要相同的道具时，传递道具可能会变得冗长和不方便。最接近的共同祖先可能与需要数据的组件相距甚远，将。如果有一种方法可以在不传递道具的情况下将数据“传送”到树中需要它的组件，那不是很好吗？允许父组件将一些信息提供给其下树中的任何组件（无论其深度如何），而无需通过 prop 显式传递它。是将数据通过 UI 树显式传递到使用它的组件的好方法。

react

【代码】layui 使用技巧。

可用于获取 DOM 元素。

基于 node.js和vue 的影院售票系统拥有两种角色，分别为管理员和用户。用户：热映、即将上映、电影和影院全局搜索、评论、选座、购票、点赞、收藏、订单等一系列购票功能。管理员：用户管理，电影管理，影院管理，影厅管理，电影排片，评论管理，订单管理

vue中引入js脚本块或者js文件 js函数 js方法

问题使用useState 时，例如const [selectedId, setSelectedId] = useState([false,true,false]);这样直接利用，无法引发使用selectedId状态的组件的变化，但是selectedId是修改了的 let temp=selectedId; temp[toggledId]=selectedId[toggledId]===false?true:false; setSelectedId(temp);原因一句话。let temp=

* 动画开始时，图片在容器外部 */transform: translateX(0);/* 动画结束时，图片移动到容器内部 */opacity:0;/*opacity: 0 隐藏 1 显示 */filter: blur(30px);// 触发动画，通过添加 animate 类。// 组件卸载时移除事件监听器。