代码编织梦想

VUE组件-爱代码爱编程

这里写目录标题 VUE组件组件的注册全局注册局部注册 VUE组件 组件的注册 全局注册 在组件中设置数据的方法是跟Vue实例有点不同。data是一个函数并且它是直接返回一个对象,而不是像Vue实例中直接就是一个对象<div class="app"> <!--调用注册的组件--> <button-co

Dagger组件化-爱代码爱编程

前言:清楚dagger定义的层次也就实现了组件化。例如需要注入Application、Activity、LifecycleProvider参数,这些参数在基础库lib_base里定义,而由于inject()需要注入到具体的activity或fragment中,因此需要在上层业务库lib_use中定义。 实现: 一、注入Application 1、定义数据

小程序 组件生命周期 show hide-爱代码爱编程

组件生命周期 组件的生命周期,指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。 其中,最重要的生命周期是 created attached detached ,包含一个组件实例生命流程的最主要时间点。 组件实例刚刚被创建好时, created 生命周期被触发。此时,组件数据 this.data 就是在 Compo

React父组件调用(触发)表单子组件实例或方法-爱代码爱编程

一. 需求:最近在做项目的时候遇到这样一个需求。表单页可重复使用,即把表单页单独写为公共组件,但是在调用该子组件的父组件需要触发表单子组件的保存数据和校验提交表单数据的方法,表单子组件采用的是React高阶form组件构成,而子组件暴露方法给调用父组件需要使用useImperativeHandle,这是需要React.forwardRef进行Ref的传递,

(前端)轻提示Toast组件开发-爱代码爱编程

Toast(轻提示) 最近在写组件库,发现Toast(类似element-ui的Message)、Dialog组件和其他组件不太一样 这类组件是通过js脚本控制,暴露方法,通过方法生成动态组件,再挂载到body上 首先我们先写一个简单页面index.vue <template> <article class="tg-h5-co

【Vue】Vue组件-爱代码爱编程

文章目录 Vue三、Vue组件01.组件注册(1)组件基本概念(2)全局组件注册(3)局部组件注册02.组件传参(1)父组件向子组件传值(2)子组件向父组件传值(3)非父子组件间的传值(4)ref03.动态组件04.组件插槽(1)作用(2)基本用法(3)具名插槽(4)作用域插槽 Vue 三、Vue组件 01.组件注册 (1)组件基本概念

前端开发还可以这么玩?元数据实践分享-爱代码爱编程

摘要:元数据是业务流中前端和业务侧实现共同使用的一种规范,是沟通前后端的桥梁,其通过统一的数据格式进行约束,从而约定前后端传参。使用元数据,大幅提升了开发效率,又降低了维护及二次开发成本。 1 ROMA 业务流简介 ROMA 业务流(以下简称“业务流”)是一个基于ROMA Connect平台的应用集成与数据开放服务,适用于跨实例、跨应用的企业系统

Vue2.x 源码学习(三) - 组件化(二)-爱代码爱编程

合并配置 通过之前章节的源码分析我们知道,new Vue 的过程通常有 2 中场景,一种是外部我们的代码主动调用 new Vue(options) 的方式实例化一个 Vue 对象; 另一种是我们上一节分析的组件过程中内部通过 new Vue(options) 实例化子组件。 无论哪种场景,都会执行实例的 _init(options) 方法,它首先会执行

.NET 高效率的扩展组件-爱代码爱编程

Lu Ban Of .Net - .NET 鲁班工匠辅助库 简介 .Net 高可用、高效率的扩展组件,希望对 .NET 开发者及爱好者带来便捷,告别996,远离ICU!!! GITHUB https://github.com/CacoCode/LBON Nuget 名称NugetLBON.Consts[外链图片转存失败,源站可能有防盗链机制,建

vue中页面中的引用组件-爱代码爱编程

