- 博客(16)
- 收藏
- 关注
RSS订阅原创 小程序仿朋友圈拖动删除照片功能
思路：1、先设置一个移动容器，让它绝对定位隐藏，用来存放你当前点击的图片，然后直接在wxml中直接设置style来控制x，y轴方向。2、点击图片的时候隐藏当前图片容器，让移动容器出现在你当前点击位置，然后让移动容器按你手指滑动轨迹移动，直到移动到删除框内。3、如果不通过设置移动容器，直接拖动你当前点击图片也可以，不过这个方法自己试了之后比较容易采坑。4、真机调试会卡，发布后就好了。wxml：<view class="intro"> <view class="add-ima
2020-09-11 18:27:22
594
原创 iview页面刷新菜单保持高亮
一、在路由当中设置name和openName属性，然后再菜单中绑定相应属性后可根据当前路由来实现当前菜单高亮{ path:'/home/patient_list', name:'patient_list', meta:{ openName:['数据管理'], }, component:PatientList},{ path:'/home/data_input'...
2019-12-26 11:32:28
1208
2
原创 vuex使用小结
一、actions，mutations的使用。这里我是把公共获取医院的方法和对应的值放在了vuex中方便后期调用。1.在actions中进行异步的数据请求（axios接口我是自己重新封装过的）。2.mutations中进行赋值（这里其实如果直接在mutation中进行请求也是可以的，但是一般不建议在mutation中只做一些逻辑处理） import Vuex from 'vuex'imp...
2019-06-14 14:11:53
223
原创 css提示动画
需求：点击确认支付需要出现一个已确认的动画提示。html代码<div class="wrap"> <span class="hint">已确认</span> <div class="itemBox butWrap"> <span>确认支付</span&
2019-02-19 10:56:45
458
原创 js动态生成复杂类型表格
描述：根据后台返回数据，使用js动态生成复杂类型的表格。如下图：上述表格主要实现两点即可，一个是完成后台返回数据的嵌套关系，一个是单元格合并的问题。html代码：在生成复杂类型表格的时候最好thead和tbody都单独使用一个table标签。 &amp;lt;table&amp;gt; &amp;lt;thead&amp;gt; &amp;lt;tr&amp;gt;
2019-02-12 17:34:33
4587
1
原创 js上传二进制图片
需求：因为公司图片上传接口和手机客户端上传接口用的是同一个，所以前端要和手机端一样使用二进制的方式进行图片上传。在进行二进制图片上传的时候遇到了几个坑：第一个是如果后台定义的请求类型是contentType:application/octet-stream的二进制类型就不能用jquery封装的ajax进行请求，否则会报错，建议用原生ajax请求。第二个是你需要用法哦两个H5的方法readAsA...
2019-02-01 10:25:44
4644
原创 jquery实现前端排序
思路：获取每个input的value，利用循环把value利用attr（‘data-val’）添加到每个tr，然后利用sort函数比较每个attr形成一个新数组，最后通过渲染新数组来完成每个tr的重新排序。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &
2019-01-22 17:51:39
1523
原创 前端实现模糊搜索
之前在网上搜一些关于前端模糊搜索的时候搜到的大部分都是些赋值粘贴过来的内容，毫无实际指导作用。所以我就自己用原生js写了一个前端模糊搜索的demo，方法有很多，我只是用我自己的方法逻辑写了一点。这里的话其实用到了一个小技巧就是用indexOf方法匹配一个空值的时候返回的是0而不是-1。上代码：&lt;html lang="en"&gt;&lt;head&gt; &lt;meta
2019-01-21 15:34:33
11611
3
原创 前端实现分页
var data = [{&amp;amp;quot;chargeMoney&amp;amp;quot;:&amp;amp;quot;0.00&amp;amp;quot;,&amp;amp;quot;commodityName&amp;amp;quot;:&amp;amp;quot;余额宝-2018.12.23-收益发放&amp;amp;quot;,&amp;amp
2019-01-03 13:50:44
2695
原创 vue-router动态路由权限总结
一、根据后台返回的不同菜单权限，实现不同的菜单展示。如：图一是后台返回给我的一个包含主页权限的menuList列表，然后我们要把图一的列表处理成我们想要的格式的列表，如图二为了方便处理我是按照vue-router格式进行处理的。图一（处理前数据）：图二（处理后数据）：二、util.mapMenuList = function (info) { let list = JSON.pa...
2018-11-21 10:25:17
742
4
原创 vscode git个人使用小结
1.首先在码云（或github）创建test测试项目2.打开查看里面的终端进行项目克隆3.然后在vscode左下角能看到我们的本地master仓库4.在远程仓库创建branch4分支5.打开vscode在master分支下使用命令git fetch origin branch4:branch4从远程拉取branch4代码并创建本地分支，这是点击左下角的master会看到多了一个bra...
2018-10-29 12:38:16
3690
1
原创 阿里oss 实现文件上传（前端代码）
1.本人项目使用jquery写的，而阿里云oss代码是原生js所以有些地方会两者共用。2.这里只展示前端的代码部分。3.本次项目使用的是阿里云oss的服务端签名直传并设置回调。4.下载客户端源码5.因为本人项目用的jquery所以就直接在项目中引用了源码，如果是vue或者其他框架的话也可以npm进行安装plupload，我这里是直接script标签引入文件包6.接下来就是在源码内...
2018-10-12 20:09:46
11912
7
原创 vue中webpack-simple解决跨域问题
1.打开webpack.config.js文件2.找到devServer模块，在下面添加红框内的代码
2018-09-27 10:01:14
1016
原创 vue利用fileReader进行图片上传
之前在使用vue和iview写项目的时候本想利用iview自带的action进行图片上传功能，可是试了很多次都不行。因为iview是利用fromdata实现图片上传，所以后来就自己利用filereader来进行尝试，结果成功了。具体代码如下：...
2018-09-25 12:19:26
5209
原创 关于vue利用postcss-pxtorem进行移动端适配的问题
刚开始我按照网上的一些方式利用postcss-pxtorem方式去适配的时候怎么样都不成功，后来经过自己不断尝试之后终于成功了。稍微坐下总结：1.个人建议在进行postcss-pxtorem适配的时候利用webpack进行项目配置，而不要用webpack-simple，因为webpack里面很多插件加载器之类的都是给你预配好的，这样在项目构建中就不会遗漏什么。2.cnpm install po...
2018-09-25 11:10:25
32114
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人