- 博客(30)
- 收藏
- 关注
原创 uniapp中的Vuex
一:vuex。1,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。2,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。3,Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。4,vuex官网。二:例子。1,在 uni...
2020-04-03 18:27:42
696
原创 uniapp项目部署运行,打包,发布
1,打包涉及到支付、以及各平台兼容性,查看官方API链接。2,h5打包。控制台输出:说明:uni-app在打包成h5时,默认是不支持直接打开的,因为打包出来是 (/xxx/xxx)这种格式,可在vue.config中配置publicPath,把它配置成(./),但在uni-app中找不到这个文件的。其中官网有提到 点击查看publPath。 "h5" : { "publi...
2020-03-31 17:48:31
12083
1
原创 uniapp中的tabber设置
1,pages.json:pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口表现、设置多 tab 等。2,pages.json配置项列表:globalStyle Object 否 设置默认页面的窗口表现。pages Object Array 是 设置页面路径及窗口表现。tabBar Object 否 设置底部 tab 的表现。condition ...
2020-03-30 17:35:58
694
原创 uniapp网络请求
uni.request(OBJECT)即为发送网络请求。详细参数说明请参考:uniapp官网 uni.request({ url: 'https://www.example.com/request', //仅为示例,并非真实接口地址。 data: { name: 'letter', age: 20 }, m...
2020-03-27 17:30:43
1675
原创 uni-app引入UI组件库Vant-weapp
1,官网组件有关介绍参考。2,下载安装包:vant-weapp3, 项目中引入vant-weapp组件步骤。① 在根目录下创建 wxcomponents文件夹。② wxcomponents文件夹下新建vant文件夹。创建完成后的目录结构 ↓③ 将dist目录复制粘贴到新建的vant文件夹中。④ 在App.vue文件里进行以下操作。@import "/wxcomponents...
2020-03-26 16:21:25
1747
原创 uniapp组件之间传值
!!!父组件向子组件传值 通过props来实现,子组件通过props来接收父组件传过来的值!基础步骤:①在父组件中引入子组件,并对子组件进行注册。②并在父组件上写上子组件的引用标签。父组件:说明:引用标签里的 @receive=returnDate 左边的@receive是子组件的,右边的returnDate是父组件的(也可左右两边同名); 意思是指定父组件的某个方法(return...
2020-03-24 17:32:15
2149
原创 uniapp组件引入应用
一:uniapp组件引入,可以让我们的代码结构更清晰,减少重复写入,也可以让代码在多处使用,大大提高我们的效率,缩小整个项目的大小,减少了工作量。1,引入组件。在index.vue中引入maintain ,seckill ,SpellDeals 组件 并在实例中注册。 import maintain from "../../components/maintain.vue" import s...
2020-03-23 17:39:47
4288
原创 uniapp数据绑定
1,uniapp数据绑定。uni-app数据绑定分两种情况:①在标签内部绑定使用:{{参数}}②标签内部绑定使用: 例::value=‘参数’ 也就是标签内属性绑定参数要多加个:2,data(){}:存放数据,在data(){}中return,然后去绑定数据。<template> <view class="content"> <text class="...
2020-03-20 16:21:54
5626
原创 Uniapp环境部署--数据绑定
一:uniapp介绍。 1,uni-app是一个使用Vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。,2,uni-app框架由Dcloud即数字天堂(北京)网络技术有限公司推出,该公司主要产品有Web开发IDE Hbuiler、HbuilderX,前端框架mui、uni-app,增强版的手机浏览器引擎H5plus等。二:环境搭...
2020-03-13 17:24:39
624
原创 Axios发送get、post请求,获取并处理返回值
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
2020-03-12 17:10:21
15381
1
原创 vue中的计算属性和监听属性
一:监听属性。1.watch:用来监听每一个属性的变化。2.watch这个对象里面都是函数,函数的名称是data中的属性名称,watch中的函数不需要调用。3.当属性发生改变那么就会触发watch函数,每个函数都会接受两个值,一个是新值,一个是旧值。<div id="app"> <input type="text" v-model="first">+ ...
2020-03-11 16:58:58
347
原创 vue中组件间的父子传值
一,父组件向子组件传值。当父组件在引用子组件的时候,可以通过属性绑定(v-bind)的形式,把需要传递的子组件的数据,以属性绑定的形式,传递到子组件内部,提供子组件使用 。html:<div id="app"> <com1 v-bind:parentmsg="msg"></com1></div>js:<script src...
2020-03-10 17:13:37
143
原创 vue实例生命周期
一:生命周期。1,从Vue实例的创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!2,生命周期钩子=生命周期函数=生命周期事件二:主要的生命周期分类:①创建期间的生命周期函数 ↓beforeCreate:实例刚在内存中就被创建出来,此时还没有实例化好data和methods属性。created:实例已经在内存中创建成功,此时data和methods已经创建...
2020-03-09 17:35:42
145
原创 v-on事件绑定机制
1,v-on是常用的绑定事件的方法,所以它也有一个简写方式@如 @click=“onClick” @代表v-on:*在用对象同时绑定多个事件时,不能用@代替v-on。//html<input type="button" value="按钮" v-on:click="show">//jsmethods:{//这个属性定义了当前vue实例所有的可用方法 sho...
2020-03-06 17:01:56
622
原创 vue数据渲染
一,vue介绍。Vue是一套构建用户界面的渐进式框架。(渐进式)二,声明式渲染Vue.js的核心是一个允许采用的简洁的模板语法来声明式地将数据渲染进DOM的系统。文本插值数据绑定最常见的形式就是使用 {{…}}(双大括号)。<div id="app"> <p>{{ message }}</p></div><script&g...
2020-03-05 17:32:29
284
原创 es6中的async和await
async 函数是终极异步解决方案,使得异步操作变得更加方便。1,async的用法。它作为一个关键字放到函数前面,用于表示函数是一个异步函数, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。 async会返回promise对象。 async function fun(){ return "hello world!"; } console.log(fun...
2020-03-04 17:29:00
331
原创 es6中的let和const命令
*ES6中新增了let(常量),const(变量),使用的都是块级作用域,变量声明只在代码块中有效。1,var与let的区别。 //var用法 function textVar(){ var a=30; if(true){ var a=50; console.log(a);//50 } ...
2020-03-03 17:33:40
117
原创 es6中的Set集合
一:set概述。ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。语法:set对象允许存储任何类型的唯一值,无论是原始值或者是对象引用;new Set([iterable])1,参数非必需, 如果传递一个可迭代对象,他的所有元素被添加到新的Set中,如果无此参数,则Set为空。2,返回一个新的Set对象。二:Set实例的方法和属性属性:...
2020-03-02 16:55:54
356
原创 es6中的Map集合
一:什么是Map。JavaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键。Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。...
2020-02-28 17:21:44
318
原创 es6 => 箭头函数
一:ECMAScript 和 JavaScript 的关系。*ECMAScript 是JavaScript的标准(语法规范)。*JavaScript用于遵循这个规范。二:准备工作。1,vscode编译器。2,Chrome浏览器。3,在vscode中下载并安装live server插件;JavaScript code snipers(用于识别语言)。写完代码以后,右击选择Open w...
2020-02-27 17:39:35
152
原创 前端调试工具
一:常用的前端调试工具。1,Chrome浏览器的调试工具。2,火狐浏览器的Firebug插件调试工具。3,IE的开发人员工具等。二:Chrome浏览器的调试工具的打开方式。1,在网页任意地方右击,选择检查选项。2,使用【Ctrl+shift+i】打开前端调试工具。3,使用【f12】或【(Fn+f12)】也可以打开调试工具。三:Chrome调试模块。Chrome常用调试:netwo...
2020-02-26 17:21:31
751
1
原创 Postman简单介绍
一:Postman的介绍。Postman是google开发的一款功能强大的网页调试与发送网页HTTP请求,并能运行测试用例的Chrome插件。二:Postman下载。1,进入官网进行下载:Postman 官网2,参考文档:Postman 文档三:Postman使用。四,Postman的特点。1,创建 + 测试创建和发送任何的HTTP请求,请求可以保存到历史中再次执行。2,Org...
2020-02-25 18:21:30
1158
原创 promise的初步认识
从语法上说,Promise是一个对象,从它可以获取异步操作的消息。Promise提供统一的API,各种异步操作都可以用同样的方法进行处理。简单的说就是一个容器,里边保存着某个未来才会结束的事件(通常是一个异步操作)。ES6规定,Promise对象是一个构造函数,用来生成Promise实例。var promise = new Promise(function(resolve, reject) {...
2020-02-24 17:23:29
153
原创 less在vue-cli的使用
在vue-cli中构建的项目中使用less可以发现,在package.json并没有less相关的插件,所以需要自行安装。第一步:安装npm install less less-loader --save-dev第二步:在配置文件中配置*新建一个webpack.dev.conf.js文件,在文件写入以下代码并保存。module: {rules: utils.styleLoaders(...
2020-02-20 17:11:06
224
原创 less安装及初步认识
less是一种动态样式语言:在静态样式语言css的基础上,添加了一门真正的语言所必需的元素:变量、数据类型、运算、逻辑结构、函数、继承等,从而大大提高样式的可修改和可维护性。↓全局安装:$ npm install -g less...
2020-02-19 18:27:05
151
原创 本地数据上传至gitee
手动创建1,搜索https://gitee.com/进入gitee。2,建立新仓库。3,新建仓库。*到这新仓库就建立完毕了。4,在本地文件夹里,右击,选择Git Bash Here进入命令框。5,输入git clone (以下链接)。*这样就算是克隆成功了。6,比如你要上传的文件夹叫index,就会在index文件夹中出现同名index文件夹。index文件夹里...
2020-02-18 17:10:13
272
原创 小程序请求后台数据并渲染
微信小程序简单的请求后台数据并渲染需要三步第一步:需要在data中声明接收数据的变量举例:第二步:请求接口成功之后,用setData接收数据第三步:然后在页面需要的地方添加补充:1,wx:for 用于单纯的数组循环。一般数组的元素是数字或字符串。2,wx:key是对微信循环功能的一次提升,在软件编译的时候,微信会提示你是用 wx:key来稳定视图层的项目显示。wx:key 的...
2020-02-14 16:54:30
2403
原创 微信小程序获取当前位置
首先用微信小程序官方文档中提供的wx.getLocation方法来获取用户的地理位置信息。WXML:JS:控制台打印结果:补充:若获取失败则在app.json文件里写上这样获取到的是当前的经纬度位置,若要转化为具体地址还需要借助第三方地图(腾讯地图,百度地图,高德地图)。以下是以腾讯地图作为第三方地图的步骤:第一步,在https://lbs.qq.com/qqmap_wx_jss...
2020-02-12 17:54:18
1574
原创 vscode操作git推送以及wx.chooseAddress知识点
vscode推送代码至远程数据库第一步:点击查看是否有更改第二步:点击提交第三步:点击进行同步更改补充知识点:wx.chooseAddress(Object object) 获取用户收货地址。调起用户编辑收货地址原生界面,并在编辑完成后返回用户选择的地址。object参数说明:返回参数说明实例代码:...
2020-02-11 18:36:25
292
原创 vscode操作git
用vscode操作git1,新建文件夹,并用vscode打开2,新建终端,git clone 克隆远程版本库3,git remote -v 查看确认远程版本库4,建立分支5,写分支名,选择head6,点击云上传7,补充:Git命令1,git clone 克隆远程版本库2,git status 查看状态3,git branch 查看本地所有分支4、git...
2020-02-10 17:38:36
653
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人