- 博客(20)
- 收藏
- 关注
RSS订阅原创 e-date-picker限制到时分秒
限制时分秒代码 startTime (index) { const self = this if (self.tableData[index].expirationTime) { const startTime = self.tableData[index].effectiveTime const endTime = self.tableData[index].expirationTime const HH = ne
2022-03-18 13:58:49
759
原创 el-date-picker组件限制到年月日
技术背景 公司之前日期选择只做到年月日，所以也只限制到了年月日；现在精确到时分秒的也要加限制。 技术查询结果 使用disabledDate设置禁用状态，参数为当前日期，要求返回 Boolean； 使用selectableRange设置可选区间，参数可为字符串或者数组，详情可查看官方文档：element-ui官方文档 限制年月日代码 // 时间选择器开始时间只可以选择今天之前的时间 beginDate () { const self = this return {
2022-03-18 13:58:19
1429
原创 关于element-ui中el-table组件纵向滚动条上面出现空白，无法遮盖下方内容问题详解
1.问题上图 如图所示，纵向滚动条上面有部分空白 2.解决方案： .el-table th.gutter { display: table-cell !important; height: 32px; background: rgba(240, 240, 240, 1); border-bottom: 1px solid #bbb !important; position: absolute; right: 0; top: 0; } 1.gutter就是那个块元素的class名
2022-02-16 11:29:05
2984
原创 element-ui 开发过程中碰到的坑
记录背景： 最近公司一个项目需要用到开源ui，有些使用场景跟之前不太一样，发现了一些小坑，后续发现会一一记录 1：transition 过渡效果 过渡效果相信前端开发都是无法避免的，在使用el-collapse-transition展开折叠效果的时候发现这个效果只过渡内部盒子的实际高度，如果盒子排版的时候带的有margin/padding之类的样式，会导致下面的内容在过渡完盒子本身高度后产生页面跳动的问题。即使给盒子设置固定高度再加padding也不行 解决方案:用div::before、div::afte
2021-03-24 10:16:13
1067
原创 求两个数组的补集
求两个数组的补集 代码： let ajaxData = [ { id:1, name:'奶酪' }, { id:2, name:'奶酪2' }, { id:3, name:'奶酪3' }, { id:4, name:'奶酪4' }, { id:5, name:'奶酪5' } ] let chooseData = [ { id:2, name:'奶酪2' }, {
2021-01-21 17:47:51
727
3
原创 微信小程序授权登录和获取手机号
简单梳理： 1.仅获取微信头像和昵称（仅限于展示） 利用微信小程序官方提供的开放能力中的open-data标签 <open-data type="groupName" open-gid="xxxxxx"></open-data> <open-data type="userAvatarUrl"></open-data> <open-data type="userGender" lang="zh_CN"></open-data> 注释：
2020-10-15 17:56:53
2447
原创 数组里面的json对象去重
var hash = {}; wordNewList = wordNewList.reduce(function(item, next) { hash[next.word] ? '' : hash[next.word] = true && item.push(next); return item }, [])
2020-10-14 19:54:12
389
原创 微信的扫一扫功能的前端实现
开发背景： 在公众号项目中实现扫码识别信息功能 开发前提： 由于需要调用微信的扫一扫功能，所以要先配置一下微信需要的信息 1.官方接口文档：微信JS-SDK说明文档 2.配置js安全域名：登录公众号 -》公众号设置 -》功能设置 -》JS接口安全域名 开发步骤： 1.引入js文件 CDN引入：http://res.wx.qq.com/open/js/jweixin-1.4.0.js（支持https） npm安装命令行：npm install --save-dev weixin-js-sdk main.js引
2020-06-11 14:05:17
3347
原创 支付宝小程序需要注意的细节（持续更新...）
1.header 这个有多坑就不说了吧（奉劝大家看到API一定要看完！！！）ajax请求header携带的参数，在支付宝小程序my.request方法里面header一定要换成headers.
2020-05-22 14:21:23
788
2
原创 支付宝小程序my.multiLevelSelect三级联动 ios真机调试bug解决
背景 公司近来要把微信小程序移植一份支付宝小程序，在做省市县三级联动的时候发现两边实现api完全不一样，官网给出的api是my.multiLevelSelect多列选择器，去网上找了city.js插件之后发现在模拟器上可以实现，但是ios真机调试的时候第三级区县级的选择编码出现了问题。 问题所在 这是city.js的数据结构截图 仔细观察发现最后一层name的数据类型是数组，ios在编译的时候编...
2020-04-27 14:17:44
1162
8
原创 vue2-Axios解决跨域访问
这里以访问 Ve2x 的一个公告API为例，直接访问如下： this.$axios.get("https://www.v2ex.com/api/site/info.json") .then(res=>{ console.log(res) }) .catch(err=>{ console.log(err) }) 直接访问浏览器会报跨域问题 Step1：配置BaseUr...
2020-04-24 10:34:17
1933
原创 向java传输Content-Type：multipart/form-data
前端向java传输Content-Type：multipart/form-data 问题描述 向后台发送数据，后台接收为空 原代码 url: 'https://sp.shenlann.com/user/alipay/login, method: 'POST', header: { 'content-type': 'application/x-www-form-u...
2020-04-14 15:14:35
1330
原创 vue.js 后台富文本问题
vue.js 后台富文本问题解决 问题描述 后台返回富文本赋值之后，数据的赋值以及样式的添加 赋值 <div v-html="news.content"></div> 样式 <style> //不带scoped .detail.abcdef p{ margin:40px 0 50px; } </style> ...
2020-03-03 11:37:03
795
原创 单层数组变多层数组
js:单层数组转换成双重数组 问题描述 设计稿是一屏显示两块元素，并且要整屏滚动效果，而后台返回的数组是单层的 源代码 context.fillText(this.data.goods.package_brief, 17 * getRatio(), 350 * getRatio())； 新方法调用 this.drawText(context, this.data.goods.package_br...
2020-03-03 11:28:03
806
原创 微信小程序 自定义组件
Step 1 在项目根目录下新增一个文件夹（components）用于存放需要用到的组件 Step 2 在components目录下新建一个名为组件名称的文件夹，然后在里面新建wxml,wxss,js,json ...
2020-01-19 10:56:36
187
原创 数组方法处理
splice() splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 该方法会改变原始数组。 删除单个元素： let newArr = [1,2,3,4,5] console.log(newArr.splice(0,1)) [1] console.log(newArr) (4) [2, 3, 4, 5] ...
2020-01-11 10:43:53
158
原创 canvas绘制海报中文字自动换行
canvas：canvas绘制海报中文字自动换行问题描述源代码新方法调用解决方法参数详解：欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文...
2020-01-04 19:16:34
711
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人