weixin_41991473-优快云博客

需要排序数组以及排序字段为rank：let data=[{text:"测试01"，value:1，rank:1},{text:"测试02"，value:2，rank:2},{text:"测试03"，value:3，rank:3}]排序：this.data.sort((a, b) => {return a.rank > b.rank ? 1 : -1;})排序结果：this.data=[{text:"测试03"，value:3，rank:3},{text:"测试02"，

2021-05-14 15:00:13 10392

原创 js数组对象去重

需要去重数组：let data=[{text:"测试01"，value:1},{text:"测试02"，value:2},{text:"测试03"，value:3},{text:"测试01"，value:1}]去重调用：this.data=this.dedupliCation (this.data, "value")去重方法：dedupliCation (arr, type) {const res = new Map();return arr.filter((a) => !

2021-05-14 14:45:32 162

原创 nginx配置访问后端(附：nginx.conf文件)

配置访问后端：location / {proxy_pass http://127.0.0.1:8080/;add_header Access-Control-Allow-Origin $http_origin;add_header Access-Control-Allow-Methods *;add_header Access-Control-Max-Age 3600;add_header Access-Control-Allow-Credentials true;add_hea

2021-04-06 15:42:55 1194 1

原创 js树形数据转化

list：操作对象idstr：树形目录子Idpidstr：树形目录父IDfunction transDateone(list, idstr, pidstr){var result = [];var temp = {};var tempVp = [];for (var i = 0; i < list.length; i++) {temp[list[i][idstr]] = list[i]; //将nodes数...

2020-10-26 17:34:57 410

原创 web前端资源分享（持续更新）

弹性布局：display: flex;https://www.cnblogs.com/hellocd/p/10443237.html

2020-10-23 16:38:16 231

原创 js对象属性寻址方式

// 对象属性有两种寻址方式：var data={id:123,name:"zhangsan",age:20}//方式1：var name=data.name;//方式2var name=data["name"];

2020-10-16 10:48:34 359

原创 js时间戳和日期的相互转化

//时间转化为时间戳 let dateTime ="2020-10-10"; //转化出的时间戳为毫秒级 let dateStampMs= new Date(dateTime ).getTime(); //时间戳毫秒级转化为秒级 let dateStampS= new Date(dateTime ).getTime()/1000; //时间戳...

2020-10-15 14:13:43 264 1

原创 iframe子页面调用父页面的方法

1.有父页面部分代码如下：<div style="width:100%;height:auto"><iframe src=' /sonIframe.jsp' width='100%' height='100%' frameborder='0' id='sonID'></iframe></div>2.设父页面有方法： f...

2019-12-24 10:16:12 1114

原创父页面调用iframe子页面的方法

1.子页面在父页面嵌入iframe页面：<iframe src='/index.jsp 'width='100%' height='100%' frameborder='0' id='iframeID'></iframe>2.设子页面有方法：functiongetResult(){ }3.父页面调用子页面方法：$("#iframeID")[0]...

2019-12-24 09:56:07 876

原创 window.print()方法设置分页

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title> <meta http-equiv="Content-Type" content="text/html...

2019-11-15 11:57:29 2364

原创如何将JSON类型字符串转化为数组

var newArry='[{"id":"EA7ADEF56AE3231BF156B492ED6B732E","text":"砖砌体","STATEID":"1"},{"id":"EA7ADEF56AE3231BF156B492ED6B732E","text":"砖砌体","STATEID":"1"},{"id":"EA7ADEF56AE3231BF156B492ED6B732E","...

2019-11-11 17:31:04 1254

原创 JS获取0-100内的5个随机自然数

function infthree(){ var arr=[];for(var i=0;i<5;i++){ var arrNum=parseInt(Math.random()*100)+1; var flag=true; for(var j=0;j<=arr.length;j++){ if(arrNum==arr[j]) { ...

2019-09-05 15:58:28 2315

原创 Spring MVC 请求流程处理

SpringMVC是一种基于Java，实现了Web MVC设计模式，请求驱动类型的轻量级Web框架，即使用了MVC架构模式的思想，将Web层进行职责解耦。基于请求驱动指的就是使用请求-响应模型，框架的目的就是帮助我们简化开发，SpringMVC也是要简化我们日常Web开发。请求处理流程如下：1：用户先将请求发送到前端控制器（DispatcherServlet）。2：前端控制器请求 Ha...

2018-09-08 09:56:34 340

原创微信小程序之一键复制

微信小程序不支持页面复制功能，故要实现某些信息的复制，需要开发复制功能微信小程序中复制一般采用调用 wx.setClipboardData 接口实现功能如下：1，.wxml里写一个复制按钮 <button bindtap="copy"> 一键复制 </button>2, .js里写复制功能 copy: function (e)...

2018-09-07 10:31:42 6124

原创微信小程序之一键连接wifi

在已知wifi账号和wifi密码的情况下，一般采用以下的流程来连接wifi Wi-Fi 接口调用：1.Android： startWifi —> connectWifi —> onWifiConnected2.iOS（仅iOS 11及以上版本支持）：startWifi —> connectWifi —> onWifiConnected 操作步骤如下：...

2018-08-24 15:23:07 15880 7

原创微信小程序之分享页面

用户点击分享执行onShareAppMessage函数即可：实例如下：分享分为两种：1.微信小程序自带的页面分享 2.自己页面写的分享按钮：<button open-type="share">点击分享</button> 它们共同调用Js如下：onShareAppMessage: function (r...

2018-08-02 17:55:50 4069

原创微信小程序之图片保存

微信小程序保存图片分为两步：1.下载文件资源到本地，客户端直接发起一个 HTTP GET 请求，返回文件的本地临时路径。即：调用函数wx.downloadFile({}) 2.保存图片到系统相册。即：调用函数wx.saveImageToPhotosAlbum({}) 具体代码如下：.wxml<button data-image='{{图片路径}}' bin...

2018-07-25 14:44:54 3894

原创微信小程序之提示框弹框

1.显示消息提示框，长度不超过12个字节，即6个汉字 wx.showToast({ title: '演示1', }) 2.显示loading提示框，主动调用wx.hideLoading()才能关闭wx.showLoading({title: '演示2',})wx.hideLoading(); 3.显示模拟弹...

2018-07-19 20:49:26 10055

转载微信小程序之小程序审核

小程序审核时间慢或是审核不通过，不要慌！可从以下去找问题：1.帐号基本信息1.1小程序名称、简介、logo、服务范围、服务标签、帐号基本信息文字均不得：（1）侵犯他人权益（著作权、商标权、肖像权、名誉权等）。包括但不限于，使用或包含不属于该小程序主体的品牌或商标、标识等内容或与之相似的内容、信息、特殊角标。示例：检查名称、简介中是否含有该小程序不属于该帐号的权益。（2）含有商业化用语的、热...

2018-07-06 11:12:35 5753 1

原创微信小程序之滚动选择器（picker）

滚动选择采用的是picker组件，具体使用方法如下：实例1：Page({js:data:{pickerList:[ { id:1 , name: picker01},{ id:2 ,name: picker02},{ id:3 ,name: picker03},{ id:4 ,name: picker04},],pickerListIdx:0,}bindPicker: function (e) {...

2018-06-26 15:48:37 3420

原创微信小程序之拨打电话

微信小程序拨打电话功能的实现是采用wx.makePhoneCall具体方法如下：.wxml<view>电话：15888888888</view><view data-ph='15888888888' bindtap='callPhone'></view>.js callPhone: function (e) { var phone = e.cu...

2018-06-22 12:02:15 4211

原创微信小程序之利用微信内置地图查看已定位的位置

获取到经纬度后，调用 wx.openLocation({ })方法即可：实例如下：js： data: { longitude:106.49626 , dimension:29.59921,},address: function () { var that = this; wx.openLocation({ latitude: parseFloat(that.data.d...

2018-06-20 18:57:57 2762

原创微信小程序客服功能

微信小程序客服功能的实现只需进行如下操作：1.登录微信公众平台 ——>启动小程序客服推送 ——>点击客服消息打开 ——>添加客服人员2.在微信小程序端调用 contact-button 接口即可具体如下：<contact-button type="default-light" size="20" session-from="weapp" ></contac..

2018-06-14 14:55:18 3700

原创微信小程序绘制表格

表格的绘制jsPage({data:{ infeed:['"", "1周", "2周", "3周", "总计"],endwise1: "游泳",tb1:"0",tb2:"0",tb3:"0",tb4:"0",endwise2: "跑步",tc1:"0",tc2:&quot

2018-05-09 11:18:03 3138

原创微信小程序之悬浮拖动框

1.微信小程序悬浮拖动页面DargDarg.jsPage({data:{top : ' ' ,left : ' ',windowWidth:'',windowHeight:''} //拖动不超过规定范围 setTouchMove: function (e) { console.log("---------------- e.touches[0].clientX------------...

2018-04-19 17:50:46 12411 1

原创获取打开微信小程序设备的屏幕尺寸

获取尺寸jsPage({data:{ windowHeight: '', windowWidth: '',}onLoad: function (options) { wx.getSystemInfo({ success: function (res) { console.log(res); // 屏幕宽度、高度 console.log('h...

2018-04-19 16:34:37 11059

原创微信小程序弹框

1.提示框：wx.showToast实例：wx:showToast({title:'马上开始'})2.显示加载: wx.showloading 关闭提示:wx.hidelading 两个需配合使用实例：wx:showloading({title:'正在加载'})setDoun(function(){wx.hidelading()2000},)3.模态弹框: wx.showModal wx.sh...

2018-04-18 20:38:49 767

原创微信小程序计算两点间的距离

获取经纬度 getLocation: function () { var that = this; wx.getLocation({ success: function (res) { if (res != undefined && res != null) { this.setData({ lati...

2018-04-17 14:18:52 6667

原创微信小程序数组操作

对数组的增加concat()/修改 /删除splice()/清空实例：jsPage({data:{Lists:[{ id:1, name:"北京大学"，array: 2},{ id:2, name:"天津大学"，array: 3},{ id:3, name:"湖南大学"，array: 4},]},//数组增加一个数组addArray : function(){var newArray=...

2018-04-16 13:38:28 15005

原创微信小程序选择按钮

1.单选：radio实例：js:Page({data : {radioId:"",loves:[{id:1， name:"跑步" ，checked : 'true'},{id:2， name:"篮球" },{id:3， name:"足球" },]},updataRadio:function(e){var Id=e.value.idthis.setData({radioId:Id})},})wxml...

2018-04-15 15:45:24 2824

原创微信小程序同一页面的取值

1.js里单个的值在wxml里取值方法：js里将该值定义为全局变量，在wxml里采用 {{ }}即可获取。实例： js里得值：data{schoolName:"清华大学"}wxml里获取：<view class="texts">{{schoolName}}</view>2.js里数组或是集合在wxml里的取值方法：js里将该集合或数组定义为全局变量，在wxml里采用for...

2018-04-15 11:27:48 1610

原创微信小程序页面跳转之wx.navigateBack

wx.navigateBack关闭当前页面，返回上一页面或多级页面。使用方法详解：方法名: function () { var pens = getCurrentPages(); var twoPen = pens[pens.length - 页面层级]; twoPen.delelPen();（上级页面里的刷新方法） wx.navigateBack({ ...

2018-04-13 17:44:57 4579 1

原创微信小程序赋值方法

1.微信小程序将值赋值给局部变量: "="实例：var name=options.goodsName2.微信小程序将值赋值给全局变量: "=" 或 this.setData({ })实例：this.data.goodName=options.goodsName this.setData({ goodName: options.goodsName })3.微信小程序将局部变量赋值给...

2018-04-13 13:29:05 23911

原创微信小程序页面取值

微信小程序js接受页面传值的方法：1.本页面参数名为局部变量：onLoad: function (options) { var 本页面参数名=options.上一传值页面参数名},实例： onLoad: function (options) { var shopsName=options.shopsName },2.本页面参数名为全局变量：onLoad: function (o...

2018-04-13 12:57:05 5023

原创微信小程序页面间传值

1.js页面间的传值：url: ' 路径 ? 值='+ 获取该页面取值,实例1： pageSkip :function(){ wx.navigateTo({ url: '/page/login/facte?shopsName='+this.data.shopsName, }) },实例2： pageSkip :function(){ w...

2018-04-13 12:15:22 323

原创微信小程序页面跳转

1.保留当前页面，跳转到应用内另一个页面：wx.navigateTo({ url: '页面路径', }) 实例： pageSkip :function(){ wx.navigateTo({ url: '/page/admin/details', }) },2.关闭当前页面，返回到上一级或多级页面：wx.navigateBack({ url: '页面路径...

2018-04-13 11:40:44 3695

nginx.conf 访问后端配置源文件

react下载,包括react.development.js;babel.min.js;react-dom.development.js

空空如也