GWJieiee-CSDN博客

原创多页面传值（多对一）（uni-app）

多页面传值（多对一）理解: 多页面传值（多对一）可以理解为多个子页面向一个父页面传值思路：首先在父页面定义一个对象或者数组，其次子页面通过getCurrentPages()方法获取父页面定义的数组或者对象，然后将子页面需要传递的数据赋值给父页面的数组或者对象，最后利用uni-app的onShow()方法实时更新父页面的数据即可。代码：父页面定义data对象data:{ data1:{}, data2:{}, data3:[]}子页面利用getCurrentPages()方法获取父页面的

2021-06-09 15:09:38 334

原创遮罩层，弹出层显示禁止页面滚动

遮罩层，弹出层显示禁止页面滚动当弹出层，遮罩层显示时，设置页面的宽高为100%，overflow为hidden，并设置fixed定位.pop-show{ width:100%; height:100%;/*或者height:100vh*/ position:fixed; top:0; left:0; overflow:hidden;}当弹出层，遮罩层关闭时，移除该class属性即可...

2021-05-31 16:31:06 764

原创多选，去重选择

多选和取消选择主要使用js的index( )方法html代码 :<view class="tab"> <view class="tab-li" :class="choose.indexOf(tab) != -1 ? 'active' : ''" @click="choose(tab,index)" v-for="(tab,index) in tabList" :key="index">{{tab}}</view></view>js代码 :exp

2021-05-31 15:08:12 162

原创 JavaScript的Object.defineProperty( )方法

Object.defineProperty方法可以在一个对象上定义一个新的属性，或者修改该对象原有的属性，并返回该对象。基础的语法格式如下：var data = {}//定义一个对象Object.defineProperty(data,'name',{ configurable:false,//设置对象的属性是否可以被修改/删除（默认为false） enumerable:false,//设置对象的该属性是否可以枚举（默认为false） value:111,//设置对象该属性的值（

2020-09-11 18:06:17 139

原创 js计算两个时间的时间差

function dateSpace(Date1, Date2) { var newDate1 = Date.parse(Date1); var newDate2 = Date.parse(Date2); var day = newDate2 - newDate1; var days = Math.floor(day / (24 * 3600 * 1000)); return days; };

2020-06-29 15:01:58 259

原创 uni-app tabbar页面传参

官网中说明uni-app和小程序的switchTab跳转tabbar页面，路径后不能带参数，所以，以下使用两种方法进行tabbar页面之间的传参。全局变量传参（globalData全局变量）传递参数的页面：getApp().globalData.name = "lixian";uni.switchTab({ url:'../tabbar2/tabbar2?name=' + name})接受参数的页面：全局变量数据加载显示在onShow方法中onShow(){ this.name =

2020-06-01 15:46:30 5234

原创 php可变函数

php可变函数一个变量名后有圆括号，php将寻找与变量值同名的函数，并执行。如果一个变量被赋予不同的值，程序会调用不同的函数。（即以变量名作为函数名调用函数）注：可变函数不能直接用于echo、print、unset( )、empty( )、include、require等类似的语言结构，需要使用自己包装的函数来将这些结构用作可变函数。例：function lixian(){ echo ...

2020-04-28 15:49:57 161

原创 SEO优化

SEO优化SEO优化技巧SEO三条重要规律：原创内容、高质量的外部链接、持之以恒适度的优化。meta标签meta标签的作用有：搜索引擎优化，定义页面实用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等。meta标签的keywords参数：代表说明网站的关键词<meta name="keywords" content="信息...

2020-03-25 16:21:28 136

原创 display：flex属性

flex（flexible box）弹性布局，设置此属性后，子元素的float，clear，vertical-align属性失效。可以应用于容器或者行内元素。容器中的6个属性：（1）flex-direction：容器中项目的排列方向（默认为横向）可以取值为：row /row-reverse /column /column-reverse（2）flex-wrap：容器内项目换行方式（默认不换...

2020-03-05 16:44:00 1804

原创 padding-top方法实现响应式背景图片

使用padding-top方法实现响应式背景图片保持元素的宽高比，为元素添加垂直方向padding-top值，使用百分比形式：padding-top=（高度/宽度）*100%;还需要添加background-size:cover属性让北京元素铺满，为兼容IE8以下浏览器，还需要添加background-position:center属性，同时保证图片的宽或高最大等于它父容器的宽或高。代码如...

2020-03-05 16:34:04 419

原创 css实现毛玻璃效果

css实现毛玻璃效果实现效果如图所示：通过三层重叠实现：（通过z-index设置顺序）最外层是文字显示的content层中间层是背景层最底层为模糊的content:before层中间和最底层顺序可以互换。源代码如下：<html> <head> <meta charset="UTF-8"> <title></ti...

2020-03-05 16:30:10 374

原创 JavaScript判断文件是否存在

var xmlhttp; if(window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest();//其他浏览器 } else if (window.ActiveXObject) { try { xmlhttp = new ActiveXObjec...

2020-03-05 16:23:14 838

原创 HTML的map标签

map标签html的map标签是图片映射标签，大白话就是，map标签可以在img图片上获取焦点，添加相应的事件。map标签是与img标签配合使用的，先给img标签添加属性usemap，属性值为map标签的id值。map标签放在img标签之后，map标签需要添加name属性和id，与img的usemap属性相对应。map标签与area标签配合使用，area标签可以通过shape属性和coor...

2020-03-05 16:16:47 981

weixin_42811773的博客