- 博客(23)
- 收藏
- 关注
RSS订阅原创 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
352
原创 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
1297
原创 uniapp组件使用以及父子传值
一.组件定义使用 一.vue组件 1.在项目的/component目录下存放组件，在要显示组件的页面中则分为3步：导入、注册和使用。例： <template> <view> <myinput></myinput> <!-- 第三步，使用组件 --> </view> </template&g...
2020-03-13 21:00:29
3033
1
原创 uni.request
uni.request 作用：发起网络请求 OBJECT 参数说明 参数名 类型 必填 默认值 说明 url String 是 开发者服务器接口地址 data Object/String/ArrayBuffer 否 请求的参数 header Object 否 设置请求的 header...
2020-03-11 18:36:41
2094
原创 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
4984
原创 uniapp模板语法、计算属性、监听属性
一.模板语法 一.data属性 data 必须声明为返回一个初始数据对象的函数 //正确用法，使用函数返回对象 data:function() { return { // seen:true, title: 'Hello' } } 二.模板语法—插值 1.文本（使用双大括号插值） 2.通过 v-once 指令，可以执行一次性插值，当数据改变时，插值处的内...
2020-03-10 19:28:03
6011
原创 flex布局
一.Flex布局 一.Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 ①任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } ②行内元素也可以使用 Flex 布局。 .box{ display: inline-flex; } ③Webkit 内核的浏览器，必须加上-webkit前缀。 .box{ ...
2020-03-09 17:17:12
137
原创 uniapp起步
一.认识 1.uni-app是一个使用 Vue.js 开发所有前端应用的框架，编写一套代码可发布到多个平台。 2.优势： 开发者/案例数量更多 平台能力不受限 性能体验优秀 周边生态丰富 学习成本低 开发成本低 二.使用 1.通过HBuilder X 新建 => 项目 => uni-app(U) => 默认模板 => 创建 2.用微信开发者工具运行 ①HBuilder...
2020-03-08 17:12:06
176
原创 uniapp目录结构、生命周期、路由跳转
1.打开HBuilder X 新建项目 => uni-app(U) => 默认模板 => 创建 2.用微信开发者工具运行 ①HBuilder X中 运行 => 运行设置 => 微信开发者工具路径 => ②打开微信开发者工具端口 工具 => 设置 => 安全设置 => 将服务端口开启 ③再一次运行 3.目录结构 ①pages.json里...
2020-03-08 17:06:35
1054
原创 vue-router、elementiui、vant 安装引入应用
一.vue-router 1.安装 ①直接下载/CDN https://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
609
原创 async和await
async和await 1.async基本用法 async函数返回一个 Promise 对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。 例如：① async function myFunc(){ return "Hello World!"; } console.log(myFunc()); 控制台...
2020-03-05 09:58:12
221
原创 微信小程序语法
一.响应的数据绑定 1.框架的核心是一个响应的数据绑定系统，当做数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的更新。 <view> Hello {{name}}! </view> <button bindtap="changeName"> Click me! </button> // This is our App Service. /...
2020-03-05 09:44:43
313
原创 微信小程序学习起步
一.起步 微信小程序官方文档：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
383
原创 vue基础学习
一.概念 vue是一套用于构建用户界面的渐进式框架,可以自底向上逐层应用。 二.声明式渲染 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统： ①文本插值 渲染结果为 Hello Vue <div id="app"> {{ message }} </div> var app = new Vue({ el:'#app',...
2020-03-02 11:10:02
165
原创 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
146
原创 Promise学习
一.promise 1.含义：Promise对象用于表示一个异步操作的最终状态（完成或失败），以及其返回的值。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。 2.三种状态 pending（进行中）、 fulfilled / resolved（已成功）、 rejected（已失败） 3.特点 ①Prom...
2020-02-26 14:32:04
171
原创 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
156
原创 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
570
原创 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
1144
原创 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
649
原创 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
211
原创 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
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人