摘要: 前言 vue.extend是vue的一个全局的api,它的作用是创建一个vue的子例。其实和vue.compoent一样,都是创建一个组件。但是区别是vue.component创建的组件,是挂载在vue实例内,而vue实例挂载在dom节点#app。所以通过vue.component创建的组件都存在于 阅读全文
posted @ 2022-04-16 14:11 眼里有激光 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 前言 1.webpack 只能理解 JavaScript 和 JSON 文件,这是 webpack 开箱可用的自带能力。loader 让 webpack 能够去处理其他类型的文件,并将它们转换为有效 模块,以供应用程序使用,以及被添加到依赖图中。 2.loader 支持链式调用。链中的第一个 loa 阅读全文
posted @ 2022-02-23 15:46 眼里有激光 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 前言 单页应用只有一个页面,所有的页面切换,其实只是组件之间的隐藏显示而已,所有的页面内容都只在一个html上 vue-router是通过对window.location.hash和windown.history进行封装,来实现将hash或url的变化映射为组件的变化 vue-router在brow 阅读全文
posted @ 2022-02-10 14:49 眼里有激光 阅读(259) 评论(0) 推荐(0) 编辑
摘要: 官方文档 node redis库 官方文档 redis 配置详解,这是我见过写的最好的一篇, redis常用数据操作 下载 npm i redis //这里的node redis版本是4.0.2,应该是最新的 引入使用 const redis = require("redis"); // 6379, 阅读全文
posted @ 2022-01-21 17:06 眼里有激光 阅读(1377) 评论(0) 推荐(0) 编辑
摘要: 前言 ref转发的使用场景比较少见,但是我们在编写组件库的时候,可能会需要使用到他,react.forward只适用于函数式组件 举个列子 定义了一个FancyButton组件 const FancyBotton = (props: any) => { return ( <div> <button> 阅读全文
posted @ 2022-01-21 11:04 眼里有激光 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 前言 在一个典型的 React 应用中,数据是通过 props 属性自上而下(由父及子)进行传递的,但这种做法对于某些类型的属性而言是极其繁琐的(例如:地区偏好,UI 主题),这些属性是应用程序中许多组件都需要的。Context 提供了一种在组件之间共享此类值的方式,而不必显式地通过组件树的逐层传递 阅读全文
posted @ 2022-01-20 16:15 眼里有激光 阅读(1314) 评论(0) 推荐(0) 编辑
摘要: 介绍 node是项目运行的基本环境 pm2是node项目管理工具 Node.js的cluster模块 幸运的是,Node.js给我们提供了cluster模块,它可以生成多个工作线程来共享同一个TCP连接。它是如何运作的呢?首先,Cluster会创建一个master,然后根据你指定的数量复制出多个se 阅读全文
posted @ 2022-01-13 17:29 眼里有激光 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 前言 useEffect和useLayout,都是react为函数组件提供的取代class组件周期,componentDidMount,componentDidUpdate的hook。它们的作用完全一致,只是调用的时机不同 调用时机 useEffect: 与componentDidMount、com 阅读全文
posted @ 2022-01-12 11:35 眼里有激光 阅读(502) 评论(0) 推荐(0) 编辑
摘要: 前言 在项目开发过程中,我们可能回在ts中使用到一些js全局,如jquery。以jquery举例,假设js版本的jquery作为一个全局库,而非使用import或require引入。那么如何在ts中像js一样直接使用$变量呢?ts的语法检测不会允许我们使用一个未经定义的变量,即便它已经同伙jquer 阅读全文
posted @ 2022-01-10 14:37 眼里有激光 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 解决方案 在引入的ui样式文件的对应处理loader中,将modules.mode设置为global 即可 { test: cssRegex, exclude: cssModuleRegex, use: getStyleLoaders({ importLoaders: 1, sourceMap: i 阅读全文
posted @ 2022-01-06 16:52 眼里有激光 阅读(118) 评论(0) 推荐(0) 编辑