- 博客(30)
- 收藏
- 关注
RSS订阅原创 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
691
原创 uniapp项目部署运行，打包，发布
1，打包涉及到支付、以及各平台兼容性，查看官方API链接。2，h5打包。控制台输出：说明：uni-app在打包成h5时，默认是不支持直接打开的，因为打包出来是 （/xxx/xxx）这种格式，可在vue.config中配置publicPath,把它配置成（./），但在uni-app中找不到这个文件的。其中官网有提到 点击查看publPath。 "h5" : { "publi...
2020-03-31 17:48:31
12058
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
676
原创 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
1669
原创 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
1738
原创 uniapp组件之间传值
！！！父组件向子组件传值 通过props来实现，子组件通过props来接收父组件传过来的值！基础步骤：①在父组件中引入子组件，并对子组件进行注册。②并在父组件上写上子组件的引用标签。父组件：说明：引用标签里的 @receive=returnDate 左边的@receive是子组件的，右边的returnDate是父组件的（也可左右两边同名）； 意思是指定父组件的某个方法（return...
2020-03-24 17:32:15
2131
原创 uniapp组件引入应用
一：uniapp组件引入，可以让我们的代码结构更清晰，减少重复写入，也可以让代码在多处使用，大大提高我们的效率，缩小整个项目的大小，减少了工作量。1，引入组件。在index.vue中引入maintain ，seckill ，SpellDeals 组件 并在实例中注册。 import maintain from "../../components/maintain.vue" import s...
2020-03-23 17:39:47
4263
原创 uniapp数据绑定
1，uniapp数据绑定。uni-app数据绑定分两种情况：①在标签内部绑定使用：{{参数}}②标签内部绑定使用： 例：:value=‘参数’ 也就是标签内属性绑定参数要多加个：2，data(){}：存放数据，在data(){}中return，然后去绑定数据。<template> <view class="content"> <text class="...
2020-03-20 16:21:54
5607
原创 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
618
原创 Axios发送get、post请求，获取并处理返回值
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
2020-03-12 17:10:21
15331
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
335
原创 vue中组件间的父子传值
一，父组件向子组件传值。当父组件在引用子组件的时候，可以通过属性绑定（v-bind)的形式，把需要传递的子组件的数据，以属性绑定的形式，传递到子组件内部，提供子组件使用 。html:<div id="app"> <com1 v-bind:parentmsg="msg"></com1></div>js:<script src...
2020-03-10 17:13:37
136
原创 vue实例生命周期
一：生命周期。1，从Vue实例的创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！2，生命周期钩子=生命周期函数=生命周期事件二：主要的生命周期分类：①创建期间的生命周期函数 ↓beforeCreate：实例刚在内存中就被创建出来，此时还没有实例化好data和methods属性。created：实例已经在内存中创建成功，此时data和methods已经创建...
2020-03-09 17:35:42
134
原创 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
615
原创 vue数据渲染
一，vue介绍。Vue是一套构建用户界面的渐进式框架。（渐进式）二，声明式渲染Vue.js的核心是一个允许采用的简洁的模板语法来声明式地将数据渲染进DOM的系统。文本插值数据绑定最常见的形式就是使用 {{…}}（双大括号）。<div id="app"> <p>{{ message }}</p></div><script&g...
2020-03-05 17:32:29
281
原创 es6中的async和await
async 函数是终极异步解决方案，使得异步操作变得更加方便。1，async的用法。它作为一个关键字放到函数前面，用于表示函数是一个异步函数， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。 async会返回promise对象。 async function fun(){ return "hello world!"; } console.log(fun...
2020-03-04 17:29:00
327
原创 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
105
原创 es6中的Set集合
一：set概述。ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。语法：set对象允许存储任何类型的唯一值,无论是原始值或者是对象引用;new Set([iterable])1，参数非必需, 如果传递一个可迭代对象,他的所有元素被添加到新的Set中,如果无此参数,则Set为空。2，返回一个新的Set对象。二：Set实例的方法和属性属性：...
2020-03-02 16:55:54
345
原创 es6中的Map集合
一：什么是Map。JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。...
2020-02-28 17:21:44
307
原创 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
140
原创 前端调试工具
一：常用的前端调试工具。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
737
1
原创 Postman简单介绍
一：Postman的介绍。Postman是google开发的一款功能强大的网页调试与发送网页HTTP请求，并能运行测试用例的Chrome插件。二：Postman下载。1，进入官网进行下载：Postman 官网2，参考文档：Postman 文档三：Postman使用。四，Postman的特点。1，创建 + 测试创建和发送任何的HTTP请求，请求可以保存到历史中再次执行。2，Org...
2020-02-25 18:21:30
1134
原创 promise的初步认识
从语法上说，Promise是一个对象，从它可以获取异步操作的消息。Promise提供统一的API，各种异步操作都可以用同样的方法进行处理。简单的说就是一个容器，里边保存着某个未来才会结束的事件（通常是一个异步操作）。ES6规定，Promise对象是一个构造函数，用来生成Promise实例。var promise = new Promise(function(resolve, reject) {...
2020-02-24 17:23:29
150
原创 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
221
原创 less安装及初步认识
less是一种动态样式语言：在静态样式语言css的基础上，添加了一门真正的语言所必需的元素：变量、数据类型、运算、逻辑结构、函数、继承等，从而大大提高样式的可修改和可维护性。↓全局安装：$ npm install -g less...
2020-02-19 18:27:05
147
原创 本地数据上传至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
258
原创 小程序请求后台数据并渲染
微信小程序简单的请求后台数据并渲染需要三步第一步：需要在data中声明接收数据的变量举例：第二步：请求接口成功之后，用setData接收数据第三步：然后在页面需要的地方添加补充：1，wx:for 用于单纯的数组循环。一般数组的元素是数字或字符串。2，wx:key是对微信循环功能的一次提升，在软件编译的时候，微信会提示你是用 wx:key来稳定视图层的项目显示。wx:key 的...
2020-02-14 16:54:30
2390
原创 微信小程序获取当前位置
首先用微信小程序官方文档中提供的wx.getLocation方法来获取用户的地理位置信息。WXML:JS：控制台打印结果：补充：若获取失败则在app.json文件里写上这样获取到的是当前的经纬度位置，若要转化为具体地址还需要借助第三方地图（腾讯地图，百度地图，高德地图）。以下是以腾讯地图作为第三方地图的步骤：第一步，在https://lbs.qq.com/qqmap_wx_jss...
2020-02-12 17:54:18
1558
原创 vscode操作git推送以及wx.chooseAddress知识点
vscode推送代码至远程数据库第一步：点击查看是否有更改第二步：点击提交第三步：点击进行同步更改补充知识点：wx.chooseAddress(Object object) 获取用户收货地址。调起用户编辑收货地址原生界面，并在编辑完成后返回用户选择的地址。object参数说明：返回参数说明实例代码：...
2020-02-11 18:36:25
287
原创 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
644
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人