SDUzzy的博客

因为这是个简易版，所以代码行数不多，直接贴上代码再看。<template> <view class="main-container"> <view class="main-left" @touchmove='touchMove' @touchstart='touchStart' @touchend='touchEnd'> <canvas class="left-canvas-area" canvas-id="s

要求能够实现将个人照片、信息，展示到小程序页面中，并可以导出。但是因为后端没有一个单独的图片服务器，并且图片是以一个blob对象捎带在响应数据中的，因此还要考虑blob数据转换成文件（图片）。可以拆解一下功能逻辑：1、发起请求，保存图片到本地路径，或者本地临时路径。2、绘制。3、绑定按键，点击即可导出文件（图片）。其中1、3都有uniapp和小程序都有自带的api。2的话主要是考虑canvas，主要有两种实现思路，一种是通过wxml导出，一种是直接在canvas上绘制。其中wxml导出是不大好实

大概就是这样一个需求：首先通过一个id值来获取整个数据列表，然后最后附上整个代码：<template><view id="container"> <view style="height:30rpx"></view> <view class="apply-card" v-for="(apply,index) in applys" :key="apply.application_abroad_id">

uni.addInterceptor(STRING, OBJECT)uni.removeInterceptor(STRING)STRING就是拦截器要拦截的api的名称下面写了一个请求拦截器和一个路由拦截器请求拦截器可以用来集中管理请求地址（写在invoke中，直接修改url），也可以实现一些比如如果请求失败，可以搞一个全局的网络错误弹框之类的功能uni.addInterceptor('request', { invoke(args) {

由于展示个人信息的时候需要放上个人头像，所以为了更好的用户体验要有修改个人头像的功能。最开始，打算使用uview的upload组件，结果发现总是有右上角的关闭和下方的进度条，非常丑。想到正常的个人信息下修改的时候都是直接点头像就能弹出修改头像的操作，决定使用img加事件的方式呼出文件选择器。主要涉及到两个wx提供的api分别是：wx.chooseImage(Object object)和wx.uploadFile(Object object)...

picker不渲染年度是一个时间选择器，但是点击没有显示。将绑定为是否显示的变量show设置为true之后，就可以显示了但是无法再次拉起，这说明这个选择器确实被渲染出来了，但是不知道如何拉起它。考虑是不是这个就渲染一次，然后被清除掉了，又增加了一个按钮，点击以后让show变成true，发现又可以拉起来了。换一个思路，如果将整个标签都绑定一个触摸事件，应该就可以达到点击拉起选择器的功能了，在其所在的form-item中绑定一个tap事件，当点击时让控制显示的变量为true。点击以后发现可以正

1、首先区分什么是tabBar页面，什么是普通页面，注册成tabBar页面后将不能使用uni.navigateTo的api，需要使用switchTab的api进行跳转。tabBar页面都会显示下方的导航栏，如果需要隐藏可以使用uni.hideTabBar的api进行隐藏，但是无论是在onLoad还是onInit生命周期中，都会短暂地闪一下这个tabBar，因此如果不需要tabBar，就不要注册成tabBar界面。2、开始配置看一下官方文档uniapp-tabBar可以知道有color、select