- 博客(19)
- 收藏
- 关注
原创 Critical dependency: the request of a dependency is an expression
node-sass报警告
2024-03-28 10:44:06
263
1
原创 vue项目PC端使用百度地图
功能点1.支持模糊搜索2.点击地图即选中打标记3.编辑时根据经纬度反显二、实现步骤1.创建应用,获取百度地图密钥(AK)http://lbsyun.baidu.com/apiconsole/key?application=key#/home2.在项目的html文件中引入<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=获取到的AK"></script>3.地图具体实现代
2021-02-25 14:35:21
790
原创 table单元格的内容过多换行处理
table单元格的内容过多换行处理业务背景具体实现业务背景这个字段是要作为查询条件的,所以不能进行省略号进行展示内容展示是这样的,如:“111,222,333,444,555…”,它是表单的动态项,最终一逗号拼接给后台,后台返回过来也是以逗号拼接展示的没有处理之前的效果:处理之后的效果:具体实现我这里采用的是5个一换行 formatBPID(text) { ...
2020-04-14 10:53:49
849
原创 antd vue 动态添加表单项
antd vue 动态添加表单项业务背景实现思路(关键点)具体步骤业务背景要对form表单的某一项进行动态添加、删除反填操作,见图,要操作的项为BPID,其余项都是固定的。实现思路(关键点)首先要对BPID的每一项进行注册,使用v-decorator/getFieldDecoratorgetFieldDecorator(id, options) 和 v-decorator="[id,...
2020-04-13 18:10:54
4854
2
原创 vue 项目使用图片压缩工具localResizeIMG(前端本地客户端压缩图片)
使用背景项目有一个图片上传功能,选择相册的图片然后进行上传,或者直接拍照上传图片,但是这样造成服务器压力很大,因为项目的用户量很大,上传的图片就多。所以就来了一个新需求——在用户上传时,先将图片压缩,然后在上传到服务器端。localResizeIMG的优点移动设备上兼容性好(兼容IOS,Android,PC)节省带宽上传速度快实现步骤github地址: https://githu...
2019-09-10 17:15:51
1278
原创 加背景图片小图标时小图标看上去上浮1、2px
处理之前的效果处理之后的效果具体实现实现方法很简单,给图标额外再加一个 position:relative; top:1px; 就可以啦! .add_icon { position:relative; top:1px; display: inline-block; width: 12px; height: 12px; backgroun...
2019-09-10 15:38:00
259
原创 小程序五星好评功能
完成效果1.默认效果,页面居中2.点亮半颗星,评价文字跟着变化3.点亮三个星4.点亮超过三个星,评价文字变化5.五颗星全部点亮具体实现1.html<view style="text-align:center">/* block 效果:它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。*/ <block wx:for="{{stars}}"...
2019-09-10 11:19:29
1403
原创 vue-easytable 表格翻页勾选的状态不丢失
实现的思路将所有勾选的数据的id放到一个数组(selectIdAll)中,每次翻页获取当前页面的数据(tableData)后,循环二者进行对比,如果tableData中的某些数据的id和selectIdAll中的数据相等,则给tableData的这些相等的数据加一个属性_check=true,不相等的设置_check=false。用到vue-easytable的方法当操作多选框时,vue-e...
2019-08-27 18:54:36
1513
原创 企业微信api-监听页面返回事件(onHistoryBack)
企业微信api-监听页面返回事件(onHistoryBack)业务背景最近在进行企业微信相关的开发,系统要上线必须满足企业微信那边的一个要求:部分页面(单据填写页等)要求必须对接JS-SDK监听页面返回事件,在用户返回上个页面时,回调开发者注册的函数,处理业务需要的逻辑。在网上找了很多资料,都没有这个企业微信的监听页面返回事件(onHistoryBack)的案例处理方式(遇到的问题)查看...
2019-05-31 17:20:54
8891
6
原创 解决在ios系统上,弹窗提示(如:weui的alert、mint-ui的MessageBox)点击确定,关闭不了的问题
介绍公众号开发项目,一开始项目使用的是weui的alert警告提示,该组件只有一个“确认”按钮,点击“确认”按钮后会关闭弹框。但是测试时发现在ios系统上,点击确定,关闭不了弹窗,且页面出现上移的现象。在安卓手机上一切正常。解决引入了mint-ui,使用它的Message-Box 消息提示组件,但是发现问题依旧存在。看了文档之后,对该组件做如下调整,问题解决: msgSho...
2018-12-03 11:34:06
8551
4
原创 css布局——底部固定,内容足够多时其位置随内容而变,始终在最底部
介绍–要实现的效果实现–布局(重要)没有使用定位positon:absolute\fixed;感觉达不到我想要的效果。<div class="bodybox"> <div class="box-wrapper"> //放主要的内容 <div class="mainbox"> ...... </div> &am
2018-11-21 15:32:42
5244
原创 改造数组,将一个数组(每一项是对象)的值放到另一个数组中去
改造数组,将一个数组(每一项是对象)的值放到另一个数组中去主要知识点:for…in…循环介绍arr1 = [{1:'姓名'}, {2:'性别'},{3:'年龄'},{4:'爱好'},{5:'技能'}]arr2 = [{ a :1,b :'姓名',c : '姓名',}, { a :2,b :'性别',c : '性别',}, { a :3,b :'年龄',c : '年龄',},...
2018-11-01 14:52:08
9728
1
原创 vue项目,解决IE浏览器报Promise未定义的错误
npm install babel-polyfill --save在main.js中import &quot;babel-polyfill&quot;;如果使用了vuex,则在vuex的index.js文件中也要 import “babel-polyfill”,最好放在 import Vuex from ‘vuex’ 的前面在api.js中import Promise from 'promise...
2018-10-12 17:06:37
4902
原创 vue 利用计算属性本地过滤筛选数据,复选框勾选数据勾选状态不丢失
功能难点由于这里的数据是调接口全部拿到了,所以这儿的搜索,其实就是一个本地过滤筛选的效果(利用计算属性实现)。首先在没有搜索的情况下,勾选几条数据,然后输入搜索条件,得到搜索结果再勾选几个数据,接着去掉搜索条件,要做到之前的勾选数据的状态还在没有丢失,且结果是几次勾选的总和。(项目中用的是iview的相关组件)效果图片相关代码 // 要注意绑定的表格数据,:data=&quot;get...
2018-10-12 15:53:22
3775
2
原创 vue简易留言板
功能难点编辑修改某一条留言,同时将修改后的内容发送给后台,并将最新的数据展示在数据列表中。要想做到修改后数据同步,需要用到v-model,表单文本元素,这儿用的是textarea,默认是隐藏的,当点击编辑的时候,让原本的显示内容的div隐藏,textarea显示,且让v-model=‘aaa’ 的 aaa = item.bbb(给textarea v-model 绑定的数据赋值),但是会发现一...
2018-10-12 14:14:34
6708
2
原创 根据时间控件选择某一天的时间,得到这个日期所在的周
时间控件用的iview日期选择器: //获取当前日期所在周 getWeekAry(datestr) { var date = new Date(datestr); var weeknum = date.getDay(); //返回一周的某一天数字。(0-6) if (weeknum == 0) { we...
2018-08-13 15:55:27
4389
原创 搭建vue-cli(脚手架)项目
搭建vue-cli(脚手架)项目1.新建一个文件夹,如test,打开命令窗口,执行 cnpm install vue 2.安装脚手架 cnpm install --global vue-cli3.安装webpack构建项目 vue init webpack exprice(项目名)此时,会有一系列的提示信息,按回车键即可,除安装eslint语法(代码严格模式)建议输入N,...
2018-08-10 17:45:37
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人