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

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

业务场景说明： 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'; // 拖动加载图片组件。 ...

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：定...

nth-of-type是css3的一个结构性伪类选择器，匹配同类型中的第n个同级兄弟元素。 nth-of-type(n)用于匹配父元素下使用同种标签的第n项子元素。标签名+nth-of-type是一种常规的使用模式。 nth-child(n)用于匹配父元素下的第n项子元素。   示例：       <style>         p:nth-of-type(3) {           &n...

参考：博客园 香吧香的博文《ES6 中 Promise对象使用学习》 1.不使用promise对象的ajax请求 ajax异步方式请求数据时，我们不能知道数据具体回来的时间，所以只能将一个callback函数传递给ajax封装的方法，当ajax异步请求完成时，执行callback函数。 定义： export const GetDataList = (params,successHandler,errorHandler) => { axios .get(url, {params}) .then(res => { ...

https://blog.csdn.net/qq_25460159/article/details/112947177 基于域名配置。每个域名配置一个server。避免同一个server里按子路径划分项目，在处理js、css等资源的404报错时，给js、css赋值root时产生冲突。   wavesurfer.js库演示：http://wavesurfer.klfront.com/ fabric.js库演示：http://fabric.klfront.com/

<el-input v-model="user.username" class="input-noborder"> </el-input> 为元素引入新样式 input-noborder .input-noborder{     border: 0px ;  } 以上样式不生效。   以下是解决方案： （1）通过>>> 穿透scoped .input-noborder>>>.el-input__inner{ ...