微信小程序的基础运用

最新推荐文章于 2024-07-21 12:40:54 发布
最新推荐文章于 2024-07-21 12:40:54 发布
阅读量96 收藏
点赞数
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52966724/article/details/125017714
版权

用小程序来伪造一个假微信

前言

这几天在玩微信小程序，随便写了个静态的微信，用于学习微信小程序，以下是我个人的一点经验以供参考。

成品图

请添加图片描述
请添加图片描述
话说有人知道怎么传GIF吗？我的头像可是一整集的猫和老鼠啊！

小程序基础结构

最外层

在这里插入图片描述
这就是小程序的文件构成在一开始，我们常用的只有四个文件。如下图所示
在这里插入图片描述
其中pages是详情页
app.js是全局的js文件
app.json是全局的json文件
app.wxss是全局的css文件

详情页

在这里插入图片描述
如图所示，每个文件夹都是一个详情页，当然用来存储图片的imgs不算。

最内部

在这里插入图片描述
如图所示，详情页的结构其实和最外层差不多，只不过这里的文件只会对本文件夹生效。

总结构展示

在这里插入图片描述

修罗之瞳-HM
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
零基础入门微信小程序开发
GitChat
07-03 34万+
本课程是一个系列入门教程，目标是从 0 开始带领读者上手实战，课程以微信小程序的核心概念作为主线，介绍配置文件、页面样式文件、JavaScript 的基本知识并以指南针为例对基本知识进行扩展，另外加上开发工具的安装、小程序发布等内容，共 9 篇文章。
微信小程序开发（超详细保姆式教程）
热门推荐
m0_64875238的博客
11-10 34万+
微信小程序开发（超详细保姆式教程）
什么是微信小程序基础库
fanxin12138的博客
10-20 2567
微信小程序基础库
微信小程序基础介绍
weixin_62897746的博客
03-08 3943
什么是微信小程序： 微信小程序，简称小程序，英文名 Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。 - 整个小程序所有分包大小不超过 8M - 单个分包/主包大小不能超过 2M
微信小程序基础面试题15道
2401_83470102的博客
04-16 1223
微信小程序自定义 TabBar 是指开发者可以自己定义底部的 TabBar，而不是使用微信小程序原生的 TabBar。自定义 TabBar 可以让小程序的底部导航更加灵活多样化，同时也可以更好地满足用户的需求。自定义 TabBar 的实现方法是在小程序的 app.json 文件中定义一个 tabBar 字段，通过设置 tabBar.custom 属性为 true，告诉小程序使用自定义 TabBar。同时，还需要在 tabBar.list 字段中设置自定义 TabBar 的样式和图片等信息。
微信小程序——语法篇
官方推荐
09-10 4万+
掌握小程序语法快速上手实操一款小程序吧！
微信小程序基础篇-模板与配置
weixin_49555741的博客
01-11 968
索引名：wx: for-index='name'变量： wx: for-item='xxxtabBar 实现移动端多页面的切换通常分为底部tabBar和顶部tabBartabBar 配置至少2个，至多5个tab页渲染顶部tabBar时，不显示icon，只显示文本。
第二章 微信小程序开发基础
wuyuself789的博客
03-07 1499
对于微信小程序而言，视图层就是所有.wxml文件与.wxss文件的集合:.wxml文件用于描述页面的结构mxss文件用于描述页面的样式。如图所示在微信小程序的基本目录结构中，项目主目录下有2个子目录(pages和utils)和4个文(app.js、app.json、app.wxss和project.config.json)。各文件的代码内容如表所示。将文件保存后，我们发现系统在目录结构中自动添加了相应的目录和文件，系统补全了每个页面文件中必需的基本代码，而且没有出现错误提示，如图所示。
微信小程序基础架构浅析
qq_44845659的博客
08-16 1129
微信小程序基础架构浅析 微信小程序，简称小程序，英文 mini program。是一种不需要下载安装即可在微信中使用的应用，用户扫描小程序码或搜索小程序即可打开，触手可及，用完即走，不用关心是否安装太多应用的问题。 小程序技术演进 内部开放微信原生能力 使用 WeixinJSBridge 预览图片 此类 API 最初是提供给腾讯内部一些业务使用，很多外部开发者发现了之后，依葫芦画瓢地使用了，逐渐成为微信中网页开发的事实标准。 JS-SDK 发布 2015 年初，微信发布了一整套网页开发工具包，称之为 .
微信小程序基础知识点
前端泡面人
04-24 3584
1、小程序的项目结构 pages文件夹 - - - 存放页面的文件夹 utils - - - 工具文件夹 （可删除） eslintrc.js - - - 格式化代码 （不需要管） app.js - - - 小程序的逻辑，必不可少 app.json - - - 全局的配置文件，必不可少 app.wxss - - - 全局的样式文件；小程序 样式中 不可以使用 *{} project.congfig.js - - - 项目配置文件 sitemap.json - - - 站点地图 ...
微信小程序 实例汇总 完整项目源代码
11-01
微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，主要针对移动设备，尤其是智能手机。它允许开发者在微信内创建原生体验的应用程序，无需通过应用商店即可供用户使用。这个压缩包文件“wechat”很可能包含了...
微信小程序源码-仿酷狗音乐微信小程序
09-28
首先，我们要理解微信小程序的基础架构。它由JSON配置文件（app.json、page.json）、WXML（WeChat Markup Language）模板语言、WXSS（WeChat Style Sheets）样式表和JavaScript文件组成。在“仿酷狗音乐微信小程序”...
微信小程序模板-100个
07-18
微信小程序是一种轻量级的应用开发平台，主要针对移动端，尤其是智能手机用户。由腾讯公司于2017年推出，它的核心理念是“用完即走”，旨在提供便捷、高效的用户体验，减少用户下载安装大量应用程序的需求。这个...
小米商城微信小程序源码
05-26
将小米商城搬到微信小程序平台，可以进一步拓宽销售渠道，利用微信庞大的用户基础，提高品牌曝光度和销售效率。 【微信小程序商城开发】 微信小程序商城的开发涉及以下几个核心组件和功能： 1. 页面设计：采用...
微信小程序 button样式设置为图片的方法
goodboxs的博客
07-19 406
background-size与background-repeat与border:none;是button必须的。抖音小程序泛流量变现 ,直播间挂载。
【微信小程序】设置button禁用样式
最新发布
weixin_42266035的博客
07-21 195
写了一个通用按钮样式，打算在特定情况触发其disabled状态，但触发后效果并不是下面.wxss中的期望的样式。
微信小程序基本语法
qq_48701993的博客
07-16 1842
微信小程序基本语法
微信小程序-自定义组件生命周期
weixin_42284031的博客
07-19 385
组件实例创建完毕调用。定义在lifetimes对象里。不能在方法里面更改data对象里面的值，但是可以定义属性值。
微信小程序开发入门与应用场景分析
"微信小程序入门教程，包括小程序的定义、优缺点、应用场景、开发流程以及设计规范和组件、API的介绍。" 微信小程序是腾讯公司推出的一种轻量级的应用开发平台，它允许开发者构建无需安装即可使用的应用。这种技术...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值