- 博客(32)
- 收藏
- 关注
RSS订阅原创 微信分享api
微信分享接口的配置：1.基本信息配置wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: '', // 必填，公众号的唯一标识 timestamp: , // 必填，生成签名的时间戳 nonceS...
2020-04-08 16:09:50
2607
原创 uniapp的Vuex使用
uniapp的Vuex使用一、在项目的根目录下新建一个store文件夹，然后在文件夹下新建一个index.js文件二、在新建的index.js下引入vue和vuex，具体如下：//引入vue和vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({//全局...
2020-04-03 16:22:17
1142
原创 微信小程序生命周期
一、小程序的生命周期应用生命周期应用生命周期 指得是小程序本身的初始化加载、方法以及最终被销毁的过程。属性类型描述触发时机onLaunchFunction生命周期函数–监听小程序初始化当小程序初始化完成时，会触发 onLaunch（全局只触发一次）onShowFunction生命周期函数–监听小程序显示当小程序启动，或从后台进入前台显示，会触发 on...
2020-04-01 15:12:03
289
原创 uni-app项目部署 打包 运行
创建uni-app项目创建项目vuecreate -p dcloudio/uni-preset-vue my-project此时，会提示选择项目模板，初次体验建议选择 hello uni-app 项目模板注意：通过该命令创建项目前提是全局安装了vue-cli，这个早在学习vue的时候就安装过。进入目录并运行cd my-projectnpm run serve运行成功...
2020-03-31 15:57:03
2928
原创 uni-app中的设置
1.tabber的设置在pages.json中，pages配置完整。首先，path的路径一定要写准确，每新建一个页面就会新增一个path；navigationBarTitleText就是tabber的名字tabber是自己写的，有的项目需要，有的项目不需要，这个根据情况而定。效果如下：2.在uni-app中引进地图...
2020-03-30 16:07:45
1035
原创 uni-app发起网络请求
uni.request(OBJECT)发起网络请求OBJECT 参数说明success 返回参数说明data 数据说明最终发送给服务器的数据是 String 类型，如果传入的 data 不是 String 类型，会被转换成 String。转换规则如下：对于 GET 方法，会将数据转换为 query string。例如 { name: ‘name’, age: 18 } 转换后的结...
2020-03-27 10:42:02
1853
原创 uni-app引入UI组件库(Vant-weapp)
uni-app引入UI组件库(Vant-weapp)1. 新建相关目录根目录下创建 wxcomponentswxcomponents下新建vant目录2. 项目中引入vant-weapp组件下载最新的zip包 （https://github.com/youzan/vant-weapp/releases）下载最新版本解压下载文件,将dist目录拷贝到刚才创建vant目录中...
2020-03-26 14:44:29
2537
4
原创 uni-app父子组件互相传值
父子组件互相传值1. 父组件引用子组件1）父组件引用子组件，先导入子组件，在<script></script>内。import name(给子组件起个名字) from “子组件地址”2) 然后components:{{name}},然后就可以在<template></template>内使用子组件了。2. 父组件传值给子组件：1）父组件向子...
2020-03-24 14:32:26
742
原创 uni-app组件引入应用
uni-app项目导入第三方组件库muse-ui1.导入muse ui找到uni-app项目目录，在此目录上打开终端，npm安装muse-ui:2.创建一个.vue文件3.例如：导入Button组件，首先要导入muse-ui模块从中取出Button组件，在script里添加代码。import {Button} from ‘muse-ui’;import ‘muse-ui/dist...
2020-03-23 10:47:02
3758
原创 uni-app数据绑定
uni-app数据绑定uni-app数据绑定分两种情况在标签内部绑定使用：{{参数}}标签内部绑定使用： 例：:value=‘参数’ 也就是标签内属性绑定参数要多加个在每个.vue的页面中都有配置数据的地方，例如：<script> export default { data() { return { ...
2020-03-20 14:45:17
981
原创 uni—app 基础语法
data属性ata 必须声明为返回一个初始数据对象的函数如下：在 main.js 中挂载属性或者方法： Vue.prototype.websiteUrl = 'http://uniapp.dcloud.io'; Vue.prototype.now = Date.now || function () { return new Date().getTime(); ...
2020-03-13 17:17:13
529
原创 Uni-app环境部署
Vue环境部署1.打开HBuilder X 新建——项目——uni-app(U)，选择默认模板即可2.运行—运行到小程序模拟器—微信开发者工具；如下：3.进行小程序运行配置：打开微信开发者工具——右击属性——目标,目标里的路径复制到HB X的微信开发者工具路径就可以使用4.刷新一下，再重新运行一次（如图2）可能会出现如图情况，工具的服务端口已关闭接下来我们要启用服务端口：...
2020-03-13 10:35:24
1412
原创 axios发送Post和get请求
1.安装node方式npm install axios设置index.jsimport axios from ‘axios’Vue.prototype.$ajax = axios或者使用cdn方式：<script src="https://unpkg.com/axios/dist/axios.min.js"></script>2.post请求...
2020-03-11 15:23:51
777
原创 vue计算属性和监听属性
计算属性1.首先，先看一个字符串反转的例子：<div id="app1"> {{ message.split('').reverse().join('') }}</div><script> new Vue({ el: "#app1", data: { message: 'xiaoqi'...
2020-03-10 10:47:31
362
原创 Vue—条件语句、循环语句
Vue条件与循环1、条件判断条件判断使用v-if指令<div id="app"> <p v-if="seen">Hello word!</p> <template v-if="ok"> <h1>菜鸟教程</h1> <p>学的不仅是技术，更是梦想！</p>...
2020-03-09 16:34:55
263
原创 Vue数据渲染
Vue数据渲染如何渲染渲染的语法：{{…要渲染的内容}} —— 需要用两个花括号括起来要渲染的数据必须是 this 作用域可访问到的.要渲染的数据放在 data() 中 简单渲染1.首先在 data（） 中定义需要渲染的字段并赋值 。data() { return { msg: 'hello vue!' } }2.其次，用已经定义的字段...
2020-03-05 16:38:18
2068
原创 同步和异步
同步和异步1.同步：是所有的操作都做完，才返回给用户结果。2.异步不用等所有操作等做完，就相应用户请求。即CUP暂时搁置当前任务，等到主线程任务执行完成，再来响应该任务。举例 : 最基础的异步是setTimeout和setInterval函数输出结果为：如图所示，尽管设置了setTimeout（function，time）中的等待时间为0，结果其中的function还是后执行。可...
2020-03-03 11:21:42
192
原创 es6—let const
Let和const一、Letlet用来声明变量，并且会在当前作用域形成代码块；let声明的变量可以改变，（值和类型都可以改变）。{let a=2}
2020-03-02 15:33:14
262
原创 es6 Set和Map
一、Set和Map1.SetSet ：它类似于数组，但成员的值都是唯一的，没有重复的值。1）.实例化一下Set注意：1和“1”是完全不相同的值，也就是说在向set加入值的时候，是不会发生类型转换的。2）Set的实例属性和方法Set 结构的实例属性： Set.prototype.constructor ：构造函数，默认就是 Set 函数。 Set.prototype.size ：返...
2020-02-28 16:19:25
201
原创 es6箭头函数
一。对箭头函数的理解1. 在ES6中，"=>"是函数的表达式，并且箭头函数是匿名的。（这个箭头叫“lambda运算符”）如：var lets = b => b*b;console.log(lets(6)); //36就相当于：function lets(b) {b = b乘b;}"=>"左边的b是函数的参数，右边是函数的声明;2. 当函数中有多个参数时，...
2020-02-27 17:12:54
224
1
原创 Chrome浏览器调试总结
一.调试工具我是以百度页面为例：箭头按钮：用于在页面选择一个元素来审查和查看它的相关信息，当我们在Elements这个按钮页面下点击某个Dom元素时，箭头按钮会变成选择状态设备图标：点击它可以切换到不同的终端进行开发模式，移动端和pc端的一个切换，可以选择不同的移动终端设备，同时可以选择不同的尺寸比例，chrome浏览器的模拟移动设备和真实的设备相差不大，是非常好的选择Element内...
2020-02-26 17:09:46
325
原创 element ui
一.element安装1.npm 安装Windows+R打开cmd，输入：2.CDN如果使用element引入组件时，引入如图index.css和index.js即可。二.使用elementelement是一个插件，所以引入里边的组件之后才可以运用。1.在 main.js 中写入以下内容：2.下面有两种引入方式，一个是按需引入，就是说需要哪个组件就引入那个组件，这样占内存比较...
2020-02-26 16:01:40
438
原创 postman的使用方法
一.postman简介Postman是一款功能超级强大的用于发送 HTTP 请求的 Chrome插件 。做web页面开发和测试的人员比较常用。主要特点：1）创建 + 测试：创建和发送任何的HTTP请求，请求可以保存到历史中再次执行2）Organize:英文意思就是“组织”，使用Postman Collections为更有效的测试及集成工作流管理和组织APIs3）document:依据你...
2020-02-25 17:50:52
306
原创 初识promise
一.什么是Promise?Promise是JS异步编程中的重要概念，异步抽象处理对象，是目前比较流行Javascript异步编程解决方案之一。二.Promise使用promise对象状态不受外界影响，它有三种状态：Pending：进行中Fulfilled：已成功Rejected：已失败Promise状态一旦改变就不会再变，任何时候都可以得到这个结果。它的状态改变只有两种结果：(1)...
2020-02-24 17:11:14
207
原创 vue-cli构建项目使用 less
第一步：安装即通过npm安装less和less-loader，并记录到devDependencies中，如果安装了less,就执行 npm install less-loader --save-dev 即可。第二步：在配置文件中配置新建webpack.dev.conf.js，在webpack.dev.conf.js中写入：在build文件夹下有一个utils.js文件，用HB或者vsc...
2020-02-20 15:18:04
177
原创 Less的几种使用方法
在Vue中使用Less1、安装依赖处理普通的.css 文件， 需要安装css-loader,style-loader .less 文件， 需要安装 less-loadernpminstall css-loader style-loader --save-devnpminstall less-loader --save-dev2、安装好相关loader后，我们需...
2020-02-19 18:08:51
679
原创 GitHub 创建仓库和提交项目
1、注册用户。 打开 https://github.com/ ， 点Sign up 注册即可。2、创建项目3、提交项目代码cd zhihuribao // 在本地命令行中切换到自己的项目中git init // 初始化仓库（想当于新建本地仓库）git add . // 把所有文件提交到暂存区git commit -m ‘init’ // 提交...
2020-02-16 16:24:56
297
原创 微信小程序分享到好友或朋友圈
微信小程序分享到好友或朋友圈 : onShareAppMessage(object)1）wxml:open-type="" : 微信开放能力share：出发用户转发js:/用户点击右上角分享/*onShareAppMessage: function (options) {var that = this;return {title: ‘我已经通过了26关了，你能通过...
2020-02-13 17:46:43
1216
原创 微信小程序—弹出框
1.微信小程序开发——弹出框1）.消息提示——wx.showToast(OBJECT)//获取应用实例var app = getApp()Page({showok:function() {wx.showToast({title: ‘成功’,icon: ‘success’,duration: 2000})}})2）.模态弹窗——wx.showModal(OBJECT)//...
2020-02-12 15:13:29
791
原创 用vscode操作git
一：用vscode操作git1. 终端——新建终端——git的操作步骤…2. 用git创建分支1) 点击"zhouchangyue"——正在创建新分支…——分支名称2）创建完分支之后推送图标变成即推送成功二： 解决克隆未成功的方法看一下git 用户名密码配置是否有问题（控制面板——用户账户——管理windows凭据）把以前关于git的删掉；如果还没有成功，打开编辑，重新输入一下密...
2020-02-10 18:11:51
554
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人