架构狮的修炼之道

使用flex布局宽度自动压缩的解决方案效果图：

​ 组件是独立且封闭的单元，默认情况下，只能使用组件自己的数据。在组件化过程中，我们将一个完整的功能拆分成多个组件，以更好地完成整个应用的功能。而在这个过程中，多个组件之间不可避免的要共享某些数据。为了实现这些功能，就需要打破组件的独立封闭性，让其与外界沟通。这个过程就是组件通讯。组件是封闭的，要接收外部数据应该通过 props 来实现。props 的作用：接收传递给组件的数据。传递数据：给组件标签添加属性。接收数据：函数组件通过参数 props 接收数据，类组件通过 this.props 接收数据

函数组件：使用 JS 的函数（或建瓯函数）创建的组件渲染函数组件：用函数名作为组件标签名。用箭头函数创建组件：总结：类组件：使用 ES6 的 class 创建的组件。抽离为独立 JS 文件思考：项目中的组件多了以后，该如何组织这些组件呢？组件作为一个独立的个体，一般都会放到一个单独的 JS 文件中。抽离组件的步骤：React 事件处理事件绑定React 事件绑定语法与 DOM 事件语法相似。语法：比如：注意：**React 事件采用，比如：onMouseEn

❤支持一下博主呗啾咪❤总结前端框架 Vue 面试题合集，第一集完成。

【有奖征文】写技能树评测，送CSDN大礼包、周边礼品及现金奖励！技能树新增了学习门户、增加了学习计划、勋章展示、技能树分享，还上线了 WAP 端门户页，特发起「用户评测」征文活动，希望您在使用产品的同时，给我们带来真实的反馈与建议，助力更好的迭代产品。奖品多多~满足征文要求，提交至少 1 条可行性建议即可获得 1 件礼品，快来参与吧~备注：此部分可由您自由编辑，重点突出活动优势，吸引更多人通过您的专属链接点击（投稿时需删除>红字部分）针对某一个技能树/职业路线撰写测评文章。一、内容.

React 介绍及环境搭建❤支持一下博主呗啾咪❤react 概述什么是 react ？React 的特点React 的基本使用React 的安装React 的使用方法说明React.createElement() 说明（知道）、ReactDOM.render() 说明React 脚手架的使用React 脚手架意义使用 React 脚手架初始化项目npx 命令介绍补充说明在脚手架中使用 React总结❤支持一下博主呗啾咪❤react 概述什么是 react ？React 是一个用于构建用户界面的J

区分Java中方法的重载与重写❤支持一下博主呗啾咪❤面试题：区分方法的重载与重写方法的重载方法的重写（override/overwrite）❤支持一下博主呗啾咪❤面试题：区分方法的重载与重写二者的定义细节：重载的概念：在同一个类中，允许存在一个以上的同名方法，只要他们的参数个数或者参数类型不同即可。重写的概念：在子类中可以根据需要从父类中继承来的方法进行改造，也称为方法的 重置 、覆盖 。在程序执行时，子类的方法将覆盖父类的方法。从编译和运行的角度看：重载：是只允许存在多个同名方法，

面向对象的特征❤支持一下博主呗啾咪❤面向对象的特征之一：封装性的设计思想面向对象的特征之二：继承性Java 中关于继承性的规定：面向对象特征之三：多态性拓展❤支持一下博主呗啾咪❤面向对象的特征之一：封装性的设计思想程序设计追求“高内聚，低耦合”。高内聚：类的内部数据操作细节自己完成，不允许外部干涉。低耦合：仅对外暴露少量的方法用于使用。隐藏对象内部的复杂性，只对外公开简单的接口。便于外界调用，从而提高系统的可扩展性、可维护性。通俗的说，把该隐藏的隐藏起来，该暴露的暴露出来。封

面向对象和类的成员❤支持一下博主呗啾咪❤面向过程（POP）与面向对象（OOP）面向对象的思想概述Java 语言的基本元素：类和对象Java 类及类的成员类中方法的声明和使用对象数组题目练习return 关键字的使用理解“万事万物皆对象”匿名对象的使用类的成员之二：方法(method)再谈方法一、方法的重载二、可变个数的形参三、方法参数的值传递机制四、递归（recursion）方法类的结构之三：构造器（或构造方法）的使用拓展知识：JavaBean拓展知识：UML 类图总结❤支持一下博主呗啾咪❤面向过程（P

运算符❤支持一下博主呗啾咪❤算数运算符赋值运算符比较运算符逻辑运算符位运算符三元运算符运算符的优先级❤支持一下博主呗啾咪❤算数运算符运算符运算范例结果+正号+33-负号b=4;-b-4+加5+510-减6-42*乘3*412/除5/51%取模（取余）7%52++自增（前）：先运算后取值a=2;b=++aa=3,b=3++自增（后）：先取值后运算a=2;b=a++a=2,b=3

