一、四种坐标系 1：世界坐标系：根据情况而定，可以表示任何物体，此时是由于相机而引入的。单位m。 2：相机坐标系：以摄像机光心为原点，z轴与光轴重合也就是z轴指向相机的前方（也就是与成像平面垂直），x轴与y轴的正方向与物体坐标系平行，其中上图中的f为摄像机的焦距。单位m。 3：图像物理坐标系（也叫平面坐标系）：用物理单位表示像素的位置，坐标原点为摄像机光轴与图像物理坐标系的交点位置。坐标系为图上o-xy。单位是mm。 4：像素坐标系：以像素为单位，坐标原点在左上角。CCD传感器以mm单位到像素中间有转换，例如CCD传感上上面的8mm x 6mm，转换到像素大小是...

详见博客园Living_In_Freedom 的 前端技术开发模式的演变 。 分为四个历史时期：JSP--->后端MVC--->SPA+AJAX--->前端MV。 AngularJS为MV*模式，有人认为是MVC，有人认为是MVVM。 Vue为MVVM模式。 React不是MVC框架。React的主要原理是Virtual DOM

1.定义 offsetWidth（包含padding、border）：元素包含了content可见区域、padding和边框border的宽度。 clientWidth（包含padding）：元素可见区域宽度，包含content和padding可见区域在内的宽度，不包含边框border。 scrollWidth：如果有横向滚动条，包含内容区域全部宽度，包括因滚动条存在而隐藏的部分。 网页被滚动条卷去的顶部区域：document.body.scrollTop  网页被滚动条卷去的左侧区域：document.body.scr...

1. React简介 React起源于Facebook的内部项目，该公司对当时市场上的所有javascript MVC 框架都不满意，认为MVC只会让前端越来越复杂，因此开发了React，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React只关注视图层，专注于提供view层解决方案。官方对React的定位是：一个快速构建前端视图的javaScript库。 虚拟DOM React引入了虚拟DOM(virtual DOM)的机制：在浏览器端用javascript实现了一套DOM API。 React把真实 DOM 树转...

业务场景说明： vue3中使用vue-quill、quill-image-extend-module结合图片上传实现了quill-editor插入图片功能。 期望通过引用quill-image-drop-module插件，拖拽图片到编辑器，实现图片上传并插入到编辑器中。 1.插件的使用 安装插件依赖包 npm install quill-image-drop-module -S 页面使用 // 图片拖拽上传 import { ImageDrop } from 'quill-image-drop-module'; // 拖动加载图片组件。 ...

转载，内容来源： 作者：知乎用户 链接：https://www.zhihu.com/question/45517397/answer/99293671 来源：知乎 1.传统MVC架构 Android最原生、最基础的架构，可以理解为MVC，Controller即是Activity和Fragment，这两者掌握了Android系统中绝大多数的资源，并且在内部直接控制View。 传统的Android App一般是以Activity和Fragment为核心，将网络模块，数据库管理块，文件管理模块，常用工具类等分离成若干工具类包，供Activity和F...

在Gradle 5.0的插件中Resource 的Id值将不会再是final类型，因此应该避免在注解属性中使用Id。 这意味着Gradle插件升级到5.0版本之后ButterKnife将无法再被使用。 在ButterKnife的官方文档上也看到了ButterKnife被标注弃用。 ButterKnife 在Android项目的library模块中，生成R类中的成员变量就已经改为了非final修饰。直接致使ButterKnife无法在Android项目的library模块中使用。 DataBinding DataBinding是Google官方在2...

flex 的 三个参数 flex:1 0 auto   flex属性 是 flex-grow、flex-shrink、flex-basis三个属性的缩写。   flex-grow flex-grow：定义项目的的放大比例；   默认为0，即使存在剩余空间，也不会放大； 所有项目的flex-grow为1：等分剩余空间（自动放大占位）； flex-grow为n的项目，占据的空间是flex-grow为1的n倍。   flex-shrink flex-shrink：定...