- 博客(23)
- 收藏
- 关注
原创 uniapp-vuex学习
一.概念Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。二.使用因为uniapp中已经内置了vuex,所以可以直接引用。①在main.js中引入import Vuex from 'vuex'console.log(Vuex);打印结果如下:证明有vuex②新建一个store文件夹,在里面新建文件index.js③在index.js中引入import Vuex...
2020-03-24 18:57:56
245
原创 uniapp多媒体组件及配置项
一.audio音频<view> <audio :src="audioSrc" controls></audio></view>data:function() { return { audioSrc:"https://img-cdn-qiniu.dcloud.net.cn/uniapp/audio/music.mp3" }}常用...
2020-03-13 21:01:13
1043
原创 uniapp组件使用以及父子传值
一.组件定义使用一.vue组件1.在项目的/component目录下存放组件,在要显示组件的页面中则分为3步:导入、注册和使用。例:<template> <view> <myinput></myinput> <!-- 第三步,使用组件 --> </view></template&g...
2020-03-13 21:00:29
2858
1
原创 uni.request
uni.request作用:发起网络请求OBJECT 参数说明 参数名 类型 必填 默认值 说明 url String 是 开发者服务器接口地址 data Object/String/ArrayBuffer 否 请求的参数 header Object 否 设置请求的 header...
2020-03-11 18:36:41
1933
原创 uniapp条件渲染、列表渲染、事件处理
四.条件渲染1.v-if 指令用于条件性地渲染一块内容<view v-if="awesome">Vue is awesome!</view>data:function() { return { awesome:true //true或false }}2.也可以用 v-else 添加一个“else 块”<view v...
2020-03-11 18:35:46
4605
原创 uniapp模板语法、计算属性、监听属性
一.模板语法一.data属性data 必须声明为返回一个初始数据对象的函数//正确用法,使用函数返回对象data:function() { return { // seen:true, title: 'Hello' }}二.模板语法—插值1.文本(使用双大括号插值)2.通过 v-once 指令,可以执行一次性插值,当数据改变时,插值处的内...
2020-03-10 19:28:03
5626
原创 flex布局
一.Flex布局一.Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。①任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}②行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}③Webkit 内核的浏览器,必须加上-webkit前缀。.box{ ...
2020-03-09 17:17:12
76
原创 uniapp起步
一.认识1.uni-app是一个使用 Vue.js 开发所有前端应用的框架,编写一套代码可发布到多个平台。2.优势:开发者/案例数量更多平台能力不受限性能体验优秀周边生态丰富学习成本低开发成本低二.使用1.通过HBuilder X新建 => 项目 => uni-app(U) => 默认模板 => 创建2.用微信开发者工具运行①HBuilder...
2020-03-08 17:12:06
123
原创 uniapp目录结构、生命周期、路由跳转
1.打开HBuilder X新建项目 => uni-app(U) => 默认模板 => 创建2.用微信开发者工具运行①HBuilder X中运行 => 运行设置 => 微信开发者工具路径 =>②打开微信开发者工具端口工具 => 设置 => 安全设置 => 将服务端口开启③再一次运行3.目录结构①pages.json里...
2020-03-08 17:06:35
902
原创 vue-router、elementiui、vant 安装引入应用
一.vue-router1.安装①直接下载/CDNhttps://unpkg.com/vue-router/dist/vue-router.js在 Vue 后面加载 vue-router,它会自动安装的:<script src="/path/to/vue.js"></script><script src="/path/to/vue-router.js"&g...
2020-03-05 09:58:29
505
原创 async和await
async和await1.async基本用法async函数返回一个 Promise 对象,可以使用then方法添加回调函数。当函数执行的时候,一旦遇到await就会先返回,等到异步操作完成,再接着执行函数体内后面的语句。例如:①async function myFunc(){ return "Hello World!"; }console.log(myFunc());控制台...
2020-03-05 09:58:12
143
原创 微信小程序语法
一.响应的数据绑定1.框架的核心是一个响应的数据绑定系统,当做数据修改的时候,只需要在逻辑层修改数据,视图层就会做相应的更新。<view> Hello {{name}}! </view><button bindtap="changeName"> Click me! </button>// This is our App Service./...
2020-03-05 09:44:43
215
原创 微信小程序学习起步
一.起步微信小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/1.申请账号2.安装开发者工具3.新建项目二.小程序代码构成1.一个项目中生成了4种文件①.json 后缀的 JSON 配置文件②.wxml 后缀的 WXML 模板文件③.wxss 后缀的 WXSS 样式文件④.js 后缀的 JS 脚...
2020-03-03 16:27:51
276
原创 vue基础学习
一.概念vue是一套用于构建用户界面的渐进式框架,可以自底向上逐层应用。二.声明式渲染Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统:①文本插值渲染结果为 Hello Vue<div id="app"> {{ message }}</div>var app = new Vue({ el:'#app',...
2020-03-02 11:10:02
95
原创 git操作
一.**1.**简介:Git是目前世界上最先进的分布式版本控制系统2.git配置命令第一次使用git,配置用户信息:①配置用户名:git config --global user.name "your name"②配置用户邮箱:git config --global user.email "youremail@github.com"**3.**工作区上的操作命令新建仓库①创建一个新...
2020-02-27 16:01:38
83
原创 Promise学习
一.promise1.含义:Promise对象用于表示一个异步操作的最终状态(完成或失败),以及其返回的值。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。2.三种状态pending(进行中)、fulfilled / resolved(已成功)、rejected(已失败)3.特点①Prom...
2020-02-26 14:32:04
87
原创 ES6中set和map
一.set和map数据结构1.set集合:可以存储任何数据类型,并且是唯一的(不重复的值)例:const set1 = new Set();①添加数据 add//往set1中添加数据set1.add(100);set1.add("A String");set1.add({name:"Henry"});set1.add(true);set1.add(100); //...
2020-02-26 14:29:29
113
原创 let和const以及箭头函数
一.安装插件在vscode扩展中搜索live-Server、JavaScript(ES6) code snippets安装二.let和const命令1.let命令用法和var相似,用来声明变量。但是声明的变量只在let命令所在的代码块内有效。2.const①const声明一个只读的常量。一旦声明,常量的值就不能改变。改变常量的值会报错。②对于const来说,只声明不赋值,也会报错。...
2020-02-24 18:46:56
457
原创 postman中get/post请求方法
接口测试之post、get请求方法一.1.发送get请求并传参①选定get请求②输入基地址 例:https://cnodejs.org/api/v1③输入接口地址cnode.js的API文档中,第一个get请求地址是/topics,所以Postman中输入的接口地址是https://cnodejs.org/api/v1/topics④输入参数⑤点击send发送上面是接口需要输...
2020-02-24 18:44:33
986
原创 sass嵌套及编译样式
一.Sass嵌套css规则1.普通嵌套嵌套功能避免了重复输入父选择器,而且令复杂的 CSS 结构更易于管理在css中需要重复写选择器,比如:#index con h1{ color:red }#index con p{ margin-bottom:1em }#index list{ background-color: #EEE }在sass中可以这样写,嵌套在里面#in...
2020-02-21 15:29:40
518
原创 postman使用教程
postman界面简介使用方法1.Get请求:①https://api.github.com/events:请求的URL②点击蓝色“Send”按钮,获取返回值。注: GET请求的参数在url后面拼接,如:“https://api.github.com/events?id=1&name=user”如图示:2.Post请求“http://httpbin.org/post”...
2020-02-20 17:29:23
147
原创 sass安装及基本语法
安装①下载安装Ruby安装注意勾选Add Ruby executables to your PATH添加到 系统环境变量②运行cmd命令:ruby -v //如安装成功会打印 ruby 2.6.4p104 (2019-08-28 revision 67798) [x64-mingw32]③因为国内网络的问题导致gem源间歇性中断因此我们需要更换gem源gem update ...
2020-02-18 17:51:51
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人