微信小程序の数据共享 前言 小程序目前没有像vue一样有一个契合性很好的全局状态管理库并且现有的全局状态共享并不是响应式的,但是可以下载相应的依赖包进行全局状态管理并且达到响应式的效果。这篇博文就是介绍一个比较不错的全局状态管理库和小程序本身全局共享数据的特点。 app.js全局共享数据 在app.js中 声明变量 globalData 通过getApp( ) 获取app.js对象 getApp().globalDa 2022-03-04 微信小程序 微信小程序
小程序の异步api封装&插槽/混入 异步API的封装 为什么要封装微信的异步API? 因为异步的原因,可能会与我们代码逻辑有所冲突 因为微信提供的异步API很繁琐,我们通过你自己的进一步封装,可以更好的调用,减少代码的体积 如何封装? 使用promise封装 示例:// 我们这里使用微信提供的请求API进行演示,封装逻辑都是一样的 const baseUrl = 'xxx' cons 2022-03-04 微信小程序 微信小程序
小程序の页面App生命周期&路由传参 App生命周期 属性 说明 用法 onLaunch 监听小程序初始化 应用第一次启动就会触发的事件(一般用做程序启动获取用户的个人信息)[比onShow先触发] onShow 监听小程序启动或切前台 应用被用户看到时触发,比onLaunch慢,会频繁触发[重置应用的数据和页面效果] onHide 监听小程序切后台 应用被隐藏[暂停或清除定时器,减少内存] onError 错误 2022-03-04 微信小程序 微信小程序
小程序の组件使用 组件的使用 注册自定义组件 在微信开发者工具中,选择components文件夹鼠标右击选择新建component,输入名称后自动创建4个文件,基本与page页面结构相同 在需要使用组件的页面文件或者组件文件,选择.json结尾的配置文件 在json文件中的”usingCompoents”属性中进行配置{ "usingComponents": "需要引入 2022-03-03 微信小程序 微信小程序
小程序の基础语法 插值语法 初识微信小程序插值语法定义: 类似于vue的插值语法,也采用{{ }}进行值的动态绑定值的注意: (1) 无法像vue语法中可以进行函数调用 (2) 传递布尔值值必须使用{{}}传递,不使用{{}}默认都是字符串,false就会被编译成字符串false,显示为tr 2022-03-03 微信小程序 微信小程序
Fluid主题配置Valine评论系统 前言本文主要用来介绍如何在Fluid主题中博客添加Valine评论系统 Valine优点其实Fluid主题内置了很多评论插件,比如utterances,valine等等,选择valine的原因如下: 无后端实现 高速,使用国内后端云服务提供商 LeanCloud 提供的存储服务 开源,自定义程度高 支持邮件通知 支持验证码 支持 Markdown 开始配置 注册Leancloud 2021-12-15 hexo Hexo Fluid hexo主题
Fluid主题配置 前言之前介绍了如何使用Fluid的主题,这篇将继续深入如何去使用Fluid。 基础目录结构 使用hexo n 文件名称创建一个md文档,用来创作博客文章,进入md文档后,基础结构展示如下: --- title: 使用Hexo搭建博客(基础版) # 博客文章标题 date: 2021-12-15 01:47:44 # 文章编写日期 index_img: /img/fluid- 2021-12-15 hexo Hexo Fluid hexo主题
基于gitee的PicGo的搭建 前言 想着做一个图床,方便博客的图片管理以及减少静态资源的占用量 PicGo介绍 一个用于快速上传图片并获取图片 URL 链接的工具 支持拖拽图片上传 支持快捷键上传剪贴板里第一张图片 Windows 和 macOS 支持右键图片文件通过菜单上传 (v2.1.0+) 上传图片后自动复制链接到剪贴板 支持自定义复制到剪贴板的链接格式 支持修改快捷键,默认快速上传快捷键:command+shif 2021-12-13 hexo picGo gitee
Fluid配置使用 Fluid介绍Fluid 是基于 Hexo 的一款 Material Design 风格的主题 优势1.设计遵循简洁至上,同时具有轻快的体验,和优雅的颜值;2.提供大量定制化配置项,使每个用户使用该主题都能具有独特的样式;3.响应式页面,适配手机、平板等设备;4.为数不多内置支持 LaTeX 语法公式的主题。 特性1.图片懒加载2.自定义代码高亮方案3.内置多语言4.内置多款评论插件5.外部覆 2021-12-10 hexo Fluid hexo主题 hexo
Vueの修饰符 前言 本篇文章是专门用来介绍vue的修饰符 包括了指令的修饰符,事件修饰符,按键修饰符,其它修饰符 了解常用的修饰符,使某些场景的开发变得更加简便 指令的修饰符简介: 指令的修饰符包括了v-model的修饰符和v-bind的修饰符,这些都是一些比较常用的修饰符,有便于我们平常的开发 v-model的修饰符 v-model的修饰符分为3种.lazy,.trim,.number .lazy v 2021-11-18 Vue Vue2 Vue3