- 博客(39)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 mpvue入坑之旅（五）页面跳转
mpvue入坑之旅（五）页面跳转1 小程序跳转方式2 标签方式跳转3 使用插件 mpvue-router-patch1 小程序跳转方式mpvue兼容小程序，所以小程序的跳转可以直接使用，详见 开发者文档//保留当前页面，跳转wx.navigateTo({url: pageUrl})//关闭当前页面，跳转wx.redirectTo({url: pageUrl})//关闭当前页面，返回上级或多级页面wx.navigateBack({delta: 1})//关闭所有页面，跳转wx.reLaun
2020-12-15 17:43:58
698
1
原创 mpvue入坑之旅（四） 微信登录
mpvue入坑之旅（四） 微信登录1 小程序登录2 根据token获取用户信息3 实例1 小程序登录详见 开发者文档1）调用 wx.login() 获取 临时登录凭证code ，并回传到开发者服务器。2）调用 auth.code2Session 接口，换取 用户唯一标识 OpenID 和 会话密钥 session_key。前台（获取登录凭证code）：wx.login({ success(res) { if (res.code) { that.$http.post(
2020-12-15 16:58:12
420
原创 mpvue入坑之旅（三）网络请求
mpvue入坑之旅（三）网络请求1 封装请求方法1 封装请求方法在小程序环境下，只能使用小程序官方提供的 wx.request 方法发送外部请求，但这个方法有很多冗余，所以在开发前，先封装一下。在utils目录下，新建文件 network.js...
2020-12-15 16:57:56
349
原创 mpvue入坑之旅（二）基础
mpvue入坑之旅（二）基础1 基础知识1.1 目录结构1.2 项目配置文件1.3 开发目录文件1.4 文件结构1 基础知识一个 Vue 应用由通过new Vue创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。1.1 目录结构build：构建目录，项目构建相关代码config：配置目录dist：输出目录，当前输出的是微信小程序文件（wxml、js、wxss）node_modules：npm 加载的项目依赖模块目录static：静态资源目录src：开发目录，编写小程序功能
2020-12-15 16:57:14
165
原创 mpvue 入坑之旅（一）环境
mpvue 入坑之旅（一）环境前言1 环境2 新建项目前言学习一项技能的最好方法当然是直接上手啦，最近又闲下来了，想学一下Vue，从0开始有点茫然，刚好手上有个原生开发的微信小程序，mpvue是使用Vue.js开发小程序的前端框架，这样从1开始抄学得快多了，我可真是个天才！废话不多说，开搞。1 环境1）安装微信开发者工具（用于调试），官网 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html2）安装Vsco
2020-12-15 16:56:41
294
原创 SpringBoot 异步调用
SpringBoot 异步调用1 开发场景说明2 使用1 开发场景说明项目有个功能是在处理请求后推送公众号消息给用户。请求的响应无需等到推送公众号消息之后，此时公众号消息推送应选择异步调用。2 使用1）启动类添加注解@EnableAsync，开启异步调用@SpringBootApplication@EnableAsyncpublic class WxappApplication { public static void main(String[] args) { SpringAppl
2020-11-24 17:52:21
110
原创 小程序 promise优化回调函数嵌套
小程序 promise优化回调函数嵌套promise说明实例promise说明Promise对象可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。Promise 对象代表一个异步操作，有三种状态：pending: 初始状态，不是成功或失败状态。fulfilled: 意味着操作成功完成。rejected: 意味着操作失败。实例小程序的某个模块 – 图片合成（底图+用户头像+分享内容+小程序码），因此获取图片信息就嵌套了4层，代码看起来属实有点憨批...
2020-11-20 15:11:58
571
原创 小程序多行文本折叠&展开
小程序多行文本折叠&展开1 通过样式控制显示的行数2 通过代码逻辑控制显示的字数1 通过样式控制显示的行数js代码： data: { news: "据国家卫生健康委发布，2月20日0—24时，31个省（自治区、直辖市）和新疆生产建设兵团报告新增确诊病例889例，新增死亡病例118例（湖北115例，浙江、重庆、云南各1例），新增疑似病例1614例。", foldStat: true, }, fold: function() { var that = this;
2020-10-16 12:10:54
1563
1
原创 摸鱼学Android 二十三（事件处理机制）
摸鱼学Android 二十三（事件处理机制）1 基于监听的事件处理机制1.1 说明1.2 使用1.2.1 直接用匿名内部类1.2.2 使用内部类1.2.3 使用外部类1.2.4 直接使用Activity作为事件监听器1.2.5 直接绑定到标签2 基于回调的事件处理机制2.1 说明2.2 常见View的回调方法2.3 事件传播顺序1 基于监听的事件处理机制1.1 说明事件监听机制中由事件源，事件，事件监听器三类对象组成，处理流程如下:为某个事件源(组件)设置一个监听器,用于监听用户操作用户的操作,
2020-09-29 16:47:07
121
原创 摸鱼学Android 二十二 （侧边菜单）
摸鱼学Android 二十二 （侧边菜单）UI控件之十二 DrawerLayout(侧滑菜单)1 说明2 使用3 实例UI控件之十二 DrawerLayout(侧滑菜单)1 说明drawerLayout分为侧滑菜单和主内容区两部分，侧滑菜单可以根据手势展开与隐藏，主内容区的内容可以随着菜单的点击而变化。2 使用注意事项：主内容视图一定要是DrawerLayout的第一个子视图主内容视图的宽高需要match_parent必须指定侧滑菜单的layout_gravity属性，start表示从左向
2020-09-27 15:10:43
354
原创 摸鱼学Android 二十一（视图翻页工具）
摸鱼学Android 二十一（视图翻页工具）UI控件之十一 ViewPager1 说明2 使用3 实例UI控件之十一 ViewPager1 说明ViewPager可以通过手势滑动完成View的切换，一般用来做App引导页或者实现图片轮播。绑定View和ViewPager需要一个特定的Adapter – PagerAdapter。Google官方建议使用Fragment填充ViewPager，并且提供了两个Fragment专用的Adapter:FragmentPagerAdapter：缓存当前、
2020-09-25 15:35:54
147
原创 摸鱼学Android 二十（菜单）
摸鱼学Android 二十（菜单）UI控件之十 Menu(菜单)1 OptionMenu（选项菜单）1.1 说明1.2 使用1.3 实例2 ContextMenu(上下文菜单)2.1 说明2.2 使用2.3 实例3 SubMenu(子菜单)3.1 说明3.2 使用3.3 实例4 PopupMenu(弹出式菜单)4.1 说明4.2 使用4.3 实例UI控件之十 Menu(菜单)1 OptionMenu（选项菜单）1.1 说明最常见的菜单，通过Menu键来调用。1.2 使用重写onCreateOp
2020-09-24 15:02:29
157
原创 摸鱼学Android 十九（提示信息）
摸鱼学Android 十九（提示信息）UI控件之九1 Toast(消息提示框)1.1 说明1.2 使用1.3 常用方法1.4 实例 - 自定义Toast2 Notification（状态通知栏）2.1 说明UI控件之九1 Toast(消息提示框)1.1 说明Toast是一个View，用于快速为用户提供少量信息。Toast没有按钮，也不会获得焦点，不影响用户输入，一段时间后自动消失。1.2 使用Toast 最常见的创建方式是使用静态方法 Toast.makeText()。Toast.makeT
2020-09-24 10:24:53
472
1
原创 摸鱼学Android 十八（翻转视图）
摸鱼学Android 十八（翻转视图）UI控件之八ViewFlipper(翻转视图)1 基本属性2 常用方法3 使用3.1 静态导入3.2 动态导入4 实例1-自动滑动5 实例2-手动滑动UI控件之八ViewFlipper(翻转视图)1 基本属性inAnimation：设置进入动画outAnimation：设置离开动画flipInterval：设置翻转间隔(毫秒)2 常用方法setInAnimation：设置View进入屏幕时使用的动画setOutAnimation：设置View退出
2020-09-17 11:23:32
159
原创 摸鱼学Android 十七（可折叠列表）
摸鱼学Android 十七UI控件之七ExpandableListView（可折叠列表）1 常用属性2 说明3 实例UI控件之七ExpandableListView（可折叠列表）1 常用属性childDivider：指定各组内子类表项之间的分隔条，图片不会完全显示， 分离子列表项的是一条直线childIndicator：显示在子列表旁边的Drawable对象，可以是一个图像childIndicatorEnd：子列表项指示符的结束约束位置childIndicatorLeft：子列表项指示符的左
2020-09-14 16:42:41
534
原创 摸鱼学Android 十六（列表选项框+自动完成文本框）
摸鱼学Android 十六UI控件之六1 Spinner（列表选项框）1.1 常用属性1.2 实例2 AutoCompleteTextView（自动完成文本框）2.1 常用属性2.2 实例3 MultiAutoCompleteTextView（多提示项的自动完成文本框）3.1 基本属性3.2 实例UI控件之六1 Spinner（列表选项框）1.1 常用属性dropDownHorizontalOffset：设置列表框的水平偏移距离dropDownVerticalOffset：设置列表框的水平竖直距
2020-09-14 15:43:10
255
原创 摸鱼学Android 十五（网格式图）
摸鱼学Android 十五UI控件之五GridView（网格视图）1 常用属性2 使用3 实例UI控件之五GridView（网格视图）1 常用属性columnWidth：设置列的宽度gravity：组件对其方式horizontalSpacing：水平方向每个单元格的间距verticalSpacing：垂直方向每个单元格的间距numColumns：设置列数stretchMode：设置拉伸模式，可选值如下： none：不拉伸；spacingWidth：拉伸元素间的间隔空隙；columnWid
2020-09-11 17:43:59
124
原创 摸鱼学Android 十四（列表视图+适配器）
摸鱼学Android 十四UI控件之四1 ListView（列表视图）1.1 常用属性1.2 说明1.3 实例附录Adapter（适配器）UI控件之四1 ListView（列表视图）1.1 常用属性cacheColorHint：拖动背景色，若为图片，设置透明（#00000000）dividerHeight：item之间的高度divider：item之间的背景/颜色fadingEdge：上边和下边的阴影scrollbars：滚动条fastScrollEnabled：快速滚动效果fadeS
2020-09-11 16:40:20
389
原创 摸鱼学Android 十三（控件3）
摸鱼学Android 十三UI控件之三1 ScrollView（滚动条）1.1 基本属性1.2 滚动方法2 TextClock（文本时钟）2.1 基本属性3 AnalogClock（模拟时钟）3.1 基本属性4 Chronometer（计时器）4.1 基本属性4.2 方法5 DatePicker（日期选择器）5.1 基本属性6 TimePicker（时间选择器）6.1 基本属性7 CalendarView（日历视图）7.1 基本属性UI控件之三1 ScrollView（滚动条）1.1 基本属性继承F
2020-09-08 17:35:07
199
原创 摸鱼学Android 十二（控件2）
摸鱼学Android 十二UI控制之二1 ProgressBar(进度条)1.1 基本属性1.2 自定义圆形进度条2 SeekBar（拖动条）2.1 基本属性2.2 监听事件3 RatingBar（星级评分条）3.1 基本属性3.2 监听事件3.3 自定义星级图标UI控制之二1 ProgressBar(进度条)1.1 基本属性max：进度条最大值progress：当前进度值progressDrawable：轨道资源图片indeterminate：设置不确定模式，为true则进度条动画无限循环
2020-09-08 16:16:23
151
原创 摸鱼学Android 十一（控件1）
摸鱼学Android 十一分辨率像素UI控件1 TextView（文本框）1.1 基本属性1.2 特殊属性2 EditText（输入框）附录ShapeDrawable资源文件1 shape基本属性3.2 shape子标签分辨率VGA(Video Graphics Array)：640*480WVGA(Wide VGA)：800×480HVGA(Half-size VGA)：480*320QVGA(Quarter VGA)：320*240像素dp(dip): device independ
2020-09-08 10:57:03
358
原创 摸鱼学Android 十（布局）
摸鱼学Android 十layout(布局)1 LinearLayout(线性布局)1.1 常用属性1.2 weight(权重)1.3 divider(分割线)2 RelativeLayout(相对布局)3 TableLayout(表格布局)4 FrameLayout(帧布局)5 AbsoluteLayout(绝对布局)6 GridLayout(网格布局)layout(布局)1 LinearLayout(线性布局)1.1 常用属性orientation(排列方式)：horizontal(水平)、v
2020-09-03 10:22:38
185
原创 摸鱼学Android 九（过滤器）
摸鱼学Android 九过滤器(Filter)1 说明2 使用3 实例过滤器(Filter)1 说明Android 操作系统使用过滤器来指定一系列活动、服务和广播接收器处理意图，需要借助于意图所指定的动作、类别、数据模式。在 manifest 文件中使用 < intent-filter > 元素在活动，服务和广播接收器中列出对应的动作，类别和数据类型。2 使用当活动被过滤器所定义，其他活动就可以调用这个活动。在调用活动之前，有一系列的 Android 检查测试：过滤器 <
2020-09-01 15:56:27
351
原创 摸鱼学Android 八（意图）
摸鱼学Android 八意图(Intent)1 说明1.1 意图本身1.2 意图对象1.3 意图类型2 使用3 实例意图(Intent)1 说明1.1 意图本身意图是一个要执行的操作的抽象描述。意图本身（一个 Intent 对象）是一个被动的数据结构，保存着要执行操作的抽象描述。例如，有一个活动，需要打开邮件客户端并通过 Android 设备来发送邮件。为了这个目的，活动需要发送一个带有合适选择器的 ACTION_SEND 到 Android 意图处理者。指定的选择器给定合适的界面来让用户决定如
2020-08-31 15:29:35
134
原创 摸鱼学Android 七（碎片）
摸鱼学Android 七碎片(Fragment)1 说明2 生命周期3 使用4 实例碎片(Fragment)1 说明碎片是活动的一部分，是的活动更加的模块化设计。可以认为碎片是一种子活动。碎片的特点：碎片拥有自己的布局，自己的行为及自己的生命周期回调。当活动在运行的时候，可以在活动中添加或者移除碎片。可以合并多个碎片在一个单一的活动中来构建多栏的UI。碎片可以被用在多个活动中。碎片的生命周期和它的宿主活动紧密关联。这意味着活动被暂停，所有活动中的碎片被停止。碎片可以实现行为而没有用户界面
2020-08-31 12:07:10
122
原创 摸鱼学Android 六（内容提供者）
摸鱼学Android 六Content Provider1 介绍2 格式3 使用4 实例Content Provider1 介绍内容提供者组件通过请求从一个应用程序向其他的应用程序提供数据。这些请求由类 ContentResolver 的方法来处理。内容提供者可以使用不同的方式来存储数据。数据可以被存放在数据库，文件，甚至是网络。内容提供者的行为和数据库很像，可以查询，编辑它的内容，使用 insert()， update()， delete() 和 query() 来添加或者删除内容。多数情况下数
2020-08-24 11:55:07
218
原创 摸鱼学Android 五（广播接收者）
摸鱼学Android 五Broadcast Receivers1 介绍2 使用1 创建广播接收器2 注册广播接收器3 系统事件Broadcast Receivers1 介绍广播接收器用于响应来自其他应用程序或者系统的广播消息。这些消息有时被称为事件或者意图。例如，应用程序可以初始化广播来让其他的应用程序知道一些数据已经被下载到设备，并可以为他们所用。这样广播接收器可以定义适当的动作来拦截这些通信。2 使用有以下两个重要的步骤来使系统的广播意图配合广播接收器工作：创建广播接收器注册广播接收器
2020-08-24 11:03:36
147
原创 摸鱼学Android 四（服务）
摸鱼学Android 四Service1 生命周期2 回调方法3 实例Service1 生命周期2 回调方法回调描述onStartCommand()其他组件(如活动)通过调用startService()来请求启动服务时，系统调用该方法。如果实现该方法，必须在工作完成时通过stopSelf()或者stopService()方法来停止服务。onBind当其他组件想要通过bindService()来绑定服务时，系统调用该方法。如果实现该方法，需要返回IBinder对象来提供
2020-08-21 15:10:49
151
原创 摸鱼学Android 三（活动）
摸鱼学Android 三Activity1 生命周期2 回调方法3 实例Activity1 生命周期2 回调方法回调描述onCreate()第一个回调，在活动第一次创建是调用onStart()在活动为用户可见时被调用onResume()在应用程序与用户开始可交互的时候调用onPause()被暂停的活动无法接受用户输入，不能执行任何代码。当当前活动将要被暂停，上一个活动将要被恢复是调用onStop()当活动不在可见时调用onDestroy(
2020-08-19 11:49:30
95
原创 摸鱼学Android 二（简介）
摸鱼学Antroid 二1 Android架构2 应用程序组件ActivitiesServicesBroadcast ReceiversContent Providers3 附件组件4 Android项目1）目录说明srcgenbinres/drawable-hdpires/layoutres/values2）文件说明AndroidManifest.xmlMainActivity.javaStrings.xmlR.javaLayout文件1 Android架构这里就不偷架构图了，到处都有，简单了解一下
2020-08-18 11:47:13
139
原创 摸鱼学Android 一（环境）
摸鱼学Android 一安装开发环境安装开发环境安装IDEA过程略过访问https://www.androiddevtools.cn/下载SDK，（直接下拉到页面中间位置），我是windows系统解压下载的文件android-21.rar到自定义目录IDEA安装Android组件，打开IDEA，欢迎界面右下角Configure->Setting，搜索Android，SDK路径选择刚刚解压后的路径，等待安装PS：若安装组件过程出现这个错误访问http://ping.chinaz.com
2020-08-18 10:31:27
177
原创 小程序原生高颜值组件库 - colorUI
小程序原生高颜值组件库 - colorUI前言下载介绍使用前言小程序开发使用组件库可以起到事半功倍的效果，colorui是一款高颜值的开源组件库。下载GitHub传送门：https://github.com/weilanwl/ColorUI介绍下载后，开发者工具导入demo丰富的UI，可以在wxml文件中查看class对应的效果。使用如何使用，在上节中有稍微提及了一下1...
2020-04-24 17:56:01
727
原创 page模式和component模式
page模式和component模式前言说明1 生命周期2 实例page模式前言这一节了解page和component的区别。说明page是官方默认组件，样式固定单一；component是自定义组件，可以灵活配置。1 生命周期Page:onLoad()、onReady()、onShow()、onHide()、onUnload()五个页面生命周期函数，其分别是页面加载、就绪、渲染、隐...
2020-04-24 17:07:23
4277
原创 小程序之提示框
小程序之提示框前言API说明1 wx.showToast()前言这一次学习小程序的几种提示框。API说明1 wx.showToast()显示消息提示框OBJECT参数说明：参数 类型 必填 说明 最低版本title String 是 提示的内容 icon String 否 图标，有效值 “success”, “loading”, “none” image String 否 自定...
2020-04-08 16:52:25
1573
1
原创 小程序之HTTP请求
隔三差五的微信小程序学习之旅（5）前言1 新建springboot项目2 连接Mysql数据库3 新增实体类前言本节学习小程序的http请求，为此，先用springboot搭建一个后台（包含连接mysql）。1 新建springboot项目1）打开IDEA，New Project -> Spring Initializr2）点击next，修改包名2）点击next，选择web -...
2020-04-03 16:43:55
1151
原创 小程序之问题记录
隔三差五的微信小程序学习之旅（4）前言1 为什么要用that指代this前言这一节用于对某些地方的解惑，后续会持续更新。1 为什么要用that指代this经常看到函数中有一行 “var that = this;”，看似无用功，但是真的是无用功吗？其实不然，this是指当前对象，只是一个指针，真正的对象储存在堆内存中，而在运行过程中，this的指向会发生变化。先复制this的指向到变量中，...
2020-04-03 10:54:26
92
原创 小程序之页面路由
隔三差五的微信小程序学习之旅（3）前言页面路由1 路由方式2 路由实例 - API前言上一篇简单的了解了小程序的数据绑定，这一回学习小程序的页面路由。页面路由小程序中，所有页面的路由都有框架管理，框架以栈的形式维护当前的所有页面。1 路由方式路由的触发可以调用API，也可以使用组件 <navigator />API方式：打开新页面：wx.navigateTo页面重定...
2020-04-02 18:05:21
379
原创 小程序之数据绑定
隔三差五的微信小程序学习之旅（2）前言视图层1 组件2 数据绑定3 组件渲染3.1 列表渲染3.2 条件渲染3 数据绑定实例4 条件渲染实例5 列表渲染实例6 总结前言上一篇稍微了解了一下MINA框架的组成，这一回继续了解MINA框架的视图层[view]。视图层MINA框架的视图层由WXML（WeiXin Markup language）和WXSS（WeiXin Style Sheet）编...
2020-04-01 16:50:31
293
原创 小程序之开发基础
隔三差五的微信小程序学习之旅（1）前言1.小程序注册2.安装开发者工具3.开发者工具界面4.项目结构说明1.全局配置2.程序注册3.页面注册前言之前一直从事C和GO的相关工作，对这一类一窍不通，一时兴起爬爬坑，如果有什么错误的地方，还请不吝赐教。1.小程序注册要进行小程序的开发，需要先前往 微信公众平台 进行注册。选择注册的账号类型 “小程序”之后，填写信息注册。注册成功之后，将获...
2020-03-31 17:46:05
327
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人