- 博客(34)
- 收藏
- 关注
RSS订阅原创 antd React table 根据返回数据合并单元格
1.首先获取需要判断是否合并的字段，取出来去重之后存到数组中：方法1.for each 2.reduce 3.for of 获取需要合并得数据字段去重2.for each 2.reduce 3.for of 循环后台返回数据，根据所对应得合并字段的索引值进行判断，索引值为0时 设置rowSpan以reduce为例：第一个参数为累加函数，第二个参数为初始值data.reduce((arr, item) => { console.log(arr,'ar...
2021-12-03 14:58:17
482
原创 react TreeSelect loadData 异步加载搜索 只加载一次问题
先说下思路，tree插件是有一个loadedKeys属性的，是可以直接进行操作的，TreeSelect插件不支持这个属性，我们需要手写一个，全局设置一个变量，在loadData异步加载的时候，把当前加载的code存起来在节点展开的时候对搜索值进行判断，判断是搜索状态还是加载状态，是否已经加载过这个节点，为了直观展示我就简写了哈还有说的一点就是isLeaf需要设置false，否则前面的小图标不显示还有就是在onchange和onselect里面需要对treeExpandedKey进...
2021-11-17 03:07:04
2868
2
原创 react学习之路01
从现在开始记录学习过程，监督和督促自己不断学习，构建react项目；npxcreate-react-app 项目名搭建后台管理系统 antd常用的路由有三种方式React Router1.browserHistoryimport { browserHistory } from 'react-router'render( <Router history={browserHistory} routes={routes} />, document.get...
2020-05-12 17:22:27
138
1
原创 webstorm 配置node断点
第一步 run debug第二布 edit config第三步 加号第四步 node 入口js app.js （这里应该是启动文件）第五步 NODE_ENV=development
2019-12-18 16:18:39
691
原创 css动画和js动画
js动画 能够控制动画的开始 结束 暂停 返回 取消等的操作过程，动画效果比较丰富，一下比较复杂的效果都是通过js实现的 有一些稍微复杂css3实现的效果代码比较多 css有兼容性问题 js没有兼容性js在浏览器的主线程运行 当中项目一些样式计算，布局，绘制任务等操作存在当前主线程中，线程容易出现阻塞，造成失帧的情况...
2018-10-30 17:29:20
229
原创 小程序视频qte
需求是 需要在当前视频上根据后台反的数据来决定在某一个时间弹出一个视频选项或者是图片 如果是选项的话 需要进行选择 然后在当前视频结束后执行当前操作 如果是图片 则图片上会有相对应的时间绑定 根据后台反的数据判断当前事件是猛击 点击 绑定 bindtap反之 touchstart touchmove touchend在微信小程序上 真机测试中 touchstart touchmov...
2018-08-11 17:25:29
149
原创 小程序底部导航
需要实现小程序新手引导页面的功能，需要覆盖底部导航 Navigation: function (event, that) { var link = ''; if (event.currentTarget.dataset.id == 0) { link = '../index/index'; } else if (event.currentTarget.datase...
2018-06-22 19:40:26
133
原创 http 服务器
本地搭建服务器全局安装 npm install http-server // -g quanju当前项目 cmd http-sever // -p8041修改端口号
2018-05-18 16:45:38
103
原创 小程序 选项卡操作同时支持左滑右滑实现选项卡切换功能
在这里用了一下swiper原理：但是出现了一个问题，父级高度为0，子元素全部不显示，查看原因，是因为swiper默认为position：absolute，定位导致的，所以需要在style上计算出他当前的高度并且渲染在页面上，另一个问题是，当前的高度默认为px，而小程序支持的是rpx，所以我们需要转化一下相同的定位。...
2018-05-17 11:48:16
1230
原创 小程序banner控制面板指示点
设计图上的banner控制面板较为靠上，查了一下，swiper并没有控制面板指示点的位置的方法，于是就在swiper隐藏原有的指示点，然后用div模拟一下<view class="headernav"> <swiper indicator-dots='{{ indicatordots01 }}' indicator-color='{{initcolor}}' indicat...
2018-05-17 11:41:29
2218
原创 小程序内打开app
最近在做小程序时需求是需要在小程序内打开app，为app导流，查了一下小程序官方文档，发现小程序只支持打开原有app进入小程序在进入app，不支持其他条件下打开app，于是就换了一种思路，把需要打开的app安装包apk格式的文件上传到服务器上，需要与小程序绑定域名，能允许访问的情况下，然后用webview实现请求服务器链接，下载app，但是webview有兼容，需要处理，还在官网上发现了一种方法，...
2018-05-16 18:03:08
3622
4
原创 vue 项目当中后台请求接口统一
开发一个项目时，会在本地，测试服务器，正式服务器上运行，为了方便，就封装了了一个公共的请求头，现在项目目录下新建了一个js文件，内容如下：const mainjs = ".........." /*定义一个公共请求路径*/export default {mainjs } /*导出*/之后再 main.js引入import mainjs from './js/domain'Vue.prot...
2018-05-05 15:35:30
4670
原创 一个域名一个项目
域名存储：最近做了一个项目，用的localstorage本地存值，因为用户有要求，需要手机登录，所以没有采用cookie存值方式，不过后来出现了一个问题，就是一台服务器上面有多个相同域名的项目，所以localstorage存值时，同时启动项目，之间会相互影响，所以把每一个项目换成不同的域名之后，就不会相互影响了...
2018-05-05 15:26:59
381
原创 textarea标签空格
textarea标签需要在一行显示， <textarea name="" rows="" cols="" class="form-control"></textarea>
2018-04-21 16:11:11
176
原创 for循环遍历数组的长度
刚开始做项目的时候太大意，写个for循环，一直在报错，检查了很多次，都没有发现是什么原因，代码如下：for(var j =0;j<callback.data.friendslist[i].gamelist.length;j++){ gamelist +="<p><img src='"+callback.data.friendslist[i].gamelist[j]....
2018-04-17 20:19:31
6106
原创 懒加载和预加载
懒加载：延迟加载，不直接在src路径，减少服务器压力，用一张图片占位预加载：提前加载，对服务器有压力，用户体验好懒加载：安装：npm install vue-lazyload --save-dev；引入： import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad,{ error:'../static/img/m3.jpg', l...
2018-03-31 17:53:02
106
原创 vue-preview功能的实现
在移动端项目里面，社区和商城是非常重要的两个模块，社区模块就需要有类似朋友圈的效果展示；最开始了解到了photoswipe 做了一个小图放大图的效果，但是效果并不理想，无法实现多张图片左右滑动的功能，一定是自己忽略了什么问题！！！于是寻求更好的解决方案，后了解到vue-prewview 实现功能；1：webpack.base.conf.js { test: /vue-preview....
2018-03-30 14:17:48
8586
原创 localStorage解决cookie关于前端存值微信ios拦截问题
后台管理系统需要兼容手机端 iframe jquery bootstrarp登录平台之后 登陆成功后台返回用户信息存在cookie里面，存值：cookieuid cookieuopeniddocument.cookie="id="+ cookieuid;document.cookie = "openid="+cookieuopenid; 判断 ...
2018-03-29 16:33:32
3437
原创 rem em vw vh
rem适配方案 ：淘宝布局 ==根元素 html的字体大小em 父级元素vw 屏幕的宽度的百分之一vh 屏幕的高度的百分之一
2018-03-29 16:11:33
147
原创 vue better-scroll总结
html 结构如下<div id="wrap" class="wrapper" ref='wrapper'> <div class="content"> <div class="loading-wrapper topline"> <span>{{toptishi}}</span&
2018-03-29 16:05:53
160
原创 物理返回键监听
监听物理返回键时要注意不能在首页（第一次进入时，监听无效）直接操作，正确方式：有第二次操作时，例如：从首页跳转到个人中心页面在跳到首页，监听有效附代码：pushHistory();var flag = false;setTimeout(function() { flag = true;}, 1000)window.addEventListener('popstate', functi...
2018-03-29 15:48:18
375
原创 npm与cnpm
npm 国外cnpm 淘宝镜像 国内npm install -g cnpm --registry==https://registry:npm.taobao.org
2018-03-29 15:43:50
203
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人