ToDeer-CSDN博客

原创微信小程序调整的获取用户信息API接口wx.getUserProfile

对于微信小程序更新后的wx.getUserProfile怎么用？小程序怎么获取用户信息getUserProfile接口文档：https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserProfile.html首先是我们要注意的以下几点1.开发者工具一定要更新到最新版本，注意一定是最新，开发工具检查更新可能不是最新的，需要是在1.05.2103022版本2. 基础库支持一定要2.10.4版本及以上

2021-03-05 11:06:06 7441 6

原创微信小程序蓝牙连接设备

小程序连接设备蓝牙详细步骤参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/device/bluetooth/wx.stopBluetoothDevicesDiscovery.html上代码：WXML<view><view bindtap="initBlue">初始化蓝牙</view><view> 匹配到的蓝牙{{consoleLog}}</view><

2021-02-18 14:16:59 10099 8

原创微信小程序返回顶部

小程序实现返回顶部WXML <image src='../../pages/img/image/topa.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></image>JSdata:{ floorstatus:false,//图片默认不显示}, // 回到顶部 goTop(){ if (wx.pageScrollTo) { wx.pageScrollTo({

2021-01-22 14:07:09 149

原创微信小程序实现点击左右按钮切换时间与DatetimePicker 时间选择组件相结合

小程序实现左右按钮切换时间和DatetimePicker 时间选择组件相结合使用主要功能的实现思路就是将我们的正常时间转成时间戳，在时间戳的基础上加一天(减一天)，然后再转换成正常的时间WXML<view> <view> //前一天 <view bindtap="leftbtn"><image src="/pages/img/image/jiankuohao-zuo.png"></image></view&

2021-01-22 13:50:40 1384

原创微信小程序授权登陆详细流程

小程序授权登陆流程1.授权 2.注册(获取用户信息) 3.登陆 4.授权获取微信绑定的手机号(判断用户身份)WXML//先注册再去获取用户信息比如手机号等// 1. type类型为getUserInfo 获取用户信息<button open-type="getUserInfo" bindgetuserinfo="joinbtn">立即加入</button>// 2. type类型为getPhoneNumber 获取用户手机号<button bi

2021-01-22 12:59:48 3046 1

原创微信小程序封装API接口

微信小程序封装API接口1. 首先在微信小程序管理后台中注册域名2. 新建文件夹http,api是封装的接口函数，env是设置公共访问的url，http是二次封装wx.request();3. env.js//设置公共访问的url，即环境变量module.exports = { // 开发环境 dev: { baseUrl: 'http://localhost:3000' }, // 测试环境 test: { baseUrl: 'www.test.com'

2020-12-04 15:39:17 1130 1

原创 js封装时间戳转时间

js封装将时间戳转时间封装代码 // 封装转换时间const timer=(t)=>{ //年-月-日-时-分-秒 var now = new Date(t) var year = now.getFullYear(); var month = now.getMonth() + 1; var date = now.getDate(); var hour = now.getHours(); var minute = now.getMinutes(); var

2020-12-04 09:57:25 499 1

原创 React如何下载文件