Java数组❤支持一下博主呗啾咪❤数组的概述一维数组的使用二维数组的使用Arrays 工具类的使用数组使用中的常见异常数组中涉及到的常见算法冒泡排序快速排序算法❤支持一下博主呗啾咪❤数组的概述数组（Array）是多个相同类型数据按一定顺序排列的集合，并使用一个名字命名，并通过编号的方式对这些数据进行统一管理。数组的常见概念：数组名下标（或索引）元素数组的长度（元素的个数），一旦确定就不可以修改。数组本身是引用数据类型，而数组中的元素可以是任何数据类型，包括基本数据类型和引用数据类

虚拟DOM和diff 算法❤支持一下博主呗啾咪❤手撸虚拟 DOM 和 diff 算法研究方向snabbdom 简介和测试环境搭建虚拟 DOM 和 h 函数虚拟 DOMh 函数手写 h 函数diff 算法原理diff 处理新旧节点不是同一个节点时diff 处理新旧节点是同一个节点时手写第一次上树时手写新旧节点 text 的不同情况diff 算法的子节点更新策略❤支持一下博主呗啾咪❤手撸虚拟 DOM 和 diff 算法研究方向虚拟 DOM 如何被渲染函数（h 函数）产生？（手写 h 函数）diff

Java程序控制❤支持一下博主呗啾咪❤程序流程控制顺序结构分支语句 1：if-else 结构分支语句2：switch-case 结构循环结构循环结构 1：for 循环循环结构 2：while 循环循环结构3：do-while 循环嵌套循环特殊关键字的使用：continue 和 break结束指定的循环附加：特殊流程控制语句❤支持一下博主呗啾咪❤程序流程控制流程控制语句是用来控制程序中各语句执行顺序的语句，可以把语句组合成能完成一定功能的小逻辑模块。其流程控制方式采用结构化程序设计中规定的三种基本

Java变量学习❤支持一下博主呗啾咪❤一、关键字和保留字二、标识符三、变量3-1 变量的分类——按数据类型3-2 变量分类——按声明位置3-3 整数类型3-4 浮点类型3-5 字符类型3-6 Boolean 类型3-7 字符串类型四、基本数据类型转换4-1 自动类型转换4-2 强制类型转换❤支持一下博主呗啾咪❤一、关键字和保留字关键字（keyword）的定义和特点定义：被 Java 语言赋予了特殊含义，用做专门用途的字符串（单词）。特点：关键字中所有字母都为小写。保留字（reserve

Java基础❤支持一下博主呗啾咪❤Java 语言概述1.1 软件开发介绍1.2 常用的 DOS 命令和快捷键1.3 计算机编程语言介绍1.4 java 语言概述Java 技术体系平台Java 语言的诞生Java 主要特性1-5 Java 程序运行机制及运行过程1.6 Java 环境搭建1.7 开发体验——hello world1-8 注释（Comment）❤支持一下博主呗啾咪❤Java 语言概述Java 基础是学习 JavaEE、大数据、Android 开发的基石！1.1 软件开发介绍软

MongoDB❤支持一下博主呗啾咪❤MongoDB 基础MongoDB 安装启动和关闭数据库连接和退出数据库基本命令在 Node 中如何操作 MongoDB 数据库使用官方的 `mongodb` 包来操作使用第三方 mongoose 来操作 MongoDB 数据库MongDB 数据库的概念数据库密码加密❤支持一下博主呗啾咪❤MongoDB 基础MongoDB 安装MongoDB 官网步骤：进入官网下载 MongoDB（根据电脑系统安装对应的 MongoDB 版本）。开始安装。配置环境变

微信小程序基础语法❤支持一下博主呗啾咪❤六、模板语法6.1 数据绑定6.1.1 普遍写法6.1.2 组件属性6.2 运算6.2.1 三元运算6.2.2 算数运算6.2.3 逻辑判断6.2.4 字符串运算6.3 列表渲染6.3.1 wx:for6.3.2 block6.4 条件渲染6.4.1 wx:if6.4.2 hidden七、小程序事件的绑定7.1 wxml7.2 page7.3 特别注意八、常见组件8.1 view8.2 text8.3 image8.4 swiper8.4.1 swiper8.5 na

微信小程序环境搭建❤支持一下博主呗啾咪❤一、微信小程序介绍1.1 为什么是微信小程序？1.2 还有其他的小程序 不容忽视1.3 优秀的第三方小程序二、环境准备2.1 注册账号2.2 获取 APPID2.3 开发工具三、第一个微信小程序3.1 打开微信开发者工具四、小程序目录结构4.1 小程序文件结构和传统 Web 对比4.2 基本的项目目录五、小程序配置文件5.1 全局配置 app.json5.1.1 tabbar5.2 页面配置 page.json5.3 sitemap 配置 - 了解即可❤支持一下博主