1.了解目录结构 pages文件夹存放我们这个项目所有的页面 home文件夹存放home页面的组件 home.vue是home页 components文件夹存放组成home页的小组件 例子:把swiper.vue放入home.vue 1.每一个组件都有一个“出口名字”(在外面引用这个组件就会用他这个名字) export default { na

(二)xxx项目整体设计与项目架构及其技术选型(附源码)-爱代码爱编程

通过过去对项目开发,决定对项目对开发进行一个回顾,从开始对项目需求、项目设计、项目开发、项目测试、项目上线、功能迭代、环境部署等多个环节进行一次巩固,模拟一下,自己负责一个项目,从0到1对一个真实过程,其中的要求以准商业项目标准开发来实行,为以后的晋级做一下准备。总共预计通过20到40篇文章进行总结和归纳,其中涉及到很多开源项目的使用,以及自己对独立功能模

学习微信自定义组件-爱代码爱编程

微信自定义组件 开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用。 类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成 1、配置自定义组件 在json文件中写入代码:“component”: true 表示自定义组件声明,代码如下所示。 { "component": true }

Android组件化方案(二)-基于kotlinpoet实现的注解处理器(重磅干货)-爱代码爱编程

前情回顾 上一篇文章我们主要讲的gradle的统一管理,组件之间的通信方案,以及如何使用全局map进行页面跳转。每个页面都需要在application中进行注册,这样肯定是不行的,根据面向对象的思想, 我们先对其进行一层封装,做到在编译器自动进行注册。 封装全局Map 首先我们将通信方案作为一个组件,创建一个irouter_api的module,由b

微信小程序的Weui组件库两种引入和对应的使用方法在云开发情况下引入-爱代码爱编程

引入方法一:可以通过npm方式下载构建,npm包名为weui-miniprogram 一、构建package.json文件 npm init -y 二、安装包 npm install weui-miniprogram 三、构建npm模块: 开发者工具的菜单中—>工具—>构建npm模块 这时项目目录会生成一个miniprog

超详细vue组件开发(三)--slot插槽-爱代码爱编程

文章目录 前言一、slot的基本使用二、具名插槽三.作用域插槽总结 前言 上一篇介绍了组件之间的相互访问,不同于组件通信的是:通过props和this.$emit()只能传递数据;而访问除了数据还可以访问组件内部的方法。 接下来介绍组件插槽slot的运用。slot包括基本slot的使用、具名插槽以及作用域插槽。 一、slot的基本使用 首

ARouter路由框架简单的带参跳转以及带参返回代码-爱代码爱编程

最近在研究阿里路由框架ARouter框架,以便实现项目的组件化操作。查阅了很多资料,以及看了很多大神前辈对此框架的讲解,还是一头雾水,直到看到了一篇简短粗暴的博客,也就是我之前转载的博客,路径在这里。  让我能最简单干净的去一步步的学习此框架。 今天我写此博客,是在之前这位前辈的基础上,进行了升级,包含了ARouter带参跳转,跳转动画,以及返回带参。和

Vue源码学习 - 组件化一 createComponent-爱代码爱编程

Vue源码学习 - 组件化一 createComponent 组件化createComponent构造子类构造函数安装组件钩子函数实例化 VNode总结 学习内容和文章内容来自 黄轶老师黄轶老师的慕课网视频教程地址:《Vue.js2.0 源码揭秘》、黄轶老师拉钩教育教程地址:《Vue.js 3.0 核心源码解析》这里分析的源码是Runti

Android组件化搭建与使用-爱代码爱编程

参考3gAndroid Android组件化搭建与使用 配置基础层:功能组件1.写config gradle:2.建立一个library模块作为基础层(功能组件):点击file->new->new module,选择library module模块。我在这里命名为Baselibs。3.所有模块module都要中都要添加基础层模块的依赖配置

组件化架构之解决Common组件中心化问题(api化方案)-爱代码爱编程

1. Common组件中心化问题 一般的组件化架构的结构是这样的: 随着业务的不断增加,我们都会遇到一个问题,就是common组件越来越大,里面的代码越来越乱,该组件就会变得比较臃肿,难以维护。 分析问题 问题的出现都是有原因的,我们来分析一下common组件里都放了什么内容: 整个项目的一些base的代码 比如BaseActivity,Bas

关于React组件通过PropTypes验证接收值的类型使用方法-爱代码爱编程

1、在需要验证的组件引入依赖包 import PropTypes from 'prop-types' 2、使用位置: class testUnit extends PureComponent { constructor(props) { super(props); this.state = { } } render(){ co