当前位置: 首页 > news >正文

网站优化公司排名一级a做爰片免费网站下载

网站优化公司排名,一级a做爰片免费网站下载,河北省工程造价信息网官网,北京做软件开发的公司// 问个问题#xff0c;一般在 Vue 或者 React中 // 在框架具备很多组件通讯技术或者js语法支持的情况下#xff0c;什么情况下会用 Es6 的 Class类#xff1f;在Vue或React中#xff0c;通常会在以下情况下使用ES6的Class类#xff1a; 复杂组件或模块: 当需要构建较为复…// 问个问题一般在 Vue 或者 React中 // 在框架具备很多组件通讯技术或者js语法支持的情况下什么情况下会用 Es6 的 Class类在Vue或React中通常会在以下情况下使用ES6的Class类 复杂组件或模块: 当需要构建较为复杂的组件或模块时使用Class类可以更好地组织和管理代码提高代码的可读性和可维护性 继承与重写: 使用Class类可以方便地进行继承并且可以通过重写父类的方法来定制特定的功能以满足特定需求。 生命周期管理: Vue和React都提供了一系列的生命周期函数通过使用Class类来定义组件或模块可以更好地管理和调用这些生命周期函数 类成员方法与属性: Class类允许在类中定义成员方法和属性这样可以更好地封装和组织代码使其更具结构性并且易于维护和扩展 静态方法与属性: 通过使用Class类还可以定义静态方法和属性这些方法和属性属于类本身而不是类的实例。静态方法可以作为公共工具方法提供共享的功能 面向对象编程(OOP): Class类是面向对象编程的重要概念之一使用Class类可以更好地应用面向对象编程的原则和特性例如封装、继承和多态性 综上所述尽管Vue和React提供了很多的组件通讯技术和强大的JS语法支持但在需要处理复杂组件或模块、继承与重写、生命周期管理、类成员的定义与组织、静态功能的实现以及面向对象编程的场景下使用ES6的Class类是一个常见的选择 // 简单的树形结构工具类 export const filter class Filter {private data: Arrayany;constructor(data: Arrayany) {this.data data;}public buildTree(): any[] {const tree: any[] [];this.data.forEach((item) {if (!item.parentId) {tree.push(this.createNode(item, this.data));}});return tree;}private createNode(node: any, data: any[]): any {const children: any[] [];data.forEach((item) {if (item.parentId node.id) {children.push(this.createNode(item, data));}});if (children.length 0) {node.children children;}return node;}public processData(): any[] {const processedData this.data.map((item) {return {id: item.id,name: item.name.toUpperCase(),parentId: item.parentId,};});return processedData;} } ---------------------------------------------- const data [{ id: 1, name: Root, parentId: null },{ id: 2, name: Node 1, parentId: 1 },{ id: 3, name: Node 2, parentId: 1 },{ id: 4, name: Node 1.1, parentId: 2 },{ id: 5, name: Node 1.2, parentId: 2 },{ id: 6, name: Leaf, parentId: 4 }, ];const tree new InitTree(data); const builtTree tree.buildTree(); const processedData tree.processData();console.log(builtTree); console.log(processedData);[{id: 1,name: Root,parentId: null,children: [{id: 2,name: Node 1,parentId: 1,children: [{id: 4,name: Node 1.1,parentId: 2,children: [{id: 6,name: Leaf,parentId: 4}]},{id: 5,name: Node 1.2,parentId: 2}]},{id: 3,name: Node 2,parentId: 1}]} ]
http://www.huolong8.cn/news/11931/

相关文章:

  • seo优化的技巧网站排名云优化工具
  • 河北省住房和城身建设厅网站网站建设后台是怎么制作的
  • 网站的客户体验西红门模板网站建设
  • 公司网站域名到期设计网站首页1
  • 网站建设是永久使用吗网站建设重要
  • 上海网站建设找缘魁南昌免费做网站
  • 做网站找哪个软件wordpress添加分类图片
  • 个人网站做产品icp备案是什么
  • ie建设企业网站进去无法显示东莞建设质监网站
  • 做办公用品网站工作计划廊坊网站建设选择青橙网络
  • 网站正在建设中中文模板ui设计师个人简历
  • 备案查询站长工具广告营销策划公司
  • 商务网站建设策划书wordpress页面调用
  • 邢台做网站推广的公司是哪家?广东网站设计公司
  • 钟星建设集团网站网站开发职业认知小结
  • 网站总体结构wordpress 点击 排名
  • sns社区网站开发国际贸易官方网站
  • 如何查网站是那家做的校园推广公司
  • 网站建设用英语怎么说免费网站开发平台
  • 枣庄网站开发公司珠海手机网站建设公司
  • 做外围网站犯法吗多导航织梦网站模板下载
  • 能播放优酷视频的网站怎样做开网站建设公司心得
  • 龙陵网站建设重庆搭建工厂
  • 初创企业网站建设流程山西城乡建设厅网站
  • 学校网站建设工作廊坊营销网站服务
  • 企业内部网站模板下载福州seo外包公司
  • 佳木斯城乡建设局网站管理微信软件
  • 简单网站模板下载信阳市住房和城乡建设局网站
  • 万网定制网站怎么样wordpress 宅男猫源码
  • 专门做图片的网站cms听完米课做的网站