React如何下载文件在这里我借助的阿里云来实现下载文件上代码：以下region根据实际情况来填，accessKeyId,accessKeySecret是阿里云提供给我们的，bucket指的我们存储空间的名称let OSS = require('ali-oss');let client = new OSS({ region: '<Your region>', accessKeyId: '<Your AccessKeyId>', accessKeySecret

2020-10-29 15:02:06 6124

原创 Vue如何封装axios请求

Vue封装Axios请求的具体步骤实际开发过程中，我们项目可能会有大量接口，因此我们写代码的时候，如果不进行封装，则会产生大量冗余代码，API的封装，封装之后便于后期统一维护管理一.在src文件夹下新建config文件夹并在此文件夹中新建api，env，http，三个文件如图所示：env.js这个文件封装我们的公共地址 export default { // 开发环境 dev: { baseUrl: "开发环境公共地址" },

2020-10-28 10:12:36 612 3

原创 react创建项目的详细步骤

些许忘掉，赶紧拿小本本记下~~react如何创建项目，这是我创建项目时用到的东西一.创建项目npm install create-react-app -gcreate-react-app react-demo (react-demo项目名).cd react-demonpm installnpm start //运行项目二.配置路由安装 npm install --save react-router-dom 就可以使用react router了三.添加less配置

2020-10-14 20:57:51 592

原创微信小程序使用npm的步骤

微信小程序使用npm的步骤这里我们以npm引入小程序的官方UI组件weui-miniprogram为例在小程序根目录内通过cmd，初始化npm 一路回车npm init在小程序中执行安装命令npm包 (weui-miniprogram)：npm install --save-dev weui-miniprogram或npm i @vant/weapp -S --production构建npm包打开微信开发者工具，点击工具 -> 构建 npm，并勾选使用 npm

2020-10-12 16:21:17 3416

原创微信小程序中wx:navigateTo(), wx:redirectTo(), wx:switchTab(), wx:navigateBack(), wx:reLaunch(), 的区别？

简述下微信小程序中 wx:navigateTo(), wx:redirectTo(), wx:switchTab(), wx:navigateBack(), wx:reLaunch(), 的区别？首先呢以上方法都是小程序进行页面跳转的通过url进行拼接参数路由跳转在接受参数页面会在页面加载 onLoad 方法中接受参数1. wx:navigateTo()用于保留当前页面、跳转到应用内的某个页面，不破化当前页序在当前页面进行跳转，使用 wx.navigateBack可以返回到原页面。对于页面不是特别

2020-07-31 12:05:41 850

原创如何理解什么是keep-alive?

什么是keep-alive?一.对页面进行缓存keep-alive是vue内置的一个组件，而这个组件的作用就是能够缓存不活动的组件，我们能够知道，一般情况下，组件进行切换的时候，默认会进行销毁，如果有需求，某个组件切换后不进行销毁，而是保存之前的状态，那么就可以利用keep-alive来实现。简单来说：在 vue 项目中,难免会有列表页面或者搜索结果列表页面,点击某个结果之后,返回回来时,如果不对结果页面进行缓存,那么返回列表页面的时候会回到初始状态,但是我们想要的结果是返回时这个页面还是之前搜索的结

2020-07-19 13:29:41 2359 3

原创 Vue组件通信常用的的几种方式

Vue组件通信的四种方法一. 父传子：主要通过props来实现具体实现：父组件通过 import 引入子组件，并注册，在子组件标签上添加要传递的属性，子组件通过 props 接收，接收有两种形式：一是通过数组形式[‘要接收的属性’ ]，二是通过对象形式{ }来接收，对象形式可以设置要传递的数据类型和默认值，而数组只是简单的接收<template> <div> <h2>父组件</h2> <br

2020-07-18 17:14:52 231

原创是什么Vuex？

Vuex 的目的是为了管理共享状态，为了达到这个目的，它制定了一系列的规则，比如修改数据源 state、触发 actions 等等，都需要遵循它的规则，以此来达到让项目结构更加清晰且易于维护的目的。

2020-07-12 22:25:33 146

原创 React实现简单电商案列（含二级路由跳转,获取JSON数据）

React实现简单电商案列操作思路：UI界面怎么实现UI (User Interface)(1) 涉及路由跳转Route(2) json数据来渲染页面功能代码实现：(1) 通过素材中API完成数据请求及数据渲染(2) 点击左侧一级分类，右边动态筛选对应的二级分类数据（不是配置多个路由实现）(3) 完成路由配置首页、分类、购物车、个人，除了分类其它页面内容自定义需要安装的插件：...

2020-04-04 21:37:28 538

原创 react生命周期函数的介绍

组件生命周期介绍概念：在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件，统称为组件的生命周期；1. 装载过程（mont），组件创建阶段的生命周期函数，就是组件在第一次在DOM树中渲染的过程，有一个显著的特点：创建阶段生命周期函数在组件的一辈子中，只执行一次；1.1 constructor　　　　就是Es6里的构造函数，创建一个...

2020-02-10 20:26:09 208

原创 React函数组件相关知识点

React函数组件相关知识点1. React环境搭建第一步：安装node.jsnode.js 下载网址： https://nodejs.org/zh-cn/download/第二步：安装React脚手架node.js下载网址： https://nodejs.org/zh-cn/download/ 第三步：创建项目create-react-app todolistcd todoli...

2020-02-04 14:20:54 133

原创 React路由相关知识点

一.React路由介绍1.1、单页面应用单页面得特点：只需要加载一次主页面，通过局部刷新，就可以实现跳转或者切换页面优点：加载速度快，用户体验比较好缺点：第一次加载比传统要慢一点不利seo页面相对复杂返回键二. 路由的安装1.2、安装react-router-dom 在项目命令行中，执行: `cnpm install react-router-dom -S`三...

2019-12-25 14:47:08 267

原创入门react简易TodoList实现增删改查

TODOList，数据增删改查的操作操作思路UI界面怎么实现；UI（User Interface）功能代码实现：（1）添加数据（2）查询数据，展示（3）删除数据（4）修改数据数据持久化操作localStorage.setItem(‘key’,value)var value = localStorage.getItem(‘key’)修改state属性this....

2019-12-24 20:50:38 949

原创创建组件的方法，组件的props属性、state属性的用法和特点，父子组件传值，兄弟组件传值

创建组件的方法，组件的props属性、state属性的用法和特点，父子组件传值，兄弟组件传值。一，创建组件的方法1.1.创建组件的方法有函数组件和类组件。1.2.组建的使用。引入组件 import 组件名 from './组件名'<组件名 />二，组件的props属性示例：HTML页面<!DOCTYPE html><html la...

2019-12-20 13:26:40 233 1

原创 Class的使用和继承，构造方法，实例属性和实例方法，静态属性和静态方法，this和super关键字。

一，Class的基本使用和继承1. 类的基本使用1.1 类，是具有相同属性和行为的一类群体。示例：HTML页面引入js<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> &l...

2019-12-18 20:53:18 253 1

原创 JavaScript计算前一天和后一天

一. JavaScript计算前一天和后一天前端页面 <button onclick=gobefore()>前一天</button> <button onclick=goafter()>后一天</button> <div id="app"></div>js页面实例化找id 添加到页面...

2019-12-17 18:31:13 352 1

原创大前端基本学习路线和学习计划

一初级篇：HTML/CSS/JavaScript基础知识一、简介HTML1、HTML（Hyper Text Mark-up Language超文本标记语言）的缩写（标记：就是用来描述网页内容的一些特定符号）。HTML不是编程语言，而是一种描述性的标记语言，用于描述网页内容的显示方式，比如文字的颜色、大小，这些都是利用html标记来实现的。手工直接编写（例如记事本）通过图形化的HTML开...

2019-12-16 19:38:22 1634 2

weixin_46031235的博客

原创微信小程序点击图片保存到相册

原创小程序复制文字

原创小程序前端消息推送通知