微信小程序学习心得与问题（二）

最新推荐文章于 2022-03-20 15:07:37 发布
最新推荐文章于 2022-03-20 15:07:37 发布
阅读量315 收藏 3
点赞数
文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44046831/article/details/104596123
版权
本文介绍了如何创建微信小程序的项目和页面，重点讲解了新建页面、配置app.json、处理错误以及使用组件的基本步骤。通过实例展示了如何在.js文件中修改按钮内容和添加点击事件，以实现文本替换的效果。
摘要由CSDN通过智能技术生成

一、视图

  1. 首先我们需要新建一个项目在这里插入图片描述

  2. 然后新建一个空白页面
    在这里插入图片描述

  3. 在firstpages下创建一个.js文件和.WXML文件在这里插入图片描述

  4. 然后在app.json里面把页面添加进来在这里插入图片描述

  5. 操作完之后，我们会发现出现了一些错误，这是因为在page文件里我们没有调用page方法。

  6. 调用page方法之后就没有报错了，然后输入文字就会显示出来了。在这里插入图片描述

  7. 在完成上述操作后我们就可以使用一些组件来按照自己的需求进行页面的布局和美化。在这里，各类组件我们可以登陆官网查询，（mp.weixin.qq.com)

最低0.47元/天 解锁文章
weixin_44046831
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序——学习心得三
ZhouDong0110的博客
02-29 924
综合实例：评测小程序首页的实现 案例分析： 1.头部是由一个轮播图构成 2. 3. 学习目标： 1.学习swiper标签实现轮播图的效果 2. 3. 案例实现步骤 1.首先创建新的小程序项目，将原来的样式文件中的代码删除，基本文件全部初始化； 2.在微信公众平台下的微信开发文档的组件里找视图容器中的swiper标签，复制示例代码到index.wxml文件中，改变属性值如图所示，使轮播图可以自动播...
微信小程序——学习心得二
ZhouDong0110的博客
02-27 873
实践案例的学习目标： 1.了解并熟悉微信小程序的目录结构 2.学习应用如何实现数据绑定 3.切实设计一个简单的界面 标题具体设计的思路: 1.底部导航的设计； 2.初始化数据； 3.列表渲染和数据绑定的实现； 4.引用模板 例如在做快递查询实例时： 1.先把页面布局构建搭配好，将 app.json目录下的 “navigationBarTitleText”: “首页”,内容中 首页 内容更换为快递查...
微信小程序学习心得1.docx
06-12
微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx
微信小程序学习心得
weixin_44234500的博客
07-08 343
前后端交互 js文件使用data初始化变量、wx.request()请求文件内容，请求成功后setDate（{}）赋值数据，即可在wxml中使用（这里需要知道后端接口的网址） 得到的内容如果是数组，删除线格式 可以在wxml中通过循环获取数组内的下一个数据 如何将数据传入自定义的组件当中？ 1、获取数据对象在wxml中获取{{item}}，并且使用已经在组件属性中定义为对象的变量承载 ...
微信小程序官方文档学习个人心得
03-29
首先从官方文档给的框架说起,微信小程序官方文档给出了app.js, app.json, app.wxss. 先从这三个文件说起. app.js 这个文件是整个小程序的入口文件,开发者的逻辑代码在这里面实现,同时在这个文件夹里面可以定义全局变量. app.json 这个文件可以对小程序进行全局配置,决定页面文件的路径,窗口表现,设置网络超时时间,设置多tab等. app.wxss 是小程序的公共样式表.(为了适应广大的前端开发者，我们的 WXSS 具有 CSS 大部分特性。 同时为了更适合开发微信小程序，我们对 CSS 进行了扩充以及修改。) 接着我们就结合官方给出的代码具体说一下上面提到的三个
微信小程序的学习心得与问题（一）
weixin_44046831的博客
02-29 1618
一、学习过程中的知识点 1.什么是微信小程序 微信小程序，简单来说所谓微信小程序，就是用户在使用微信时，不需要额外的下载、安装其他的软件APP，就可以实现其他各项APP应用程序使用功能的基于微信嵌入式的“轻应用”。这样一来，用户无需安装额外的应用，无需占据手机内存等，就可以实现与普通应用程序一样的功能。在如今各类软件占用存储空间不断增大的今天，类似于微信小程序这种的“云应用”无疑就是应用程序发展的...
微信 小程序 canvas测试心得干货
03-29
微信小程序里的canvas 非 h5 canvas有很多不一样的地方，以下把微信小程序的canvas叫做wxcanvas   下面全是我一点点测试出的干货，耐心看： 1.wxcanvas,不像h5canvas那样有width和height属性和width和height的style...
2020微信小程序学习报告.2.17-3.1.（一）
01-03
应学校课程要求，在此记录网上学习微信小程序相关知识的过程，如各知识点与实践等。 首先是微信小程序的相关知识点： 产品： 1.微信小程序是在2015年提出的一个方案，起初叫应用号，随后渐为口语化，改称微信小...
微信小程序学习心得----订咖啡
03-29
在微信小程序发布之后一个月的今天，微信小程序的火苗以及熄灭了一大半，他们都说微信小程序只是火了一天而已，吐槽微信小程序各种弊端，各种不完善，但是不得不说新的技术，新的视野展现在 ...       在微信小...
微信小程序学习总结
lyen630的博客
03-20 1652
一、小程序的页面创建 在app.json页面中输入"pages/xxx/xxx",可得相应的xxx文件夹，在第一行输入可直接显示该文件夹页面。 二、文件夹内容页面 json 后缀的 JSON 配置文件 wxml 后缀的 WXML 模板文件（可以构建出页面的结构） wxss 后缀的 WXSS 样式文件（用来决定 WXML 的组件应该怎么显示） js 后缀的 JS 脚本逻辑文件（编写逻辑文件） 三、video知识点 src="(输入云文件file id)" 即能从云端获取视频资源文件 id定义
微信小程序——学习心得一
ZhouDong0110的博客
02-26 969
一、模板： ①定义模板 1.在 内定义代码片段，使用name作为唯一标识属性，作为模板的名称； 在实践操作中自己的问题在于容易忽视掉必要的{{}}括号和个别语句的架构问题，经过对语言的校对和修改慢慢可以改正错误，逐渐熟练。 示例如： <template name = " chengxu" /> <view> <text>{{ index...
微信小程序课程的学习心得
qq_46236257的博客
08-17 3535
前言： 整体来说，这次微信小程序课程提供的IDE还是比较好用的，入门也比较简单。模拟器，兼容性都很好。开发效率很高，也学到了非常多的东西，加深了对前端知识的应用理解。 在暑期训练营云云学长以及其提供的微信小程序文档，还有B站网课的帮助下，自己动手模仿网易云音乐，实现了一个简易的音乐app微信小程序，有了这个小项目的完成，对微信小程序的开发理解又进了一步。 开发平台配置： 个人开发者目前没有支付权限，不能开发支付功能。 除了管理员对小程序有所有权限，其他开发人员需要填加权限（10名），体验着需要填加体
关于微信小程序学习的一些心得
热门推荐
ccyl1211的博客
02-23 1万+
学习两周微信小程序的开发，自己颇有收获，在这里大体总结一下自己的心得体会。 微信小程序开发，入门算是非常简单，只要看官文文档即可小程序简易教程。如何申请小程序账号，如何开发自己第一个小程序，如何发布，这一系列hello world操作官方文档都有手把手教学。小程序开发的每个步骤，提供的能力文档里都有，个人觉得，做小程序开发，有事没事都看下文档，因为小程序更新比较快速，同时一些细小的能力我们可能会漏...
微信小程序学习感受
仲阳拾贰
01-26 3237
不要觉得自己不行 曾经自己很多事情没有做好 根本的原因都是自己不敢动手 觉得以现在的水平自己做不出来 说的直白一点就是自己怕难 还有就是自己不够自信 前段时间自己本来是想放弃现在这个知小乎这个微信开源项目 因为自己觉得这个项目 很复杂 但是经过这几天的研究自己发现 自己的水平是可以从这个项目学到一些小功能的 尝试对于我来说 是最好突破自己方式 因为尝试新的东西可以让我获取到新知 还可以增强
微信小程序初学心得
哈利路亚的收藏夹
09-04 828
最近想要评估 下微信小程序是否能取代移动设备App使用，所以了解了一下 小程序的开发技术。 总得来说， 微信小程序可以理解为把视图层依托于腾讯微信平台的一个小型 应用。在当下App端都普遍采用html5进行混编开发的当下，直接 使用微信小程序取代一个能够通过WebView打包实现的App客户端还是没有问题的。这里我 简单写了一个login，说一下基础问题和优缺点吧。 问题： 1. 微信小程序...
微信小程序学习的心得与问题（三）
weixin_44046831的博客
03-01 292
示例-快递查询 因为找不到相对应的API，之单独做出一个页面。 app.json { “pages”: [ “pages/index/index”, “pages/logs/logs” ], “window”: { “backgroundTextStyle”: “light”, “navigationBarBackgroundColor”: “#fff”, “...
微信小程序快速入门 个人学习心得（一）
zcylxzyh的博客
01-19 398
1、关于界面层的数据绑定 1.1 数据在哪里 数据在当前页面（xxxx.js）对象中data属性中。 1.2 绑定到哪里 想在哪里用就在哪里用，用 {{ }} 语法形式输出 2、关于列表渲染 在当前页面(xxxx.js)中的data属性中定义一个对象数组 然后在对应xxxx.wxml中 这样就可以有如下显示 但是，这样代码繁琐，我们可以用wx:for方式动态获取： 这里item代表当前页面被遍历元素，可以使用wx:for-item来给当前被遍历元素起别名 3、关于事件 基本事件的使用就是通过给
微信小程序开发心得：从零开始到问题解决
在开发过程中，遇到问题时，查阅微信小程序API文档是解决问题的重要途径。尽管与Vue等其他前端框架在某些细节上有差异，但基本的编程逻辑和原理相通。掌握一套框架，如Vue，对于理解小程序的API有很大帮助。本文提到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值