- 博客(23)
- 收藏
- 关注
RSS订阅原创 微信小程序使用promise封装接口
1、首先创建一个放封装接口的js文件2、在index.js中写promise封装，具体实例代码下图 (仔细看应该都能看懂哈~)export const request=(params)=>{ //定义公共url const baseUrl = "https://api-hmugo-web.itheima.net/api/public/v1/" //返回promise对象 return new Promise((resolve,reject)=>{
2020-10-19 10:50:10
647
4
原创 微信小程序中支持es7的async语法
原生的微信小程序项目中需要把原来es6的promise方法改成es7的async await，这样代码看起来更直观，也方便以后的兄弟维护解决办法在小程序开发工具中勾选es6转es5语法下载 facebook的regenerator库中的 regenerator/packages/regenerator-runtime/runtime.js注意：这里的给出的库是指定版本的，不要下载最新的。在小程序目录下新建文件夹 lib/runtime/runtime.js，将代码拷贝进去。在每一个需要使
2020-10-19 10:25:37
468
原创 uniapp中v-for嵌套问题
<view class="dynList" v-for="(item,index) in trendList" :key="item.id"> <view class="top"> <view class="left"> <view class="toux"><image :src="item.member_avatar">&...
2020-04-25 14:46:17
3498
原创 uni-app组件定义使用以及父子组件传值
自定义组件1、首先在components文件夹下新建一个vue文件，components是默认放置组建的目录。<template> <view class="test"> <text>{{child}}</text> </view></template><script> export defau...
2020-03-12 12:00:12
3442
1
原创 uni.request网络请求
uni.request(OBJECT)OBJECT 参数说明参数名类型必填默认值说明urlString是开发者服务器接口地址dataObject/String/ArrayBuffer否请求的参数headerObject否设置请求的 header，header 中不能设置 Referer。methodString否GET...
2020-03-11 16:58:38
4389
原创 uni-app事件处理
监听事件v-on 可以简写成@click 指令监听，当点击button按钮，counter变量就会加一<template> <view class="demo"> <button @click="counter +=1">add 1</button> <view>{{counter}}</view> </...
2020-03-11 12:24:17
444
原创 uni-app基础语法
模板语法变量赋值<script>export default { data() { return { title: 'hello', name: 'uni-app' } }}</script>在视图中使用{{}}调用变量<template> <view class="container"> {{title...
2020-03-10 17:25:25
796
原创 Flex布局
Flex容器：首先，实现 flex 布局需要先指定一个容器，任何一个容器都可以被指定为 flex 布局，这样容器内部的元素就可以使用 flex 来进行布局。.container { display: flex | inline-flex; //可以有两种取值}分别生成一个块状或行内的flex容器盒子。如果使用块级元素，就可以使用flex，而如果是用的内联元素，就可以使...
2020-03-09 18:18:58
153
原创 uniapp生命周期，路由与页面跳转
uni生命周期函数应用的生命周期函数名说明onLaunch当uni-app 初始化完成时触发（全局只触发一次）onShow当 uni-app 启动，或从后台进入前台显示onHide当 uni-app 从前台进入后台onError当 uni-app 报错时触发示例代码<script>export default { //只能在...
2020-03-06 15:59:34
6967
原创 uniapp入门
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。1、下载HBuilderX 官方下载地址创建uni-app：文件-新建-项目选择uni-app，输入项目名称，点击创建，即可成功创建 uni-app。创建成功后运行，我一般使用微信开发者工具运行...
2020-03-05 10:31:31
386
原创 element-ui vant 安装引入应用
1、elementiui安装使用npm安装：npm i element-ui -S查看配置文件package.json文件是否有element-ui的版本信息在main.js中引入：当然也可以按需引入Element UI组件安装babel-plugin-component：然后，将.babelrc修改为：接下来，如果您只希望保留部分组件，例如Button和Select，那么需...
2020-03-04 12:15:55
711
原创 Vue使用axios发送get和post请求
1、安装axios在终端安装axiosnpm install axios --save2、查看是否安装成功在package.json中查看到有axios，即安装成功3、引入axios使用插件的时候，一般都要在入口文件main.js中引入，因为main.js项目运行首先运行的文件。具体代码如下：在main.js文件中4、在vue文件中使用axios...
2020-03-04 11:15:41
1461
原创 vscode使用git以及使用git上传代码
1、先说下把自己项目传到github首先github创建项目，步骤如下：然后找到项目文件夹，空白处右击Git Bash Here，执行以下命令，你的代码就上传到你在github创建的项目里了。（在github创建的项目中看到你的代码，就成功了。）命令行：cd zhihuribao // 在本地命令行中切换到自己的项目中git init // 初始化仓库（想当于新建本地...
2020-03-03 19:28:25
3128
原创 es6变量let和const学习
在ES5中 我们使用var定义变量ES6中 新增了let命令 const命令，用来声明变量。1、let变量用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。var变量会自动找离自己近的变量，而let变量只在let命令所在的代码块内有效。let命令在代码块外使用出现报错。2、let不存在变量提升：结果：会报错变量 a 用 var 命令声明，会发生变量提升，运...
2020-03-02 12:43:26
107
原创 Promise基本学习
Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。1、Promise三种状态Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和rejectresolve：将Promise对象的状态从“未完成”变为“成功”（即从 pending 变为 resolved），在异步操作成功时调用，并将异步操作的结果，作为参数传递出...
2020-02-28 18:17:20
340
转载 es6中Set和Map数据结构
1、数据结构：Map键值对：与对象不同的是键和值可以是任何类型Map实例的属性和操作方法size 属性：size属性返回 Map 结构的成员总数。Map.prototype.set(key, value)：set方法设置键名key对应的键值为value，然后返回整个 Map 结构。如果key已经有值，则键值会被更新，否则就新生成该键。Map.prototype.get(key)：get...
2020-02-27 16:15:55
205
原创 es6中箭头函数学习
ES6标准新增了一种新的函数：箭头函数箭头函数解决的问题：1、缩减代码2、改变this指向在es5中写法es6中使用箭头函数当只有一个参数时，()括号可以加也可以不加，不影响运行，如有多个参数必须加括号，否则报错箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面一样，只包含一个表达式，连{ … }和return都省略掉了，还有一种可以包含多条语句，这时候...
2020-02-26 15:42:55
118
原创 vue项目中使用sass
1、在使用scss之前，我们首先需要安装sass的依赖包：npm install node-sass --save-devnpm install sass-loader --save-dev(在这里第一个命令可能会安装失败，不用担心，执行以下命令)解决 $ npm install node-sass --save-dev 失败的问题npm install --save node-sass...
2020-02-25 10:13:34
297
原创 es6初级学习
1、vscode扩展程序Live serverJavaScript (ES6) code snippetsECMAScript是JavaScript的标准（语法规范）2、数组方法：forEachmapmap需要返回值，如果不给return，默认返回undefinedmap返回的是一个新的数组...
2020-02-24 17:04:31
306
原创 Postman安装和使用方法
Postman一款非常流行的API调试工具。其实，开发人员用的更多。因为测试人员做接口测试会有更多选择，例如Jmeter、soapUI等。不过，对于开发过程中去调试接口，Postman确实足够的简单方便，而且功能强大。官方网站：https://www.getpostman.com/安装Postman提供了独立的安装包，不再依赖于Chrome浏览器了。同时支持MAC、Windows和Linux...
2020-02-21 17:11:24
192
原创 sass基本使用
1、变量定义 !default在变量的结尾添加 !default 给一个未通过 !default 声明赋值的变量赋值，此时，如果变量已经被赋值，不会再被重新赋值，但是如果变量还没有被赋值，则会被赋予新的值变量是 null 空值时将视为未被 !default 赋值2、混合器用@mixin 定义内容 用 @include 调用内容编译后混合器也支持基本语法给混合器传参...
2020-02-20 17:40:05
315
原创 sass的特性及基本使用
1、Sass特性完美兼容CSS语言扩展，如变量，嵌套和mixin用于操作颜色和其他值的许多有用的函数高级功能，如库的控制指令格式良好，可定制的输出2、主要数据类型数字: 1.2 、 12px文本字符串（引号并不影响）： foo 、 "foo" 、'foo'颜色：red、#6699cc、rgba(0,0,0,0.5)布尔值：true、false空值： null多值，以逗号...
2020-02-19 16:58:32
1087
原创 Sass安装及基本语法
1、什么是Sass？Sass是一种css预处理器Sass可是使用css没有实现的功能，例如变量、嵌套、组合、继承等等；Sass语法来编写.scss文件 ，将它们编译成.css文件2、安装：使用npm安装 npm -v(确保已安装上npm) npm install -g sass / (cnpm)淘宝镜像3、编译.scss文件为css文件运行：sass input.scss out...
2020-02-18 17:21:59
283
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人