前端小小少年-优快云博客

三级联动开发(非城市,类似美团) 工作要求,需要写一个三级联动,最终写的代码,效果如下 1.默认情况展示附近(无子列表),全部分类(有子列表),离我最近(无子列表),筛选(无子列表), 2.点击每个tabItem展示下拉框,如下图 3.点击元素反显在tab上,如果没有子列表弹窗收回如果有子列表,点击每一项出现它对应的子列表基本的情况就是这样,下面上代码,这个tabbar是根据mandmoblie的下拉组件改造的(dropMenu) 数据结构 defaultList: [ {

2021-12-12 19:57:34 440 1

原创封装图片转base64再转十六进制的方法

在工作中,有一个前端上传图片到后台,后台需要前端传十六进制,直接转十六进制,后台无法,解析. dealImg(base64){ return new Promise((resolve,reject) => { const peopleImage = new Image() peopleImage.src='data:image/jpg;base64,' + base64 peopleImage.onload= function(){

2021-08-17 17:21:11 544 1

原创图片上传对类型的判断及对上传图片尺寸的判断

最近工作中用jsp和模板引擎写了一个管理平台,当中图片上传这个部分收获不小 1.上传图片判断图片的类型,一般写的是 //文件的路径_this是上传事件的时候传过来的this var path = $(_this).val() var arr = path.split("\\") //文件名 var fileName = arr[arr.length - 1] //文件的格式 var name1 = path.substr(path,lastIndexOF('.')+1,path.length) //判断文

2021-07-06 16:57:09 813 1

原创 h5悬浮弹窗+评分组件的封装

1.需求: (1)有一个图标(由图片和"X"组成)位于屏幕右边,屏幕滑动,隐藏自身的一半,并且透明度减半,不在操作3秒后恢复原状 (2)点击x以后,如果页面是首次进入,显示悬浮窗,如果是页面刷新不显示悬浮窗 (3)点击悬浮图片,显示一个dialog的对话框,当中包含标题,图片,评分,文本框,按钮.评分默认是0星,提交按钮是不可点击的灰色状态,选择星星以后颜色变为紫色并且可以点击 2.代码 (1)rate评分组件(改写自iview的底层代码) <template> <div cl

2021-06-08 10:31:50 1085

原创 2021-05-25

基于iview(modal)的二次封装 1.目标:用iview的modal组件封装公用的弹窗样式 2.父组件 <template> <div> <Button type="primary" icon="ios-search" @click=doDel>弹窗</Button> <common-modal ref="commentDelRef" @on-ok="handleDel" @on-cancel="hand

2021-05-25 09:43:06 261 1

原创 git的使用

git使用总结工作中的git总结 1.查看电脑是否装有git git --version 2.查看git git config user.name git config user.email 3.配置git git config --global user.name “xiaochuan” git config --global user.email “xia@126.com” 4.查看历史记录 git log --oneline -2(代表可以查看近2次） git reflog --oneline

2021-04-25 10:44:28 964

m0_52107471的博客

原创 TS的学习

原创三级联动开发(非城市,类似美团)