- 博客(95)
- 收藏
- 关注
RSS订阅原创 2021-07-06 element ui的下拉选择默认选中
<el-select v-model="row.channelType" placeholder="请选择" clearable class="filter-item" > <el-option v-for="item in channelTypeList" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" />
2021-07-06 09:03:58
437
转载 meta的用法
<!-- 定义文档的字符编码 --><meta charset="utf-8" /> <!-- 强制Chromium内核，作用于360浏览器、QQ浏览器等国产双核浏览器 --><meta name="renderer" content="webkit"/><!-- 强制Chromium内核，作用于其他双核浏览器 --><meta name="force-rendering" content="webkit"/><
2021-04-06 17:05:45
167
原创 layui弹框关闭弹框的问题
1.layer.open打开一个页面，利用layer.CloseAll()关闭页面，2.首先将页面打开和关闭的方法放在父页面，子页面打开页面直接调用父页面的方法就可以了3.代码如下：1）封装的方法// 关闭弹框 closePage:function(){ layer.closeAll(); //关闭全部弹框 }, // 打开请输入数量的页面 pageOpenNum:function(id,nu
2021-03-29 15:34:00
1210
原创 echarts动态赋值结合dataZoom滑动数据
wxml<view class="container"> <ec-canvas id="myechart" canvas-id="graph" ec="{{ ec }}"></ec-canvas></view>wxss.container{width:702rpx;height: 360rpx;position: relative;left:24rpx}ec-canvas{width: 100%;height: 100%;position:
2020-10-16 09:30:39
2185
1
原创 echarts使用记录
1.折线图(1)去除y轴线(`在这里插入代码片 axisLine: {show: false, },`),网格线(` splitLine: { //去除网格线 show: false, },`),不显示刻度线(` axisTick:{ show:false,//不显示刻度线
2020-09-27 16:42:10
200
原创 不同主体的小程序如何跳转
1.在需要跳转的小程序的app.json中加入"navigateToMiniProgramAppIdList": [ "" //appid需要跳转到的小程序 ]2.在需要点击跳转的按钮加入 // wx.navigateToMiniProgram({ // appId: '', // path: 'pages/home/index/index', //跳转小程序的路径 // success(res) { // // 打开成功 //
2020-08-19 17:56:02
2254
原创 自己捣鼓的小程序实现订单代付的功能
在小程序的api找了半天没有找到代支付的api,所以自己就捯饬一个，能用在支付的页面添加代付按钮 <button hover-class='button-hover' open-type='share' class='button' > <image src='/images/wechat.png' class='pay-icon'></image> <view>好友代付</view>
2020-08-06 16:28:11
3033
1
原创 循环数据执行完毕在请求后台接口
在循环数据外部定义一个变量，在循环内部加1的操作然后通过数组的长度和变量相等情况下，就请求后台接口var arry = [...];var counter = 0;arry.forEach(function(elem){ //异步回调中 counter++; if(counter === arr.length){ //在这执行所有执行的完后的请求后台数据 }})es6数组取交集let duplicatedValues = [...result2].fil
2020-08-01 10:52:15
608
原创 理解深拷贝和浅拷贝的区别
用扩展运算符深拷贝数组：直接粘贴代码： let arr = [1, 2, 3, 4, 5, 6]; let arr1 = [...arr]; arr1.push(7); console.log(arr); //[1, 2, 3, 4, 5, 6] console.log(arr1); //[1, 2, 3, 4, 5, 6, 7]当数组是一维数组时，扩展运算符可以进行完全深拷贝，改变拷贝后数组的值并不会影响拷贝源的值。但是，当数组为多维时： let arr
2020-07-30 13:52:54
473
原创 vant 小程序踩坑之Toast
官方给的路径是这样import Toast from ‘path/to/@vant/weapp/dist/toast/toast’;报错修改后import Toast from ‘@vant/weapp/toast/toast’;可以正常使用了在页面引入按照官网方式就可以了
2020-07-29 16:17:18
1728
原创 如何对数组对象排序，最大和最小值
compare: function(key) { return function(value1, value2) { var val1 = value1.key; var val2 = value2.key; return val1 - val2; } }, 调用 res.sort(that.compare('totalFee')) //排序从小到大取最小值 var price = Math.min.apply(Math, res.map..
2020-07-22 15:20:19
171
原创 vue-cli3.0配置不同的网址（根据不同的环境进行网址切换）
在生产环境和开发环境的时候，有些变量是不一样的，比如接口，打包的时候就需要切换，所以配置下环境变量，通过不同命令行切换不同环境api等信息（1）先在package.json文件中添加："scripts": { "dev": "vue-cli-service serve --mode dev", "build": "vue-cli-service build --mode prd", },在运行后面加上 --mode 新增的文件后缀（2-1）在项目目录下建立 .env.dev文
2020-06-17 11:30:43
920
原创 vue@cli3适配h5页面
1.在public里面的index.html添加<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>2.vue-cli3.0结合lib-flexible, px2rem 实现移动端适配。第一部分：项目中引入 lib-flexiblenpm install lib-flexible --s
2020-06-08 16:39:52
435
原创 微信实现左滑删除
wxml <view class="delete_list"> <view wx:for="{{contactList}}" wx:key="{{index}}}" bindtouchstart="touchstart" bindtouchmove="touchmove" class='list-box' bindtouchend="touchend" data-index="{{index}}" data-info='{{item}}'> <view
2020-05-29 16:34:50
1113
原创 loading方法，项目中用到了记录一下
1.从左到右的loading圆点wxml <view class="loading4"> <view class="three1"></view> <view class="three2"></view> <view class="three3"></view> </view>wxss .loading4{ width:150px;
2020-05-14 15:08:19
135
转载 css3绘制小玩意
1.绘制爱心看到了记录一下 ，原网址https://blog.csdn.net/weixin_43570367/article/details/106018731?utm_medium=distribute.pc_category.none-task-blog-hot-5.nonecase&depth_1-utm_source=distribute.pc_category.none-task-blog-hot-5.nonecase&request_id=<!DOCTYPE html&
2020-05-11 18:12:34
112
转载 判断是移动端还是pc端打开页面
<script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) { //跳转移动端页面 window.location.href=""
2020-05-11 14:44:45
289
1
转载 vscode快速建立代码片段
打开vscode编辑器，依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，我们输入vue，将代码ctrl+c 到vue-html.json{ "Print to console": { "prefix": "vue", "body": [ "<!-- $0 -->", "<template>...
2020-04-25 15:18:04
520
原创 小程序根据后台返回的数据做a-z的区分
1.首先将元素用scroll-view这个标签包裹起来（注意这个容器里面只能有一个元素，另这个容器设置宽高也一定要给page设置高度，不然bindscroll就触发不了了）2.这边对数据做了处理默认的数据结构 carList: [{ index: 'A', cars: [] }, { index: 'B', cars: [] ...
2020-04-24 15:53:06
374
原创 云函数调用失败报错
https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/capabilities.html#%E6%95%B0%E6%8D%AE%E5%BA%93以上网址有详细说明有时候按照以上的操作，还是调用失败，然后就找到文件夹里面login右键上传并部署云端安装依赖...
2020-04-14 15:40:55
1309
1
原创 自定义picker组件初始化的时间
//获取东八区时间function getAbsTime() { let currentZoneTime = new Date(); let currentZoneHours = currentZoneTime.getHours(); let offsetZone = currentZoneTime.getTimezoneOffset() / 60; if (offsetZon...
2020-03-18 15:02:10
260
原创 数组循环 forEach every filter map记录一下，总是忘记
1.forEach 会直接改变原数组 不过不会return出去，会遍历整个数组， 例如想根据某个值删除数组中的某一项var arr = [1,2,3,4,5] arr.forEach((item, index) => { if (2 == item) { arr.splice(0, index) } ...
2020-02-29 17:12:35
76
原创 小程序如何一个页面生成多个cavas(这个是根据后台返回的二维码网址的数量决定的)并将多张cavas保存在本地
这个只要是利用循环把数据进行渲染，包括保存图片在本地也是利用循环具体代码如下wxml <canvas canvas-id="canvas{{index}}" wx:for='{{ cavasList }}' wx:key='index' class='to-absolute' style='z-index:{{ cavasList.length-index }}'>...
2020-02-29 16:55:35
961
原创 循环的input根据input是否有值来改变他的样式
ui设计的是文本框文未输入数据时文本居中，有内容之后文本框的数据向右对齐，并且文本加粗，同时这组input框是根据加减按钮控制增减的具体如下wxml<form bindsubmit="formSubmit"> <view class='to-flex-center-between padding-bottom-Mid-big'> ...
2020-02-29 15:49:42
376
原创 小程序模拟输入车牌号键盘
wxml <view class=''>车牌号</view> <view class='to-flex-center-between' bindtap='licensePlateNumber'> <view bindtap='getFocus' class='codeView to-...
2020-02-27 11:04:54
953
原创 小程序自定义showModal弹框
纯属练习组件化组件wxml页面代码如下<view class='shade' hidden='{{popup}}' ></view><view class='shade_box popup {{frameAnimate}}' hidden='{{popup}}'> <view class='content'>{{ title }}&l...
2020-01-10 10:41:02
1487
原创 小程序自定义时间弹框组件
小程序利用和 自定义时间选择组件在component文件中新建picker组件html页面代码如下`{{ popupText }} 请选择用车时间 取消 {{less.name}} {{less.name}} {{less.name}} ...
2020-01-10 10:25:30
1122
转载 小程序实现拖拽效果
page({ data: { x: 200, y: 300, }, onLoad() { this.setData({ W: wx.getSystemInfoSync().windowWidth, // 获取当前窗口的宽度 H: w...
2020-01-09 09:42:31
1250
2
原创 react安装
按照以下方式创建一个项目使用 create-react-app 快速构建 React 开发环境create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。create-react-app 自动创建的项目是基于 Webpack + ES6 。执行以下命令创建项目：$ cnpm install -g create-react-app...
2019-12-25 09:46:55
73
原创 小程序线下扫码，动态传参
1.首先这个小程序二维码是后台生成的，需要后台去调用小程序的官方接口 后台去根据这个去配置https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/qr-code.html2.小程序端就可以在onLauch中获取数据或者子啊onShow中获取数据，根据产品需求我是在onShow中获取的数据，拿到数据解析的情...
2019-12-24 13:44:49
455
原创 安装mongoDB和配置
mongod -dbpath E:\mongodbFiles\db\data （根据自己刚才创建的data文件夹路径，此处为我创建的实际路径）在bin里面的config.cfg文件中加入以下配置的信息systemLog:destination: filepath: c:\data\log\mongod.log //以追加的方式记录日志storage:dbPath: c:\d...
2019-12-06 10:58:28
108
原创 cover-view在map上如何实现滑动效果这是别人跟我讲，我做个笔记
html{{item}}wxss 部分.scroll-box {width: 100%;height: 100rpx;overflow: hidden;background: #fff;position: absolute;top: 200rpx;left: 0;}.scroll-view {width: 100%;height: 104rpx;backgro...
2019-12-05 15:48:13
1411
原创 小程序实现毛玻璃的效果
利用css的filter这个属性实现，在有弹框弹出的时候背景出现高斯模糊的效果写个小例子记录一下，这个是背景是地图的情况下，做的处理，不管是文字还是图片什么的，在弹出框出来的时候给背景添加filter:blur(20rpx)中间值的模糊程度。wxml部分 给地图用一个标签包着，直接添加到地图上也可以，但是为了更好的控制地图的样式，我就用了一个标签包着地图，放在了地图的盒子上一样的效果，为了展...
2019-12-05 14:11:10
3911
原创 小程序同层渲染解决原生组件的层级最高的问题
因为在项目中需要用到map这个原生组件，但是在map上又要用到picker和scroll-view这些组件，利用cover-view实现不了这些效果，所以就想到了小程序提出的同层渲染，这是第一次使用，写个小例子记录一下膳食与营养膳食与营养膳食…膳食与营养膳食与营养膳食…膳食与营养膳食与营养膳食…膳食与营养膳食与营养膳食…{{year}}年{{m...
2019-12-05 11:40:36
2190
原创 node阻塞和非阻塞
阻塞代码实例创建一个文件 input.txt ，内容如下：菜鸟教程官网地址：www.runoob.com创建 main.js 文件, 代码如下：var fs = require(“fs”);var data = fs.readFileSync(‘input.txt’);console.log(data.toString());console.log(“程序执行结束!”);以上代码执...
2019-12-03 13:31:37
158
原创 声明文件-1
declare var 声明全局变量declare function 声明全局方法declare class 声明全局类declare enum 声明全局枚举类型declare namespace 声明（含有子属性的）全局对象interface 和 type 声明全局类型export 导出变量export namespace 导出（含有子属性的）对象export default E...
2019-12-03 11:08:19
641
原创 canvas的绘制学习-2
色彩 ColorsfillStyle = color //设置图形的填充颜色。strokeStyle = color //设置图形轮廓的颜色。示例-1function draw() {var ctx = document.getElementById(‘canvas’).getContext(‘2d’);for (var i=0;i<6;i++){for (var j=0;j&...
2019-11-29 17:54:44
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人