前言：微信小程序简介微信小程序是一种全新的连接用户与服务的方式，它可以在微信内便捷地获取和传播，同时具有出色的使用体验。小程序与普通网页开发的区别小程序的主要开发语言是 JavaScript ，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是二者还是有些许区别的。网页开发渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导
官方学习文档：基础 | 微信开放文档目录环境部署做底部导航栏引入本地图片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 后，感觉没有类型检查的语言还是不太适合我，所以一直想尝试下 TypeScript，然而由于项目庞大，人员协作问题，一时半会没办法切成 TypeScript。正好最近有小程序的需求和小程序去年 11 月开始官方支持了 TypeScript，所以拿来练练手。Why TypeScript？大概是我这半年写的 Swift 比较多，而 Swift 中的
转载
2023-12-16 20:21:07
194阅读
先看下最后的效果图：要在手机上体验，可以扫描下面的小程序二维码体验（小程序搜索：生物钟），觉得可以可以转发给你的朋友们。人体生物钟小程序源码：https://gitee.com/liujiuwu/MyPsi ,欢迎提意见。下面开始进入正题，此小程序的核心js代码采用typescript写的(边学边写，难免有些不合理的地方，请海涵），所有首先要安装typescript的开发环境。一、Typesc
转载
2024-04-16 21:22:26
169阅读
开始开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。跟随这个教程，开始你的小程序之旅吧！申请帐号进入小程序注册页 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。 在这个小程序管理平台，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作。登录 小程序后台 ，我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了 。&n
1、什么是WXML什么是Wxml呢？我们首先要介绍一下Html，Html的全称为HyperTextMarkup Language，翻译过来就是超文本标记语言，这种语言目前已经普遍用于前端开发，而wxml正是从html演变而来，它基于微信这个平台，在很多方面变得更加简洁易用，更加适合微信小程序的开发。Wxml依然是标签语言，在小程序中，它可以结合基础组件、事件系统，可以构建出页面的结构。2、wxml
转载
2023-12-16 18:31:41
174阅读
之前也尝试基于ts class开发小程序页面，失败了，今天中午不死心，又试了下，摸索出一种方式，大家稍微参考下，主要是想遍历new出来的对象所有属性，再构建一个var obj = {}字面对象：构造函数似乎用不了，回头再研究研究，目前这样，已经很惊喜了，哈哈！具体还有什么坑，后面发现了再更新上来。// import { IMyApp } from "../../app";
import { Ap
转载
2023-11-14 09:56:05
394阅读
微信小程序的开发目前是很热的一个领域，有很多的开发模式，找到一种属于自己的方法才会使得开发顺心顺利。此架构是使用 Taro + dva + typescript 构建前端开发京东凹凸实验室的React框架Taro很成熟，又是大厂在维护更新迭代，不用担心没人维护的问题，他有自己的UI还有物料社区，比起原生小程序方便很多，支持多端，一处代码，多处运行，微信小程序、H5、百度小程序、支付宝小程序、字节
转载
2024-03-06 11:09:29
310阅读
！打好最基础的部分，为后期的项目做好准备** 学习注册App函数和Page函数** 认识一些常见组件，其余组件使用时查找文档** 对于wxss和css，两种区分好 App函数、Page函数1. 每个小程序都需要在app.js中调用该函数注册小程序实例注册时，可以绑定对应生命周期函数，执行对应代码可以做些什么事呢？小程序进入场景有很多种方式，可在app.js中调用 onshow
转载
2024-04-18 10:48:04
78阅读
前言： 因为前段时间一直在做关于微信小程序方面的项目，作为一名后端的攻城狮而言做一些简单的前端页面数据操作和管理还是比较容易快上手的，当然前提是要理解微信小程序的基本语法和请求原理。该篇博客主要记录的是在编写微信小程序时使用比较频繁，实用的一些方法和一些基本原理的概括。个人觉得把这些方法掌握好了，开发一个小型的微信小程序那是绰绰有余的啦。向后端请求数据方法：wx.request({}) wx.
转载
2024-07-31 18:51:36
215阅读
这两天公司安排研究微信小程序开发（我们是想ionic直接或间接转换成微信小程序....），幸亏微信开发者工具支持TypeScript，所以这个“转换”还是有戏的。之前也看了uni-app，人家那个才叫牛，一套程序（基于vue.js）， APP、WAP、微信小程序、各种小程序，自动编译生成，差点就转uni-app了。无奈换框架这事太大，所以我只能先手工转换，后面自动转换也不是不可能的事。经过这几天的
转载
2023-12-22 12:24:31
88阅读
微信小程序发展得如火如荼，我秉承着太阳骑士好奇猫的精神也试试做一个。^^我要自学网里面有这方面的教学视频，我个人感觉挺好的，大家可以参考借鉴一下。（网址在后面）一、Start up（一）、首先当然是下载微信的小程序开发工具啦，任选一个下载就好了。（二）、常规登录（扫一扫会出现什么呢？答案是：二维码已过期）（三）、创建项目（hello world？） AppID也可以自己申请哦，流程会比直接使用测试
转载
2023-11-30 18:45:28
177阅读
文档地址：https://mp.weixin.qq.com/ 微信工作平台https://developers.weixin.qq.com/miniprogram/dev/framework/ 微信小程序一、生成代码.json 后缀的 JSON 配置文件.wxml 后缀的 WXML 模板文件.wxss 后缀的 WXSS 样式文件.js 后缀的 JS 脚本逻辑文件二、开发指南1、新建小程序（目录要是
转载
2024-01-13 21:32:20
317阅读
1. 关于微信小程序js项目更新为ts项目（1） 直接新增项目，创建一个ts版本的基础框架用于ts开发（新项目开发时用到）（2）在miniprogram目录下创建miniprogram_npm文件夹（3） 根目录 package.json 修改"scripts" 如下"scripts": {
"compile": "./node_modules/typescript/bin/t
转载
2024-01-12 12:31:06
1561阅读
webstorm如何调试typescript代码需要先配置一个调试的服务器，如果会需要安装对应的浏览器插件配合使用1.首先要安装WebStrom以及在Chrome浏览器里配置好LiveEdit插件。2.运行WebStrom，创建一个webproject。3.修改文件如下：JavaScript能够直接写入HTML输出流中：cars=["BMW","Volvo","Saab","Ford"];for(
转载
2024-01-25 09:38:39
76阅读
在进行微信开发之前，首先需要注册一个微信公众号或者是订阅号，这个是最基本的操作，没有这一步，后面的的步伐很难走。 注册完微信之后，获取appId和appSecret，有了这两个就可以了第一步、创建项目$ mkdir ts_node_wx
$ cd ts_node_wx && npm init第二步、安装依赖库安装需要的packages（express, ejs, request以及
转载
2024-08-23 19:27:52
404阅读
学习了第2版的微信小程序实战入门，还是比较容易上手的，通过案例学习小程序语言的实战技巧，更容易理解，并能马上学以致用。对于每一部分具体内容，都设计了相应的示例程序，一方面可以帮助加深理解，另一方面也可以逐步培养程序设计能力。刘明洋的这个微信小程序第二版内容还是挺全面的，详细讲解了开发工具的使用、基本组件、API 的使用；技术实用，通过多个案例详细讲解了小程序的开发过程和代码实现，从0 到1 开发属
### TypeScript 开发微信小程序步骤
微信小程序是一种可以在微信平台上运行的轻量级应用程序，它可以为用户提供丰富的功能和交互体验。而使用 TypeScript 进行开发可以提供静态类型检查和更好的代码组织，这篇文章将介绍如何使用 TypeScript 开发微信小程序。
#### 步骤一：创建项目
首先，我们需要创建一个新的微信小程序项目。使用微信开发者工具，选择新建项目，并填写项
原创
2024-01-27 06:24:03
869阅读
微信小程序的具体开发教程：我们暂时以一款简单的第三方工具的实例，来演示一下开发过程吧。（公司的项目保密还不能分享代码和截图。博卡君是边加班边偷偷给大家写教程。感谢「名片盒」团队提供他们的服务号来动这个手术，所以博卡君的教程就用「名片盒」的公众号滚动更新发布吧?）OK，为了让大家尽快看到这份教程，博卡君注定要熬夜了！今晚开始更新，希望明天一早就能发布第一篇教程！记录开始！看看几天能完成变身吧！序言开
