- 博客(15)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 loader-utils 包的getOptions is not a function
webpack 5 已经可以通过this.query 直接获取loader的options配置，所以不需要利用loader-utils工具获取：
2022-03-24 22:17:04
1086
原创 Pako解决Post请求报文过大的问题
很多服务器都会对post请求报文做出限制，例如tomcat限制大小为2M,php限制大小为2M,nginx限制为8M等等，或者是其他一些配置限制post请求报文的大小或者参数提交长度。但是有很多业务需求例如大型表单的数据提交可能会存在post请求报文很大导致无法正常提交或者是后端报错问题。于是你看到的报文类似这样的：结果提交的时候还没有到后台就报错了。于是经过一系列的找哥，找娘，找到了pako.js，它简直好的不得了，直接帮忙把参数压缩了90%多，于是参数变成：恩恩，阔以阔以！以下为一句话代
2021-04-15 15:45:02
1361
1
原创 记微信小程序动态表单实现
个人理解动态表单为根据后端数据需求，在前端用不同组件进行展示然后返回表单数据并提交的过程。上图：图中项目为侧边弹窗，标题为输入框故障类型和优先级为输入框，内容为textarea，大致可以归纳为表单由输入框、文本域、选择框、侧边栏、文件上传、时间选择器等组件组成。于是跟后端约定速成表单模板格式（以下为部分结果）：[{ "id": 0, "pid": 0, "sort": 0, "title": "创建时间", "name": "datetime-picker", "type":
2021-02-23 11:59:44
4478
19
原创 element ui 扩展金额输入组件
Element UI 的input 输入框合适作为金额输入框的类型有type=number 和type=text两种，其中type=number会在右边增加一个上下按钮提供加减，个人认为不是很美观，于是采用type=text来实现。采用type=text需要注意很多地方：1、只能输入数字、小数点及负号；2、小数点只能输入一次，不能出现在开头位置；3、负号只能输入一次，只能出现在开始位置；4、只能输入到小数点后两位；5、不能以小数点结尾；6、0开头或者-0开头后第二个字符只能是小数点对于上面
2021-01-04 17:04:32
1979
原创 记录微信小程序时间选择器改造
在需求提出的时候就看了下小程序API，发现小程序的时间picker默认mode 只有年月日或者分秒，没有直接的“年-月-日 时:分:秒”组件，于是就需要自己改造了，基于能参照第三方就不先自己造轮子的思想，先在网上找了找，发现https://blog.csdn.net/m0_38082783/article/details/78921283上面的思想挺好，于是对其加以改造，在时间段基础上满足了，最小时间，最大截止时间的选择：wxml代码：<view class="picker_wrap"&
2020-11-13 11:38:32
256
原创 利用vant UI 数字键盘做金额输入键盘
先上效果vant UI 数字键盘是比较通用的，往往需要根据实际业务需要进行相应整改，比如金额输入：1、小数点不能再最前面；2、保留小数点后两位；3、不允许出现多于1位的小数点；4、不允许前面出现两个0下面开整：<template> <div> <van-field readonly label="￥" clickable :value="value1" @touchstart.native.stop="show = t
2020-11-05 15:15:38
4572
原创 element ui 组件使用笔记（二）
本文主要为通过element UI 实现类似cascader的组件，element cascader 组件数据结构遵循严格的树级数据结构，但是有时业务可能不会有此结构数据，在此先上图：此结构主要涉及到三个element 组件，popover,input,scrollbar<template> <div class="ui-rule-params widthX120"> <el-popover ref="paramsPop" popper-c
2020-10-30 11:22:25
326
原创 利用CSSfilter属性做出渐变阴影效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> <!-- ...
2020-08-13 14:07:27
782
原创 element ui 组件使用笔记（一）
1、element UI cascader组件清空后再次选择状态还原问题 现有element UI Cascader 组件选择或者展开后移动到某项时，关闭后再次选择会展示之前的状态，而不是从第一级开始展示。第一次选择：选择中：再次选择：如上图所示，再次获取焦点时没有还原成初始状态，而是展示了最近的访问状态，在部分需求中是不符合要求的，下面是核心处理方法：<el-cascader ref="houseFrame" v-model="myHo...
2020-07-27 16:03:14
364
原创 Vue Router 通配符路径不好解决的问题处理
在绝大多数情况下，我们都会在vue-router的路由表下面注册一个通配符路由以便所有不能识别的路由都往这个component里面跳转。import VueRouter from 'vue-router';const router = new VueRouter({ mode: 'history', routes: [ ...menus, { path:'*', component:Page404
2020-07-15 12:02:50
2730
原创 H5二维码页面跳转到小程序页面遇到的坑
我们知道H5二维码页面链接跳转小程序可以登录微信公众平台，然后在开发设置里面进行配置，如下图：我们配置规则http://a.aaa.com/a/b/，这时候需要在域名下创建a目录，b目录，然后在b目录下放入小程序校验文件，那么问题来了，如果我们的前端页面是vue类似路由的虚拟路径并且路由也是/a/b的情况下，我们访问http://a.aaa.com/a/b则会被服务器优先访问文件夹，导致出...
2019-04-26 15:01:39
1696
1
原创 CSS样式布局学习一（双飞翼布局&圣杯布局）
双飞翼布局源于淘宝的UED，具体造型如下：可以由以下几种方式去实现：（一）float和margin负边距（采用先中间，后两边的方式强势插入）1、html结构<div class="header">header</div> <div class="container"> <div class="main">main&
2018-02-24 11:20:14
219
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人