分类: 前端框架

web框架主要是用于进行Web开发的一套软件架构

7 篇文章

react antd select组件添加全选功能
1、需求 最近遇到一个需求,一张表格中需要有个下拉框,antd官网中有相应的Select组件,但是由于数据比较多,用户需要一个全选的需求。即点击全选下拉框数据全部选中,再次点击取消全选即选中的数据清空。然后数据一条一条点击完后全选框会被选中,反之不会被选中。 2、实现代码 import React from 'react'; i…
React 函数组件
React 函数组件 1、定义方式 React 函数组件是指使用函数方法定义的组件。 定义方式:与函数的定义方式相同,需要将内容 return 出来,需要注意的是最外层只有一个标签或者使用<></>(Fragment 标签)包裹起来,方法写在 return 前面。 const App = () => { const g…
React 中的常用方法
React 中的常用方法 1、合并数组 // 合并数组并去重 mergeArray = (arr1, arr2) => { return Array.from(new Set([...arr1, ...arr2])); }; 2、合并数组对象 // 合并具有相同属性的对象 mergeObject = (needObj, neededObj) …
react的组件通信
react的组件通信 1、父组件传子组件 import React, {Component} from 'react' class Father extends Component{ render() { return ( <div> <Child msg="我是父组件中的数据:father-data…
Vue 实现小小记事本
1、实现效果 用户输入后按回车,输入的内容自动保存,下方会显示记录的条数,鼠标移动到文字所在div上,会显示删除按钮,点击按钮,相应记录会被删除,下方的记录条数会相应变化,点击clear,所有记录会被删除。效果如下: 2、实现思路 先写出记事本的基本样式,在vue实例中的data对象里定义list数组,以及message的初始值。通过 v-mode…