前端开发
一久19
这个作者很懒,什么都没留下…
展开
-
前端学习路径(仅供参考)
ESLint基础入门:https://space.bilibili.com/390120104/search/video?Next.js入门教程:https://www.bilibili.com/video/BV13441117KK。Three.js基础教程-英文:https://www.bilibili.com/video/BV1ks411W78i。Nuxt.js入门:https://www.bilibili.com/video/BV1Xt41117Kg。原创 2024-02-07 14:23:24 · 662 阅读 · 0 评论 -
Node.js安装配置
新版的Node.js自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西。在系统变量path中新建%NODE_PATH%、%NODE_HOME%、%NODE_HOME%\node_global、%CNPM_PATH%系统环境变量NODE_PATH ,D:\profile\nodejs\node_global\node_modules。系统环境变量 NODE_HOME ,D:\profile\nodejs。原创 2024-02-07 14:21:25 · 308 阅读 · 1 评论 -
vue+elementui,数组里的字段自动获取页面上其他字段的值
在活动名称这个字段上,添加一个方法,@change="changeName"字段2,为table表格里的文本输入框,所属行是一个数组里的字段。针对的是可添加表格数据,有多行的情况。字段2新增时,自动获取字段1的值。针对的是只有一行表格数据的情况。代码如上,页面展示如下。字段1,为文本输入框。原创 2023-08-03 11:54:47 · 358 阅读 · 0 评论 -
nvm,node版本管理软件
2. nvm是一个nodejs的版本管理工具,可以安装和切换不同版本的nodejs。1. 可以用默认的安装,也可以自己选择安装目录,路径里不要有中文。2. 再选择nodejs的安装路径,D:\profile\nodejs。1. nvm ls available,查看可以安装的node版本。1. 先选择nvm的安装路径,D:\profile\nvm。6. nvm install 版本号,安装node版本。5. nvm ls,列出来当前已安装的版本。1. 安装nvm,可以切换node版本。原创 2023-08-03 11:13:07 · 57 阅读 · 0 评论 -
vue3 + element-plus使用报错
vue2,用的是element-uivue3,用的是element-plus安装element-plus的步骤,运行在package.json文件里,看到如下样式,即表示安装成功。原创 2023-05-12 15:31:43 · 955 阅读 · 0 评论 -
【原创】点击图标复制后面的ID如何实现
要实现的功能是,点击复制图标,复制后面的ID。react技术开发后台管理系统。前台实现效果,如下图。原创 2023-04-23 14:47:23 · 80 阅读 · 0 评论 -
【原创】react+antdesign接口返回为数字,前台展示中文,如何实现
1、循环列表中某个字段,接口返回为数字,前台要展示对应的中文,该怎么实现呢。2、详情页中某个字段,接口返回为数字,前台要展示对应的中文,该怎么实现呢。3、列表页某个字段,接口返回为数字,前台要展示对应的中文,该怎么实现呢。listData循环取值,将其中的mStatus循环赋下中文值。页面读取该字段,data.mStatus为接口里读取的该字段。首先,将列表中,每行的接口响应,赋值给listData。首先,定义statusMap。如下,各数字,分别对应。原创 2023-04-23 11:36:28 · 353 阅读 · 0 评论 -
【原创】Ant Design Charts饼图里的数据动态获取
Ant Design Charts饼图蛮好看的,引入到页面后,如何动态获取值,并展示在前台呢。动态获取服务端的响应,并赋值饼图的data,如下,代码里的transformedData。首先,先从官网上,将该组件的值,复制到父组件对应的位置。原创 2023-04-20 18:20:34 · 1047 阅读 · 0 评论 -
【原创】react子组件如何调父组件的函数
父组件为项目列表,引入子组件,子组件添加记录,完成请求后需关闭子组件弹框,且更新父组件列表,则需要子组件在发起请求时,不光关闭弹框,还要调用父组件的函数更新列表。在子组件中调用该函数,可以使用props来访问它。在父组件中定义一个函数 onReset,并将其作为props传递给子组件。原创 2023-04-20 17:10:20 · 672 阅读 · 0 评论 -
【原创】Pagination页码,去掉条数切换
后台开发,react,antdesign,表格组件,设置表格每页数据为10条,开发了几天后,突然发现右下角多了个条数切换,不止可每页展示10条,还可切换为20、50、100条。那么,我们只许,将 showSizeChanger 设置为false即可。原来,当数据超过50条后,会自动增加。如何去掉右下角的条数切换呢。当当当当,前台生效,好咧。原创 2023-04-13 17:37:36 · 881 阅读 · 0 评论 -
【原创】antdesign表格组件column的API里render方法详解
第一次接触antdesign,对于table组件还不是很了解,那就啃官方文档吧。这两天做项目,有一个后台的接口,返回的数据为数字,但是前台要展示它的中文值。在column里有个render方法,那就用它试试。如下图,原始代码及前台展示。原创 2023-04-11 10:12:05 · 913 阅读 · 0 评论 -
CSS外观属性
1、预定义的颜色,如red、green、blue2、十六进制设置颜色,这种形式是最常用的定义3、RGB代码设置颜色前台展示,如下。原创 2023-03-29 14:07:58 · 250 阅读 · 0 评论 -
CSS3---选择器分类,最全版
此选择器与 :nth-child(n) 选择器计算顺序刚好相反,但使用方法都是一样的,其中 :nth-last-child(1) 始终匹配最后一个元素,与 last-child 等同。其中 n 可以是整数(1,2,3)、关键字(even,odd)、也可以是公式(2n+1),而且 n 值起始值为 1,而不是 0。标签选择器,是指用HTML标签名称作为选择器,按照标签名称分类,为某一类标签指定统一的CSS样式。父元素的最后一个子元素的元素。为p标签设置样式,则当前页面,所有的p标签的样式,都生效。原创 2023-03-29 10:40:09 · 1925 阅读 · 0 评论 -
前端开发技巧vant+vue3
前端开发小白,学习记录原创 2023-03-02 17:44:30 · 409 阅读 · 0 评论