- 博客(303)
- 收藏
- 关注
原创 js基本功(八)
pending是一种状态,一旦 Promise 被创建,它默认处于 pending 状态。在这个状态下,Promise 的结果既不是成功(fulfilled),也不是失败(rejected)。resolve, reject不会阻塞后面代码的执行。setTimeout可以传多个参数。
2025-03-21 10:46:28
230
原创 js基本功(七)
busA.vueApp.vue当点击蓝色时,红色会被触发;当点击红色时,蓝色会被触发。且不管怎么样,都是红色先触发,因为在App.vue中引入了红色和蓝色组件。
2025-03-14 15:07:33
263
原创 js基本功(五)
Rest参数是ES6引入的一个特性,用于将函数调用时传递的不定数量的参数收集到一个数组中。在上述代码中,…numbers会将所有传入的参数收集到一个名为numbers的数组中。Rest参数必须是函数参数列表中的最后一个参数。
2025-03-08 17:43:32
300
原创 react基本功(二)
纯函数是一种特殊的函数,它满足以下两个条件:在React中,纯函数被广泛应用于以下几个方面:以下是一个React中纯函数组件的例子:在这个例子中:以下是一个非纯函数的例子:在这个例子中:在React中,要确保函数组件是纯函数,需要注意以下几点:在开发React应用时,尽量将函数组件设计为纯函数,这将有助于提高代码的可维护性和性能。这些 key 必须是唯一的数字或字符串,React 只是重新排序元素而不是重新渲染它们。这可以提高应用程序的性能React通过来高效地更新DOM。当列表中的元素发生变化(如添加
2025-03-08 16:45:47
722
原创 js基本功
是用于声明变量的三种方式,它们在变量的作用域、提升行为、可变性等方面存在显著区别。2. 提升行为(Hoisting)在JavaScript中,希望这些解释对你理解。
2025-03-04 15:03:15
393
原创 finalshell发布前端项目到阿里云
有个缺点就是lite-server命令行窗口一关闭服务就停止,所以建议用nginx服务。cd /usr/local/nginx/sbin,启动nginx服务器。用lite-server启动的项目端口是3000,要添加安全组,如下。cd /nginx执行./configure生成nginx文件。这个密码,finalshell连接服务器的时候要用到。也可以下载node,不用nginx。也可以解压到/usr/local。重启nginx web服务器。安装nginx前需要依赖。解压nginx压缩包。
2024-07-11 17:37:13
342
原创 umijs脚手架
这个问题其实是node与中端连接出错,无法初始化TTY(终端设备),可以用cmd命令行来创建umi项目。注意node版本的问题。
2024-06-17 14:28:13
293
原创 vue关于:deep穿透样式的正确理解
样式编译成.child .test_class[data-v-04d490df]了,这个样式为什么不能命中,因为data-v-04d490df属性只在类名为child的div上有。总结:父组件的只会给子组件的顶层元素加hash值,而子组件会给子组件的所有元素加自己的hash。css中也是只在child后面加hash,所以命中样式生效。父组件只给子组件的顶层元素加hash。去掉:deep看看什么情况。
2024-06-16 18:05:41
547
原创 flex:1给了我工作机会
今天就跟大家讲讲flex:1是什么的缩写,怎么去理解这个样式。首先要知道flex:1就是的缩写,首页要理解它们的作用,先看dom解构做项目时先看flex-basic。
2024-04-25 18:17:44
157
原创 小白都看得懂的mysql server 和mysql workBench的安装
选择性安装,只需安装server 和workBench,其中server是数据库,workBench是数据库的可视化。
2024-03-11 14:32:07
407
原创 forwardRef和useImperativeHandle的配合使用
useImperativeHandle往外暴露子组件的方法,注意useImperativeHandle第三个参数中括号依赖,有这个依赖,childFun才能获取到最新的值。通过ref调用子组件里的方法。
2024-03-07 17:52:59
287
原创 script的defer和async的理解
加了defer,结果跟场景一一样,所以defer对script标签内的代码不期待延迟执行的作用。script标签没有defer属性,不敢是不是通过src引入代码,结果一样。加了defer,获取到了div元素。js阻碍了dom元素的渲染。
2024-03-07 13:51:15
242
原创 typescript,eslint,prettier的引入(有干货)
最后在tsconfig.json添加includes配置项,在该配置项中的目录下,所有的d.ts中的类型可以在这些目录下的其他文件引用。然后再tsc --init生成tsconfig.json配置文件,这个文件在package.json同级目录下。首先用npm安装typescript,cnpm i typescript。ts文件和d.ts文件都包含在src中。
2024-01-01 16:26:03
674
原创 umi预渲染
umi官网有预渲染,但是,是基于服务端渲染的,如果服务端渲染实现不了,那预渲染别谈,即使可以,但也不能指定路由渲染指定页面。在执行yarn build之后就可以渲染出about/indext.html页面。下面采用插件的形式实现。
2022-09-29 10:59:37
719
原创 umi2.x安装包有问题ERROR in ./node_modules/@ant-design/icons/es/icons/LoadingOutlined.js Module not found:
通过yarn create @umijs/umi-app创建的umi项目,在yarn安装完依赖包之后报了上图错误。
2022-09-10 16:25:43
1165
原创 umi配置实战
注意.umirc.local.ts是运行时配置,也就是在开发的时候使用的配置,在yarn build打包的时候,.umirc.local.ts里的配置是不生效的。1.yarn add eslint安装以来;1.在package.json中配置"webpack": “umi webpack”这是链式配置,想要查看配置是否正确,依旧执行yarn webpack查看配置结果。2.在命令行中输入yarn webpack,ctrl+f查看你配置的内容。子路由也是在routes中配置,子组件通过props获取。....
2022-08-23 14:03:21
439
原创 更新为win11后没有git bash
在shell中新建项git bash,在git bash中新建项command,双击右边窗口中的“默认”,填上git-bash.exe的路径,这时,打开任意文件夹,右键=》显示更多选项,就可以看到git bash,如果想要在任意文件夹中点击右键就可以直接看到git bash,如下。输入reg.exe add “HKCU\Software\Classes\CLSID{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}\InprocServer32” /f /ve;...
2022-08-16 16:30:07
1191
原创 create react app怎么配置webpack
其中,style-resources-loader是支持less全局变量或者全局函数的,为了混入公共样式用的,mixins文件如下,自己可以封装一些公共less函数,供整个项目使用。执行命令npmruneject,把项目的webpack配置弹出来,执行完命令生成了以下文件。这样就可以自行配置webpack了。......
2022-07-27 16:19:25
1595
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人