- 博客(106)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 解释 RESTful API，以及如何使用它构建 web 应用程序。
在客户端上，可以使用JavaScript等语言发起Http请求来调用API接口，并将返回的数据进行处理和展示，从而构建出完整的Web应用程序。RESTful API是一种利用HTTP协议进行通信的Web API设计风格，它采用了一组统一且可缓存的操作，包括GET、POST、PUT、DELETE等，通过URL来定位资源，以及使用JSON、XML等格式来传输数据，以实现系统之间的数据交互和资源共享。对于每个请求，服务器将返回对应的HTTP状态码和表示资源的数据，客户端将据此进行相应的处理。
2023-08-23 14:57:25
215
原创 elementUI的日期选择器携带至今的临时方案
在ElementUI的el-date-picker组件中添加至今选项提示：以下是本篇文章正文内容，下面案例可供参考思路：通过判断点击的 至今 按钮给当前行添加一个is_to_date状态字段,这个is_to_date有以下功能:用于控制当前的日期选择器是否是必填,用于控制placeholder显示 至今 这个字符给当天的日期组件添加修改placeholder样式的className
2022-02-18 16:41:40
1999
原创 elDatePicker动态限制选择特定日期范围
需求场景复现(需要安装dayjs插件):使用时间范围组件el-date-picker其type="daterange"时间组件的选择下拉框展开时,时间可以任意选择.用户点击了第一次,出现选择范围,目前是一个月(也就是当前选中的日期,前后一个月之内都是可选的,大于或小于时间范围的都不可选中)如果用户第二次点开,时间范围不可选的限制要取消// 平常使用的版本// html部分<el-date-picker v-model="params.receiving_time" typ
2021-03-31 10:43:53
2551
4
原创 [vue][element-ui][el-table]控制表格的滚动条滑动到最右边
场景复现表格宽度过长产生了横向的滚动条,实行当前页的编辑时会触发表格的数据重新渲染,重新渲染时,会降滚动条拉到最左边,这就就要在列表动态渲染完之后,将滚动条拉回最右边方法refs[‘tableList’]上有一个bodyWrapper里面有scrollLeft 属性,可以设置表格左滑动的距离为整个表格的宽度,而表格的宽度在refs[‘tableList’].bodyWidth,替换字符串和变数字以后就可以了JS部分this.$nextTick(()=>{ this.$refs.table
2021-03-10 09:28:39
3625
4
原创 [van-dropdown-menu] 下拉菜单倒三角对不齐的优化方案
场景复现:使用到的方法(css的网格布局)display:grid实现步骤项目场景：终端: H5框架:"vant": "^2.11.2","vue": "^2.6.11",H5页面上使用van-dropdown-menu组件出现了样式错位的问题在文字溢出时出现样式问题,文字没有达到溢出的条件时没有问题问题描述：van-dropdown-menu组件文字溢出时中遇到的问题：下拉菜单倒三角对不齐 原因分析：倒三角的定位,是根据父级元素做的定位,父级元素的宽
2020-12-31 16:08:12
1395
原创 [Vant][Form+vanDropdownMenu]Vant的表单Form和下拉选择vanDropdownMenu的关联验证
实现的效果图如下:在使用vant的表单组件需要嵌套下拉选择组件vanDropdownMenu时的方式如下一. HTML部分<van-form @submit="onSubmit" class="mlr-15"> <van-field v-model="form.id" label="试卷类型" error required :rules="[{ required: true, message: '请选择试卷类型'
2020-12-12 15:10:31
2462
10
原创 问题记录贴:Unexpected end of JSON input
× Install fail! SyntaxError: Unexpected end of JSON input (file: D:\Code\ICode\Vue\vue_shop_api\[email protected]@mime-types\package.json)SyntaxError: Unexpected end of JSON input (file: D:\Code\ICode\Vue\vue_shop_api\node_modules_mime-types@
2020-12-05 11:21:18
606
原创 如何在el-table中传递index到el-checkbox
表格的多选传递scope.$index的传递方式<el-checkbox v-model="scope.row.show" :true-label="1" :false-label="0" @change="handleCheckItemChange(scope.row.show,scope.$index)"></el-checkbox>js部分// 行级按钮事件handleCheckItemChange (val, i) { console.log(val, i)}
2020-09-07 16:53:01
1209
原创 [日历组件][基于mpvue-calendar]自定可设置出勤信息的日历
目前已经实现,可以自定义修改考勤信息,实现原理, 一句话概括,把年和月传进mpvue-calendar组件中,再延时去值,拿到值之后就可以做其他的操作了 ^ + ^基础的安装(一步带过,这是文档传送门)npm i mpvue-calendar -S页面再引入就可以使用import Calendar from ‘mpvue-calendar’ 引入组件import ‘mpvue-calendar/src/style.css’ 引入样式文件(mpvue 小程序端)components.
2020-08-09 10:15:16
1552
原创 [Form Generator][一期替代方案]调用接口数据到opitions
el-cascader的数据调用设置新增私有属性 (private_: {assField: ‘’},) 需要每个组件里面都添加(位置组件config.js)// 选择型组件 【左面板】export const selectComponents = [ { __config__: { private_: {assField: ''},新增控制层的代码代码位置RightPanel.vue(可以使用全局搜索RightPanel找位置)<el-form-item
2020-08-07 18:29:25
1254
2
原创 [element-ui] form的多个字段之间联动验证和取消验证
目录字段: 去/返程日期(deptDate), 去/返程班次(flghtTrainSchedNo)HTML片段JS片段字段: 去/返程日期(deptDate), 去/返程班次(flghtTrainSchedNo)页面一进入时,都为非必填项,逻辑出现必填的范围只有飞机和火车,汽车和自驾没有必填的验证如果用户操作了,其中一项,两者都为必填如果用户删除了一项且另一项无值时,变为非必填如果先点击了飞机或火车再去点击汽车和自驾,则取消验证必填项使用监听触发验证和取消验证简单的描述: 两者一个有值时
2020-05-27 18:43:10
4423
原创 [WeChart]微信小程序抓包步骤
PC端: win10Tools: whistle小程序端: Iphone 8安装Node(https://nodejs.org/)安装whistlenpm install -g whistle或cnpm install -g whistle如果cnpm不存在npm install cnpm -g --registry=https://registry.npm.taobao...
2020-04-10 18:34:49
8304
原创 [WeChat]关于小程序左上角的返回按钮事件的替换方案 - [有缺陷]
写在前面, 由于小程序的左上角返回按钮事件,没有能直接用的方案(ps:我在官方文档上以及官方社区上没找到,望找到的大神告知,不胜感谢), 只能在事件逻辑上拦截,但是会产生一个体验度不好的缺陷缺陷是会在跳转目标页的时候,会有一个跳转到祖级页面,祖级页面又跳回父级页面的bug!!! 看上去就觉得在乱跳页面场景页面栈: 活动列表页 => 活动详情页 => 活动参加发布页前...
2020-04-04 18:59:37
709
原创 [python][scrapy]没有上一页下一页只有页码的简单操作
写在前面:在简单的学习完爬虫入门后,自己做简单的采集时,发现目标网址下只有页码,没有上一页下一页,也一度放弃过,换了采集网址,后来又在书本上看到了解决方法,只是目前能用下面时解决的代码截图代码部分如下def __init__(self): self.page_index = 1# 提取下一页并提交给scrapy进行下载 self.page_inde...
2020-03-15 14:34:55
777
原创 [wechat][css]文字两端对齐的替代方法
写在前面,由于微信小程序不支持 的语法,就是把decode='true’打开,会导致微信开发者工具报错卡死,所以才有了下面的css和伪类的配合使用使用的方案// 最好配合宽度使用.c-label2{ margin-right:unit(32,rpx); display: inline-block; width:unit(129,rpx); text...
2020-03-14 16:33:36
255
原创 [vue]报错:assigned to but it has no setter
问题复现v-model绑定的再用computed计算就会报错解决方法在computed中使用以下的设置 _params1:{ get(){ let arr_ = []; let _params = this.params[this.filterProp[1]]; let params_ = _params.split(','); if(para...
2019-12-05 11:43:17
1003
原创 [wx-charts] 柱状图时间跨度大于25就显示不全
问题复现解决过程尝试通过组件解决,在wx-charts的文档和社区转了好久也没有发现问题经测试发现不是所有的时间段都显示不全,时间的天数跨度大于25天就显示不全年份的跨度也不能大于25经上面的过程,大致可以将逻辑设置为以下几步a. 在picker设置拦截b. 使用computed动态计算25的范围,包括天和年codes:天:<picker mode="date" f...
2019-12-04 17:44:18
450
原创 [webpack][ncu]ncu基础入门的使用
ncu: npm-check-updates官方网址: https://www.npmjs.com/package/npm-check-updates// 安装npm install -g npm-check-updates// 检查更新ncu// 升级packjson.jsonncu -u// 安装npm isntall...
2019-11-26 10:37:41
1965
原创 [mini-wechat] [picker] 时间选择时范围限制
范围限制:开始时间的结束 只能是 结束时间的开始, 结束时间的开始 是 开始时间的结束代码相当简单在开始的picker上添加end="{{params.endDate}}", 结束的picker上添加start="{{params.startDate}}",用参数自身做边界值 ????举个栗子:例如今天2019-11-7点击了开始时间,只能选11-7当日或以前的11-7以后的都不...
2019-11-07 15:28:30
328
原创 [element-ui]el-table中设置类似标签的样式
效果图思路与分析可以直接使用定位做给对应的单元格添加相应的class类不能使用图片做,要使用背景和css3的伪类(画白色的三角)注意事项自身容器高度的限定及宽度的限定,自身padding-bottom的设定,避免字过长时压住白色三角,白色三角的高度不能过长,效果图上是0.05rem;且border宽是父级容器宽的一半,底部的border高度是border宽的一半父级...
2019-09-05 17:03:40
2064
原创 [element-ui]el-selected的衍生操作:在v-model上显示value和label的拼接
效果图思路给请求的结果设置不同的显示类型下拉框显示的value和label值设置选中值的时候显示的对应的值(value和label拼接起来)当选中的时候,value就会显示拼接过的字符串注意事项如果这个地方做请求参数的时候,要做剪切,只取value值!!! 切记实现过程接口处理// 获取结算账户getListPayBank(){ apiListPay...
2019-09-05 16:10:53
3372
原创 每日三思:el-select以及等其他错误使用方法整理和反思
el-select的v-model类型的问题当首次进入页面时传递的值是数字类型,但是刷新页面时传递的就成了字符串类型,需要提前判断和转换类型值反思el-dialog的宽度问题,是可以自定的直接自定义弹窗的类名,就可以修改宽度,这是以前用的,长时间不用忘记了区分状态值时,不能想到哪写到哪,要先捋顺思路,将所有的方面都考虑到,磨刀不误砍柴工,今天的工作心态乱了,毫无头绪,导致了效率下...
2019-06-28 23:08:43
421
原创 每日三思: 倒计时遇到的待优化的问题
倒计时完毕之后的状态值,前端优化体验倒计时到0时的体验优化,不能直接使用后端的返回值,要和前端的逻辑配合使用总共分为以下几种情况拼团中(分两种情况)正常的倒计时且没有到0倒计时到了0且后台的code不是拼团失败处理方式:前端使用逻辑判断而且不是直接使用倒计时的状态值需要的操作是<text class="prd-stt-text prd-stt-92901" wx...
2019-06-24 10:46:24
236
原创 每日三思：vue的页面刷新取不到state传递的监听值的问题
最近(一直以来)碰到的vue刷新页面娶不到监听值,忙的时候都以网速慢为借口搪塞过去,最近闲下来开始优化这些问题解决的方式使用同步和异步解决await和async一般适用于函数,如果再封装一层监听的字段,无形中加大了代码的无效量,在使用监听值的函数中,拦截状态值,如果没有取到就再次执行自身函数(目前使用的方法)代码示例judgeStoreDtl(){ let {cu...
2019-06-21 16:51:12
1194
原创 每日三思:微信小程序多层级父子组件如何在子组件滚动加载
碰到的问题是如果将孙子组件单独拿出来是能滚动加载数据的,但是如果父组件存在切换的tab,子组件也存在tab切换,子组件就无法滚动加载数据示意图代码结构刚开始的处理思路在子组件中使用滚动加载,但是无法触发事件,另在测试的时候,发现只是触发了父级的滚动加载事件.就想到了利用父级的滚动加载事件和tab切换事件协调统一起来,通过父级事件调用子组件的滚动加载优化过的思路父组件调...
2019-06-21 11:46:49
1356
原创 每日三思:element-ui利用form表单验证来验证表格
动态验证表格里的输入框效果图<el-form :model="form" :rules="rules" ref="form"> <el-table class="form-brand-list" stripe v-if="form.prdctStoreList && form.prdctStoreList.length > 0" :data="fo...
2019-06-19 18:18:56
436
原创 每日三思:优化微信小程序中倒计时占内存较大(19-0612-1917)
小程序的倒计时存在暂用手机内存较大的问题,尤其是在列表中,如果每一项都有倒计时的话,一进页面就会卡死解决思路每次启用倒计时的时候,先清除倒计时,再启用(也就是一条腿走路,内存中只有当前的倒计时);区分倒计时的情况,只有在全部的状态,和拼团中(有倒计时),才启用倒计时页面进入onLoad()和onHide()清除定时器代码显示(已脱敏)在这里插入代码片...
2019-06-12 19:28:32
750
转载 Win7常用技巧记录贴:批量修改文件名中出现的括号
创建空白记事本复制下面的内容:@Echo Off&SetLocal ENABLEDELAYEDEXPANSIONFOR %%a in (*) do (set "name=%%a"set "name=!name: (=!"set "name=!name:)=!"ren "%%a" "!name!")exit另存为.bat类型的文件,保存后直接双击运行...
2019-06-02 19:06:39
1881
原创 ES6数组:两个数组或数组对象取并集、交集、差集记录贴
数组取并集let a=new Set([1,2,3,4,5]);let b=new Set([1,2,3,4,5,6,7,8,9]);let arr = Array.from(new Set([...a, ...b]));console.log('arr',arr);结果取交集let a=new Set([1,2,3,4,5]);let b=new Set([1,...
2019-05-09 16:44:40
21589
9
原创 小程序销毁中间页面(三级跳转设置)
操作前景 列表页(A)->详情页(B)->选择服务页©,现在需要的是C->B之后,点返回按钮不能在出现C页面现在(2019-4-27 00:00)的小程序页面栈可以有10层,但是页面销毁无法实现直接从栈中删除曾经的解决方法(缺陷:如果小程序进入时只有1-2页,在点返回时会出现小程序进程退掉的BUG!!!
2019-04-27 00:11:43
5778
原创 LearingLogPython Flask
安装virtualenv pip install -i http://pypi.douban.com/simple/ --trusted-host pypi.douban.com virtualenvvirtualenv 的使用及flask的安装virtualenv的使用创建虚拟环境: virtualenv venv激活虚拟环境(非windows): source v...
2019-04-16 07:47:50
108
原创 前端优化:数据监听触发多次请求
场景复现:在列表中使用监听值刷新请求,多个值的情况下,每一个改变值都会触发getList方法,从而导致的多次请求的出现代码复现 computed: { watchendDate() { return this.params.startDate; }, watchPointType() { return this.params.poin...
2019-04-15 17:25:17
1813
原创 总结篇:关于vue公共弹窗dialog子组件要点概括-190313
触发dialog状态的方法优化之前是通过propus传递stt值,子组件监听这个stt值来控制dialog的现实和隐藏.关闭时在通过子组件更新父组件的(传递值stt)状态.这个方法不可取,因为子组件更新父组件的状态,当父组件点击时(这个时候stt状态值应该为false,点击时改为true再传递),就是因为这个传递的stt值不对,导致了开发效率低下,(后来改为子组件更新父组件时传递的值为f...
2019-03-13 22:28:47
2559
原创 (vue2.0)vue-awesome-swiper(v3.1.3)的进阶篇：调到指定页（非initialSlide）
基础篇:(vue2.0)vue-awesome-swiper(v3.1.3)的初级使用使用场景:点击图片触发弹窗,在弹窗里使用swiper轮播,而且弹窗展开式要调到对应的图片上写在前面：研究了半天initialSlide参数设置不了动态参数（数据的赋值在DOM形成之前）使用swiper的Methods方法做的watch: { showIndx(n){ this....
2019-02-15 12:41:26
4471
原创 (vue2.0)vue-awesome-swiper(v3.1.3)的初级使用
npm installnpm install [email protected] --save// 或者npm install vue-awesome-swiper --save引入import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css/swiper.css'Vue.u...
2019-02-14 10:29:19
3707
原创 van-popup 全屏的解决方法
在vant官网文档上看了好久也没有找到全屏的弹窗组件,没有解决,只能自己搞了,其实也很简单代码部分<van-popup v-model="isShow" position="top" class="overlay80vh" :overlay="true"> 内容</van-popup>CSS样式.overlay80vh{ height
2019-02-12 15:03:08
13625
4
原创 php致命错误: Class 'app\application\lib\exception\ParameterException' not found
碰到的各种坑,心塞塞哇!各种试错,各种调试测出来的修改方法是:use app\application\lib\exception\ParameterException;改为use app\lib\exception\ParameterException;
2019-02-01 17:13:53
2112
原创 php自定义日志的文件夹位置
主要是为了记录服务器的错误,避免记录客户端(参数传递的不对等错误)导致文件过大修改日子文件夹的生成位置根目录/public/index.php添加define('LOG_PATH', __DIR__ . '/../log/');...
2019-02-01 14:41:10
2442
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人