weixin_47077674的博客

前言作为一个即将毕业的大学生，我谙晓多少基础不好的同学做毕设的苦恼。在我们自己的专业，一般毕设都是以 小程序或者网站 的形式开发，必须一个人进行前后端的全过程的开发。因此我就构思能不能开发一个覆盖面比较广，能够达到快速改造，快速迁移部署，且技术栈相对容易的开源小程序。最初我想着开发的是一个商城小程序，但是商城的话改造性不强，所以我就选择了开发一个更加百搭的的 社区论坛小程序。为什么说百搭呢，毕设当然需要有一定的特殊性，但是这又和小程序需要百搭 相悖，社区小程序的话可以非常方便的改成各种各样的其他类型小

前言继# 原生小程序开发也要写的爽~教你如何优雅的在小程序中进行异步编程 这篇文章后的续集来了，还是一样通过最近的一些开发经验进行浓缩总结，探索一些可以提升微信小程序开发效率和降低心智负担的方法。这一篇文章就讲讲在微信小程序中如何优雅地进行模块化处理ES6和commonJS的选择首先在微信小程序中不论是 ES6 或者是 commonJS 模块化语法都是支持的，在传统的web项目中我个人是习惯统一使用 ES6 模块化语法进行开发的。在最初我也是将小程序中所有的通用方法抽离成单独的文件，并使用expo

前言最近开始写一个开源的云开发社区小程序，在写的过程中慢慢的摸索了一些对于开发和测试的过程中又帮助的奇技淫巧。这篇文章讲一下在 原生小程序中如何优雅的捕捉异步方法的异常。传统方法在ES7之后，我们往往使用 async await 语法来进行异步编程，如果我们要捕捉异常的话一般有以下两种方式try catchasync func(){ //do something}try { const res = await func()} catch (error) { //ha

前言在经历了多个uniapp小程序项目开发后，我将我所有的踩坑实战经验复盘总结，以下内容仅针对uniapp开发微信小程序的场景，其中除了uniapp外还有一些小程序开发的注意点，希望这篇文章可以帮助大家避坑。以下全文干货（干到口渴那种）uniapp简介先放官方介绍，如果熟悉已经了解uniapp的同学可以跳过。uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉

前言在19年疫情比较严重的时候，在家里的我想要为前线的医护人员打打气，于是就开始做一些跟战疫相关的海报，并且将这些海报分享到了一些社交平台，比如某红书和某博。在这些文章有了一定热度之后就开始有人问我要图片，最初的时候人比较少我还可以一个一个私发，后来问的人越来越多，我也没办法一个一个的去回复，所以我就想办法用自己的技术解决这一个问题。需求分析首先我认为这个小程序需要非常简单，只有一个页面，以一个列表的形式展示海报和一些设计素材，然后有一个下载按钮，点击下载就直接保存到手机相册。列表还得有上滑加载和下拉

最近发现小程序云开发推出了tcb-router的云函数路由管理工具，它是一个类似koa+koa-router的路由处理方式。正好最近也在写云开发，就使用了一下，也踩了一些坑，下面介绍一下tcb-router的快速入门使用tcb-router github链接首先需要安装tcb-router，先创建一个云开发项目，在云函数目录中创建一个router云函数，右键在外部终端打开，输入npm install --save tcb-router安装之后可以看到在router文件夹中有一个node

bug介绍及复现在最近开发小程序的时候遇到了一个bug，当你动态赋予scroll-view高度的时候，scroll-view的下拉刷新功能可能会只能拉到一半就卡住，并且无法下拉。如下图所示![请添加图片描述](https://img-blog.csdnimg.cn/dcf865745e184c5da5f78eb59d6d2ecd.gif产生原因应该是scroll-view元素的下拉位置在元素渲染时就确定了，而我们赋予scroll-view的高度更改了下拉位置，导致下拉的时候没法拉到位解决方法在s

前言最近需要实现一个微信小程序的富文本编辑器，由于使用的是uniapp框架开发的小程序，因此就改造了一下微信小程序官方案例，并封装成了一个组件。uniapp-editor gitee仓库实现效果使用方式在需要使用富文本的页面引入组件，通过v-model绑定富文本内容即可// example.vue<template> <view> <rich-text-editor v-model="richText"></rich-text-editor&g

效果图设计思路设计一个遮罩层图片，打开摄像头，拍照，把照片放进画布上，根据遮罩层的尺寸进行裁剪，得出处理后的图片。wxml文件把遮罩层放进去，并加上按钮和点击事件<camera wx:if="{{isShowCamera}}" flash="off" style="height:100vh;"> <cover-view class='camerabgImage-view'> <cover-image wx:if="{{showPhoto}}" cla