官方学习文档：基础 | 微信开放文档目录环境部署做底部导航栏引入本地图片index.wxml引入另外一个页面引入样式自定义组件审查元素实现轮播图：微信小程序实现轮播图，自定义点击图标切换图片发布体验包生命周期父子组件传值兼容性问题内联样式获取点击事件内的参数自定义头部导航栏实现气泡报错：navigateTo:fail can not navigateTo a tabbar page小程序禁止右滑或
视图容器组件：scroll-view 组件：可滚动视图区域，在 scroll-view 组件的内部滚动。使用竖向滚动时，必须要给 scroll-view 一个固定高度，而不能是由其子元素自动撑开，否则的话 scroll-view 的高度等于其子元素的高度，就不会滚动了。如果 scroll-view 组件要开启 flex 布局，需要设置 enable-flex 属性为 true。可以通过设置 scr
转载
2024-05-31 01:11:30
162阅读
前言：微信小程序简介微信小程序是一种全新的连接用户与服务的方式，它可以在微信内便捷地获取和传播，同时具有出色的使用体验。小程序与普通网页开发的区别小程序的主要开发语言是 JavaScript ，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是二者还是有些许区别的。网页开发渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导
自从去年开始在项目里写了一段时间 Javascript 后，感觉没有类型检查的语言还是不太适合我，所以一直想尝试下 TypeScript，然而由于项目庞大，人员协作问题，一时半会没办法切成 TypeScript。正好最近有小程序的需求和小程序去年 11 月开始官方支持了 TypeScript，所以拿来练练手。Why TypeScript？大概是我这半年写的 Swift 比较多，而 Swift 中的
转载
2023-12-16 20:21:07
199阅读
先看下最后的效果图：要在手机上体验，可以扫描下面的小程序二维码体验（小程序搜索：生物钟），觉得可以可以转发给你的朋友们。人体生物钟小程序源码：https://gitee.com/liujiuwu/MyPsi ,欢迎提意见。下面开始进入正题，此小程序的核心js代码采用typescript写的(边学边写，难免有些不合理的地方，请海涵），所有首先要安装typescript的开发环境。一、Typesc
转载
2024-04-16 21:22:26
169阅读
Vue 项目和微信小程序项目的区别与比较对于一些刚开始学 Vue 和微信小程序的人来说，二者有很多相似之处，非常容易记混，在此简单记录一些二者的共同点和区别。一、生命周期先贴两张图：Vue 生命周期小程序生命周期相比之下，小程序的钩子函数要简单的多。vue 的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。onLoad: 页面加载
一个页面只
转载
2023-12-18 20:45:16
99阅读
2020/7/231.在vscode里面使用sass工具开发原生小程序1.现在vscode插件市场里面找到Live Sass Compiler安装 2.然后配置根目录的.vscode里面的setting.json文件{
"liveSassCompile.settings.formats": [
{
"format": "expanded",
转载
2024-01-22 00:15:30
81阅读
开始开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。跟随这个教程，开始你的小程序之旅吧！申请帐号进入小程序注册页 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。 在这个小程序管理平台，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作。登录 小程序后台 ，我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了 。&n
TypeScript 微信小程序: 一个全面的复盘记录
随着移动互联网的迅猛发展，微信小程序作为一种新兴的应用形态，正逐渐成为企业数字化转型的重要工具。然而，随着项目规模的扩大，使用 TypeScript 开发微信小程序带来了许多技术上的挑战，尤其是在 类型安全、代码组织与维护方面。
> 用户原始需求：
> "我们希望通过 TypeScript 增强代码的可维护性，减少 bug 的发生，但
微信小程序的开发目前是很热的一个领域，有很多的开发模式，找到一种属于自己的方法才会使得开发顺心顺利。此架构是使用 Taro + dva + typescript 构建前端开发京东凹凸实验室的React框架Taro很成熟，又是大厂在维护更新迭代，不用担心没人维护的问题，他有自己的UI还有物料社区，比起原生小程序方便很多，支持多端，一处代码，多处运行，微信小程序、H5、百度小程序、支付宝小程序、字节
转载
2024-03-06 11:09:29
310阅读
之前也尝试基于ts class开发小程序页面，失败了，今天中午不死心，又试了下，摸索出一种方式，大家稍微参考下，主要是想遍历new出来的对象所有属性，再构建一个var obj = {}字面对象：构造函数似乎用不了，回头再研究研究，目前这样，已经很惊喜了，哈哈！具体还有什么坑，后面发现了再更新上来。// import { IMyApp } from "../../app";
import { Ap
转载
2023-11-14 09:56:05
394阅读
封装一个弹窗组件 1.新建component文件夹存放我们的组件，里边存放的就是我们所用的组件，我们今天要做的事弹出框，新建文件夹popup存放我们的组件模板，点击右键选择新建component，就会自动生成组件的模板wxss、wxml、json、js，如图： 2.我们可以写一些组件样式和布局，跟页面写法类似，我就不多说了，直接把代码贴出 :popup.
转载
2024-05-06 22:10:41
622阅读
小程序与 App 的区别技术微信小程序就是微信支持的一种第三方插件，微信向这种第三方插件开放了更多的功能接口，从丰富的界面控制到多种框架，特别合适提供了更多的对移动设备的访问能力。 运行环境原生 App 直接运行在操作系统的单独进程中（在 Android 中还可以开启多进程），而小程序只能运行在微信的进程中。开发成本原生 App 的开发涉及到 Android/iOS 多个平台、开发工具、开发语言、
转载
2023-07-04 13:28:49
607阅读
！打好最基础的部分，为后期的项目做好准备** 学习注册App函数和Page函数** 认识一些常见组件，其余组件使用时查找文档** 对于wxss和css，两种区分好 App函数、Page函数1. 每个小程序都需要在app.js中调用该函数注册小程序实例注册时，可以绑定对应生命周期函数，执行对应代码可以做些什么事呢？小程序进入场景有很多种方式，可在app.js中调用 onshow
转载
2024-04-18 10:48:04
81阅读
创建项目在微信开发者工具创建项目,在语言中选择 TypeScript改造项目编辑 package.json 文件,修改 miniprogram-api-typings 和 typescript 版本{
"name": "miniprogram-ts-quickstart",
"version": "1.0.0",
"description": "",
"scripts": {
转载
2021-01-29 09:40:10
1159阅读
2评论
创建项目在微信开发者工具创建项目,在语言中选择 TypeScript改造项目编辑 package.json 文件,修改 miniprogram-api-typings 和 typescript 版本{
"name": "miniprogram-ts-quickstart",
"version": "1.0.0",
"description": "",
"scripts": {
转载
2021-02-08 11:12:02
967阅读
2评论
前言： 因为前段时间一直在做关于微信小程序方面的项目，作为一名后端的攻城狮而言做一些简单的前端页面数据操作和管理还是比较容易快上手的，当然前提是要理解微信小程序的基本语法和请求原理。该篇博客主要记录的是在编写微信小程序时使用比较频繁，实用的一些方法和一些基本原理的概括。个人觉得把这些方法掌握好了，开发一个小型的微信小程序那是绰绰有余的啦。向后端请求数据方法：wx.request({}) wx.
转载
2024-07-31 18:51:36
215阅读
制作微信小程序方法： 1.在微信公众平台上申请一个小程序账号，申请完成之后需要进行微信认证，并且需要缴纳300元的认证费用。如果不缴纳300元的费用，微信小程序商城没有开通支付功能。 2.新建一个空白的模板或者是选择微信小程序中一些固定的模板，通过组建拖曳制作小程序，如果觉得微信小程序平台所提供的模板比较单一，就可以选择第三方小程序平台中的模板。客满云店平台包括了各行各业的小程序模板，商家可以从中
转载
2023-11-26 12:30:32
198阅读
微信小程序发展得如火如荼，我秉承着太阳骑士好奇猫的精神也试试做一个。^^我要自学网里面有这方面的教学视频，我个人感觉挺好的，大家可以参考借鉴一下。（网址在后面）一、Start up（一）、首先当然是下载微信的小程序开发工具啦，任选一个下载就好了。（二）、常规登录（扫一扫会出现什么呢？答案是：二维码已过期）（三）、创建项目（hello world？） AppID也可以自己申请哦，流程会比直接使用测试
转载
2023-11-30 18:45:28
177阅读
这两天公司安排研究微信小程序开发（我们是想ionic直接或间接转换成微信小程序....），幸亏微信开发者工具支持TypeScript，所以这个“转换”还是有戏的。之前也看了uni-app，人家那个才叫牛，一套程序（基于vue.js）， APP、WAP、微信小程序、各种小程序，自动编译生成，差点就转uni-app了。无奈换框架这事太大，所以我只能先手工转换，后面自动转换也不是不可能的事。经过这几天的
转载
2023-12-22 12:24:31
91阅读
