8 Kashi_fazi

尚未进行身份认证

我要认证

java自学苦行僧

等级
TA的排名 23w+

uniapp中的onLoad不起作用

在页面组件里使用onLoad是会执行的但如果在页面组件里的子组件使用onLoad不会执行可以vue的生命周期mounted代替

2020-06-22 14:26:55

uniapp使用better-mock在小程序端模拟数据

初始化项目在uniapp项目目录下npm init安装better-mock官方文档npm install better-mock新建文件新建mock文件夹mock文件夹下新建index.js小程序平台要引入dist/mock.mp.jsconst Mock = require('better-mock/dist/mock.mp.js')根据数据模板生成模拟数据const Mock = require('better-mock/dist/mock.mp.js')M

2020-06-21 12:31:38

async/await的使用

为什么要用async/await单纯地使用promise对象+then的形式顺序执行,代码使用起来并不优雅,需要一种更接近传统语法的形式异步请求axios的API都是返回的promise对象基本用法async 关键字用于函数上(async函数的返回值是Promise实例对象所以要用then得到返回值)await 关键字用于async函数当中,接在promise对象前面可以得到reslove或者reject的结果 var sum=0 function time

2020-06-21 10:44:04

promise的使用

为什么需要promise?存在像定时器和ajax请求这样的异步函数异步函数的特点就是代码执行顺序并非按照常规的从上往下执行而且顺序不固定setTimeout(function () { console.log('1') }, 2000 ); setTimeout(function () { console.log('2') }, 1000 ); setTimeout(function (

2020-06-21 09:39:25

export和export default的区别

export与export default均可用于导出常量、函数、文件、模块等在一个文件或模块中,export、import可以有多个,export default仅有一个通过export方式导出,在导入时要加{ },export default则不需要输出单个值,使用export default输出多个值,使用exportexport default与普通的export不要同时使用...

2020-06-20 14:23:58

uni-app小程序端获取openid

小程序登录流程步骤获取临时登录凭证codehttps://uniapp.dcloud.io/api/plugins/login?id=loginuni.login({ provider: 'weixin', success: function (res) { console.log(res.code); }});请求登录凭证校验接口获取用户唯一标识 OpenIDuni.request微信官方接口文档uni.login({ provider: 'weix

2020-06-20 10:45:59

uni-app小程序端获取定位

使用uni.getLocation API基本用法https://uniapp.dcloud.io/api/location/location?id=getlocationuni.getLocation({ type: 'wgs84', success: function (res) { console.log('当前位置的经度:' + res.longitude); console.log('当前位置的纬度:' + res.latitude);

2020-06-20 09:49:26

form-data、x-www-form-urlencoded、raw、binary的区别

form-data将表单的数据处理为一条消息,以标签为单元,用分隔符分开既可以上传键值对,也可以上传文件当上传的字段是文件时,会有Content-Type来说明文件类型x-www-form-urlencoded将表单内的数据转换为键值对raw可以上传任意格式的文本,可以上传text、json、xml、html等binary只可以上传二进制数据通常用来上传文件由于没有键值,所以,一次只能上传一个文件...

2020-06-19 22:59:06

params和body的区别

get请求适合向服务器发送数据量较小的请求比如查询操作请求参数会放在url里,用?分割参数,多个参数用&链接params里的参数会被放在url里,所以get请求时参数添加在params里post请求适合项数据量发送数据量较大的请求比如添加操作,上传文件等参数不会放在url里body里的参数不会放在url里,所以post请求时参数添加在body里...

2020-06-19 22:38:11

响应式居右导航栏

响应式导航栏<nav> <ul> <li><a href="#">About</a></li> <li><a href="#">Work</a></li> <li><a href="#">Contact</a></li> </ul></nav><style> h

2020-06-06 10:42:08

font-size: 62.5%的意义

font-size: 62.5%的意义首先,rem是以html为基准。一般的,各大主流浏览器的font-size默认值为16px,此时1rem=16px。如果此时将rem与px进行换算很麻烦,比如0.75rem=12px。为了更方便的进行换算(比如1:10),就可以加样式:html,body{ font-size: 62.5%}设置了62.5%以后就有 1rem=10px,便于用rem指定元素的尺寸(比如1.2rem=12px,1.4rem=14px),这样响应式的时候就可以直接改变

2020-06-06 10:19:44

多行文本水平垂直居中

多行文本垂直居中<section> <h1>Hey I am Mimic</h1> <p>a web developer</p></section><style> section { display: flex; flex-direction: column; justify-content: center; align-items: center;

2020-06-06 09:55:57

div中input垂直居中的方法

div中input垂直居中的方法1. absolute+transfrom<div> <input type="text"/></div><style> div{ position: relative; height: 44px; background-color: #fe3c35; } input{ position: absolute; top: 50%; transform: translateY(-50%

2020-06-03 08:00:47

RESTful API个人理解

RESTful API个人理解首先REST不是休息的意思,是Representational State Transfer的缩写,即表现层状态转化其实也不用去刻意去理解什么是表现层,什么是状态转化,只要明白跟一般的API有什么区别就可以了前置知识URI和URL找了那么多解释感觉这个解释最清楚HTTP中的请求方式当浏览一个Web页面时,客户端要向服务器发送请求,而这个请求中要包含请求的方法一般的API和RESTful API对比一般的API可能长成以下这个/api/g

2020-05-28 15:59:11

vue中利用setInterval实现验证码倒计时

vue中利用setInterval实现验证码倒计时setInterval基本用法setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式setInterval( function () { console.log('hello'); }, 3000)每隔三秒输出一个setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭由 s

2020-05-28 12:07:56

input框中内嵌button按钮

input框中内嵌button按钮用途常见的使用场景就是input框中输入手机号然后发送验证码实现大致框架<div class="container"> <input type="text" placeholder="手机号"> <button>发送验证码</button> <input type="text" placeholder="验证码"></div><s

2020-05-27 12:25:13

vue中input标签的使用

vue中input标签的使用普通input标签<input type="text" value="value" placeholder="placeholder" name="name">type规定 input 元素的类型,value规定 input 元素的值placeholder规定帮助用户填写输入字段的提示name用于对提交到服务器后的表单数据进行标识在客户端通过 JavaScript 引用表单数据vue中的input标签<inpu

2020-05-26 15:58:31

box-sizing:boder-box原理

box-sizing:boder-box原理没有border、padding、margin的盒子<style> div{ width: 200px; height: 200px; background-color: #f1f1f1; }</style>此时盒子的大小: width有border、padding和margin的盒子<style> div{ widt

2020-05-26 15:10:16

vuex中subscribe的使用

vuex中subscribe的使用会在每个 mutation 完成后调用,接收 mutation 和经过 mutation 后的状态作为参数App.vuethis.$store.commit('add')store.jsconst store = new Vuex.Store({ state:{ name:'zs', age:18 }, mutations:{ add(state){ consol

2020-05-25 17:20:40

使用vue.config.js模拟请求数据

使用vue.config.js模拟请求数据新建JSON文件,写下要请求的数据{ "data": [ { "name": "zs", "sex": "男" }, { "name": "ls", "sex": "女" } ]}新建vue.config.jsconst user = require('./api/user.json') // 引入json数据module.exports = { dev

2020-05-25 16:31:21

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 技术圈认证
    技术圈认证
    用户完成年度认证,即可获得
  • 阅读者勋章Lv1
    阅读者勋章Lv1
    授予在CSDN APP累计阅读博文达到3天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。