盒子的缩放和拖拽

思路：最近遇到项目图片很多导致加载数据很慢，所以想到了缓存图片到本地，然后直接加载本地的图片。具体思路大概就是首先加载本地图片，如果本地图片不存在image组件会调用error事件，error事件中处理两件事。把路径修改为服务器地址的路径将图片保存到本地讲解之前需要了解一下后台返回的图片地址，如图所示。这里我都是直接修改的返回后的Attachment属性。最主要的就是多张图片的路径使用了逗号隔开。

项目中上传图片的宽高不统一，导致图片显示的时候出现变形的问题。故而用到了图片裁剪这个组件。代码仓库https://github.com/xyxiao001/vue-cropper实现效果下载的话用npm和yarn都可以,你喜欢就好。npm i vue-cropperyarn add vue-cropper如图，项目可以上传缩略图。点击上传图片，添加一张本地图片。裁剪框固定长宽且可移动，图片可移动且

最近做uniapp项目时，用到了IndexedList索引列表这个组件，但是需要添加一个搜索功能，于是呢我就尝试着在组件上面自己改一下。下面我就简单介绍一下：所需组件其实也就是两个，首先是indexedLIst索引组件，其次就是搜索框组件了，如果你不显麻烦，搜索框组件你可以自己写。这里我用的searchBar搜索栏组件。步骤1. 下载两个组件。最主要是在uni-indexed-list.vue页面

用Vue开发Web网页，请求都是都会用到axios这个库，axios支持promise。所以就打算在uniapp中封装一个返回Promise对象的get和post请求。HttpUrl 就是固定前缀和axios.defaults.baseURL一样的第三个参数正常来说应该传个header对象，但是项目需求没这么大，所以就直接传了个属性下面两个函数其实就method不一样，还可以封装一个函数传递请求的

用uni-app做项目时，上传图片的功能需求应该是在正常不过的了。最近有几个项目都有遇到，所以想总结一下。所用到的api都很简单。功能需求功能需求如列表所示，视图展现如图所示，代码如下。点击相框按钮可选择图片上传，点击每一个图片可以进行预览，点击每个图片删除图标可删除对应图片。本地相册选择图片或使用相机拍照上可以预览选择上传的图片删除选错或不选的图片<!--出错了就自己写，不知道复制粘贴对没

项目中固定宽度的容器文本超出显示省略号，超出部分显示tooltip场景很常见，所以自己就着手写了一个过滤器用于判断文本是否超出。文本超出显示省略号单行文本.t-ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}多行文本.t-column-ellipsis {display: -webkit-box;-we

此处代码只针对APP，如果要针对全端们可以参考这个。https://ext.dcloud.net.cn/plugin?id=5459同样项目需求是这样要求可以在APP上传任意文件，没法啊，硬着头皮搞啊，插件市场找啊，哎~~没一个满足需求的。根据上个链接的启发.自己写一个，当然咱们项目是APP，所以只满足了APP端。重点讲一下几个重点把。webview: 可以了解uniapp的webview和H5+