特别是提交回复的函数和回复按钮的回调函数。另外,对于深层嵌套的评论,递归渲染可能会导致性能问题,但一般情况下的评论层级不会太深,所以应该可以接受。比如,顶级评论没有缩进,一级回复缩进一定距离,二级回复再缩进更多,以此类推。首先,数据结构方面,评论应该包含id、内容、作者、时间,以及可能的子回复。子
export default class Tab extends Component{ constructor(props){ super(props) this.state={arr:[false,true,true]} } change=(i)=>{var arr=this.state.arr; console.log(i...
原创 2021-09-03 13:42:04
765阅读
<div id="app"> <multistage :comments="articleCommentTree" v-on:reply="reply"></multistage> <div> <input type="text" :placeholder="content"> <input typ ...
转载 2021-10-28 20:08:00
1090阅读
2评论
先看下效果: 由于项目中需要做一个 评论的功能,思索一番 准备自己写,但打开度娘 一下就看到这个vue评论插件,带表情包 挺好的,还带表情 刚好满足需求 1.安装 2.引入插件3.使用 就不在介绍 上面的链接有 记录下我在项目中是怎么使用的以及改了哪些东西 这是实际开发项目效果如最上面的效果图 这里需要主要几点,关于使用和修改 1.你可以 按照上面的步骤 npm安装, 2.也可以自己在项目中封装这
转载 2023-07-17 10:19:10
677阅读
评论管理——拆分组件实现静态组件
原创 2021-08-19 13:01:07
74阅读
介绍 本文基于React+antd,给大家演示一个完整的全屏demo。 起因是开发今天给我提了一个sql编辑器输入框比较小,不支持放大,不太方便。希望能够全屏显示,联想到自己以后可能也会需要,便研究并记录之。 其实我觉得也没有很小(orz) 全屏 大家应该都在web页面里面见过全屏按钮,点击它以后页 ...
转载 2021-10-15 18:26:00
593阅读
2评论
前言如题,这是一篇关于Android面试-性能优化最常问的面试题、面试点的文章。这也是“Android-面试官”系列的第二篇文章。好了,废话不多说,直接冲冲冲!前排温馨提示:阅读本文前,请自备豆浆!如果你已经有 2 - 3 年以上Android开发经验还不懂的怎么去优化自己的项目,那就有点说不过去了。无论是日常工作中还是跳槽面试的时候,性能优化都是我们打怪成长为一名优秀的高级开发工程师所必备的技能
react的目的是将前端页面组件化,用状态机的思维模式去控制组件组件组件之间肯定是有关系得,通过合理得组件设计,给每一个组件划定合适得边界,可以有效降低当我们对页面进行重构时对其他组件之间得影响。同时也可以使我们得代码更加美观。1、高耦合低内聚。高耦合:将功能联系紧密得部分放到一个容器组件内对外暴漏出index.js,目录结构如下:├── components│ └── App└── inde
重新设计 React 组件库 诚身 7 个月前 在 react + redux 已经成为大部分前端项目底层架构的今天,让我们再次回到软件工程界一个永恒问题的探讨上来,那就是如何提升一个开发团队的开发效率? 从宏观的角度来讲,其实只有良好的抽象才能真正提高一个团队的开发效率,而囿于不同产品所面临的不同业务需求,当我们抽丝剥茧般地将一个个前端工程抽象到最后一层,那么剩下的其实就只有
转载 2024-08-26 10:07:51
61阅读
前言 很多 App 都有城市选择的功能,今天带大家编写一个城市选择组件。下面是这个组件的效果图。 功能分析 从上图中可以看出,我们将所有城市按照字母区分块,右边是字母索引。通过点击右边的字母可以跳转到相对应的块,同样的,在移动左边的列表的时候,右边也会跟随移动来显示不同的高亮。 这个组件中,我们通过
转载 2020-12-08 14:43:00
394阅读
2评论
运用的是vue3+ts,文本框和小图标使用的是ant-design-vue框架简单的实现了页面布局,点击回复等小功能(删除数据和回复添加到数组中目前没有写,因为项目要求后面需要对接后端接口,所以就懒得写了)实现代码:父组件页面布局:<div> <!-- 发表言论 --> <div> <div class="auther">
转载 2024-04-21 19:04:39
1372阅读
1点赞
组件传参 多组件使用!
原创 2021-08-05 16:03:09
220阅读
实例 <div id="example"></div> <script type="text/babel"> function HelloMessage(props) { return <h1>Hello World!</h1>; } const element = <HelloMessage /> ...
转载 2021-06-23 00:49:00
222阅读
2评论
React组件 React组件介绍 组件React的一等公民,使用React就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点:可复用、独立、可组合 React组件的两种创建方式 使用函数创建组件 函数组件:使用JS的函数(或箭头函数)创建的组件 约定1:函数名称必须以大 ...
转载 2021-08-02 01:13:00
206阅读
2评论
React轻巧源于React组件的思想。就像没有函数的概念之前,计算一个长方形的面积,每次都是相同的计算长和宽的乘积,然后输出。React允许我们自定义组件,在以后的工作过程中,我们想渲染不同的组件,都可以自定义,通过render函数返回DOM元素节点。React组件示例:<!DOCTYPE html><html> <head> &...
原创 2021-07-28 09:50:19
229阅读
传递props import React, {Component, VFC, ReactNode } from 'react'; const Hello: VFC<{ body: ReactNode }> = ({ body }) => { return <div>{body}</div>; };
转载 2018-08-27 16:35:00
717阅读
2评论
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/react.js"></script> <script src="js/react-dom.js"></scrip
转载 2017-08-09 09:16:00
159阅读
原文链接:https://.newline.co/fullstack-react/30-days-of-react/day-3/ Let's revisit the "Hello world" app we introduced on day one <!DOCTYPE html> <html
转载 2020-02-24 16:50:00
98阅读
2评论
学习目标 了解组件模式 组件分类 类组件又称为动态组件,类组件中可自定义方法,一般有事件
原创 2022-06-27 11:20:35
200阅读
React 组件是构建 React 应用的基本单元。和。
原创 2024-10-14 09:47:14
49阅读
  • 1
  • 2
  • 3
  • 4
  • 5