xuanzhuan365-CSDN博客

原创微信小程序底部tabbar自定义带弧度效果完整版案例

这是运行的效果：新建components组件文件夹，里面新建tabbarComponent文件夹，结构如下：tabbar.js代码：// tabBarComponent/tabBar.jsconst app = getApp();Component({ /** * 组件的属性列表 */ properties: { tabbar: { type: Object, value: { "backgroundColor": "#f

2021-04-30 15:21:13 2641 12

转载 vue中axios的封装和请求

最近看了一个视频关于axios的封装和请求的，感觉封装的模式和写法都不错。在这里展现出来。如果有更好的可以自行发挥。这边是以vue的代码结构来写的，具体如下：1、在src里面新建api文件夹，api文件夹里面新建一个http.js，用来封装axios的。http.js的代码如下：import axios from 'axios';import qs from 'qs';import Cookie from 'js-cookie'; // 引入cookie作为缓存/* * 根据环境变量

2020-11-17 17:29:51 384

原创 var、 let、const的区别使用和作用

var 和let都是声明变量使用的，var 声明的变量在代码块以外是可以访问到的，而let 声明的变量只能在当前代码块里面被访问使用。const 是用来声明一个只读的恒量/常量的，常量一旦声明并给予初始值后是不能再修改的。例如：使用var声明变量if(true){ var test = 'zoo'}console.log(test) // zoo;使用let声明变量：if(true){ let test = 'zoo'}console.log(test) //

2020-11-03 20:49:02 420 1

原创 uni-app开始时间结束时间（结束时间大于开始时间）picker编写

利用uni-app官网里面picker插件代码，点击开始时间后结束时间要大于选择后的开始时间，点击结束时间后开始时间要小于开始时间。html代码<view class="leave_cont"> <view class="ul"> <view class="li"> <text>开始时间</text> <vie...

2019-08-05 12:28:27 11239 2

原创纯CSS宽度高度自适应正方形布局（pc端、手机端通用）

1、css样式代码ul{ overflow:hidden;}ul li{ float:left; width:50%;}//这是关键代码.out_wapper{ position:relative; height:0; padding-top:100%;}.out_wapper .square{ border:1px solid #dddddd; position...

2019-05-29 16:19:27 2587

原创箭头函数和其中的this指向

箭头函数和普通函数的区别写法：// 普通函数function test(a){ return a+1}console.log(test(100)) // 101// 箭头函数const test = a => a+1 // 其中test是函数名，a是参数.console.log(test(100)) // 101// 如果函数体内只有一个语句就可以省略大括号{}，多个的话要加上大括号。// 多个表达式const test = a => { consol

2020-11-05 23:08:16 247

原创字符串的扩展方法 includes()、startsWidth()、endsWidth()的方法介绍使用

includes()是判断字符串中是否包含某一个字符，返回的是true 和 false 。const msg = 'Hi, my name is lily'console.log(msg.includes(name)) // truestartWidth()是判断字符串当中起始位置是否包含某一个字符，返回的是true 和 falseconst msg = 'Hi, my name is lily'console.log(msg.startWidth(Hi)) // trueendWi

2020-11-04 21:06:15 4914 9

原创数组解构、对象解构

数组解构就是能快速提取数组中的指定成员（数组的某一项值或所有的值）例如：解构赋值都是一一对应的，按照顺序。const arr = [200,300,400]const [a,b,c] = arrconsole.log(a,b,c) // 200,300,400也可以取数组的某一项值(结构必须保持一致)const arr = [200,300,400]const [, , c] = arrconsole.log(c) // 400还可在用“...”的方式提取所有的成员（注意

2020-11-03 23:23:39 7035

转载 css修改input checkBox复选框默认样式，css美化复选框样式

1、原input代码<input type="checkbox" checked="checked" />2、css重写样式代码注意：input里面一定要加position：relative。不然选中时对号没有效果。input[type="checkbox"]{ -webkit-appearance: none; vertical-align:middle;...

2019-08-16 11:53:51 788

原创 uni-app 性别选择效果（vue写法切换效果）

uni-app其实是用vue的写法代码格式来编写，利用点击切换背景图片来达到选中的效果。个人简单写法，如有不足敬请指教。这只是其中一种写法，大家参考。html代码<view class="sex_wapper"> <view class="flex1 boy" :class="sexIndex==0?'active':''" data-index="0" @click="c...

2019-08-05 12:38:17 16915

xuanzhuan365的博客