微信小程序快速入门个人学习心得（三）

最新推荐文章于 2021-05-28 00:27:46 发布
最新推荐文章于 2021-05-28 00:27:46 发布
阅读量339 收藏 1
点赞数
分类专栏： 新手 微信小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zcylxzyh/article/details/112852630
版权
本文分享了作者学习微信小程序的个人心得，包括页面跳转的注意事项，如json和js配置，使用navigator进行跳转；页面传值的方法，通过跳转链接上的问号参数进行传递并在接收页面onload中获取；点击高亮的实现，可通过修改navigator的hover-class属性或为图片添加cursor: pointer;样式；最后介绍了通过按钮事件和API实现页面跳转的方法。
摘要由CSDN通过智能技术生成

微信小程序快速入门个人学习心得（二）

1、页面跳转

注意事项
在进行页面跳转的时候，首先对应json文件中不能为空，最少也要有一个 { }，然后对应js文件中需要有 page{} 属性。
说明：navigator 是小程序提供的页面跳转的标签。

<navigator url="../demo2/demo2">go demo2</navigator>

对应json：（必须要有东西，最少也要是一个空的花括号，当然也可以直接删除json文件）
在这里插入图片描述
对应js:(虽然什么都没有也要写page)
在这里插入图片描述

<!--pages/demo2/demo2.wxml-->
<navigator url="../demo3/demo3">
<image src="../../image/poster.jpg"></image>
</navigator>
最低0.47元/天 解锁文章
肉乎乎的鸭
关注
专栏目录
微信小程序快速入门 个人学习心得（一）
zcylxzyh的博客
01-19 399
1、关于界面层的数据绑定 1.1 数据在哪里 数据在当前页面（xxxx.js）对象中data属性中。 1.2 绑定到哪里 想在哪里用就在哪里用，用 {{ }} 语法形式输出 2、关于列表渲染 在当前页面(xxxx.js)中的data属性中定义一个对象数组 然后在对应xxxx.wxml中 这样就可以有如下显示 但是，这样代码繁琐，我们可以用wx:for方式动态获取： 这里item代表当前页面被遍历元素，可以使用wx:for-item来给当前被遍历元素起别名 3、关于事件 基本事件的使用就是通过给
微信小程序学习心得1.docx
06-12
微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx
微信小程序个人心得
热门推荐
张智超的博客
10-12 7万+
昨天看了一下微信小程序官方文档,总结一下自己学习的个人心得.首先从官方文档给的框架说起,微信小程序官方文档给出了app.js, app.json, app.wxss. 先从这三个文件说起.app.js 这个文件是整个小程序的入口文件,开发者的逻辑代码在这里面实现,同时在这个文件夹里面可以定义全局变量. app.json 这个文件可以对小程序进行全局配置,决定页面文件的路径,窗口表现,设置网络超时时间
微信小程序初学心得
哈利路亚的收藏夹
09-04 832
最近想要评估 下微信小程序是否能取代移动设备App使用，所以了解了一下 小程序的开发技术。 总得来说， 微信小程序可以理解为把视图层依托于腾讯微信平台的一个小型 应用。在当下App端都普遍采用html5进行混编开发的当下，直接 使用微信小程序取代一个能够通过WebView打包实现的App客户端还是没有问题的。这里我 简单写了一个login，说一下基础问题和优缺点吧。 问题： 1. 微信小程序...
微信小程序初使心得【微信小程序快速入门】
weixin_33860553的博客
02-09 94
2019独角兽企业重金招聘Python工程师标准>>> ...
微信小程序js学习心得体会
weixin_30436101的博客
05-02 705
微信小程序js学习心得体会 页面控制的bindtap和catchtap 用法，区别 <button id='123' data-userDate='100' bindtap='tabMessage'>刷新</button> tabMessage: function(e){ console.log(e.target.id); console.lo...
微信小程序快速入门个人学习心得（四）
zcylxzyh的博客
01-21 327
TODOS案例 这个案例是要做一个任务清单。 首先 思考一共分为几块内容： 1、输入框 2、任务列表 3、工具栏 因此一共三块，在对应wxml文件中，父容器中添加三个子容器。 <view class="container"> <view class="searchHandle"></view> <view class="worksHandle"></view> <view class="utilsHandle"></view&gt
微信小程序官方文档学习个人心得
03-29
首先从官方文档给的框架说起,微信小程序官方文档给出了app.js, app.json, app.wxss. 先从这三个文件说起. app.js 这个文件是整个小程序的入口文件,开发者的逻辑代码在这里面实现,同时在这个文件夹里面可以定义全局变量. app.json 这个文件可以对小程序进行全局配置,决定页面文件的路径,窗口表现,设置网络超时时间,设置多tab等. app.wxss 是小程序的公共样式表.(为了适应广大的前端开发者，我们的 WXSS 具有 CSS 大部分特性。 同时为了更适合开发微信小程序，我们对 CSS 进行了扩充以及修改。) 接着我们就结合官方给出的代码具体说一下上面提到的三个
记一次学习微信小程序开发的心得感悟
CSDN_xinger的博客
05-28 1586
一句话：当你发现你自己做的工作，花了8天时间，然而其实只需要一两天时间的时候，心里挺烦，感觉自己在浪费时间。 另外，喜欢一个人在在实验室看课程放音箱，太爽了，嘻嘻嘻 这几天有发现写代码的乐趣，很开心，等6.1过后来写一篇微信小程序开发的小小总结吧 ...
自学微信小程序第一天的心得体会
simon4076的博客
05-12 792
自学微信小程序的第一天工具前期准备创建页面常用标签像素标准rpxWXML语法事件生命周期云开发云数据库云函数云存储 由于当下前端的职业需求，很多招聘网站上的招聘加分项中提到了微信小程序，基于不断学习的原则，我踏出了小程序学习的第一步。 工具 在学习之初，还在困惑小程序用的是什么开发软件，官网上就有下载，在用了段时间之后体验还行，就是云开发有点坑 点我跳转链接：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 前期准
微信小程序学习心得
张啸-前端小师
03-30 1万+
微信小程序使用笔记1. 环境搭建开发工具：微信开发者工具，vs2013开发环境：Windows，sqlserver数据库2. 开发过程小程序是属于公众号下的，开发前需要注册小程序，[点击注册](https://mp.weixin.qq.com/cgi-bin/wx)，如果是企业用户注册完成之后就可以通过开发者工具开始本地创建项目了，打开微信开发者工具，扫描登录，点击添加项目 项目创建完成后包含几
微信小程序学习感悟
weixin_45573268的博客
02-29 2425
由于受疫情影响，在家里通过网课的方式学习了微信小程序的开发。从我个人的感受，总结了学习和实践中的关键点： 1，在官网申请并激活账户，下载开发套件。 2，认真阅读官网的文件，公告和设计规范，对之后的学习有很大的帮助。 3，学习JS语法。 4，学习HTML和CSS，便于后面学习wxmk和wxss。 5，动手开发自己的小程序，实践出真知。 当我跟随教程一步一步完成开发时觉得还是挺有成就感的。在以后的学习...
【微信小程序】微信小程序入门心得之hello 小程序
lizhengxv的博客
08-08 289
1.首先，去微信公众平台（https://mp.weixin.qq.com）注册一个小程序账号 2.下载 微信web开发者工具，傻瓜式安装，一路next 3.扫码登录 4.新建一个小程序，可以选择一个空目录作为项目目录，微信web开发工具 会自动创建一个类似脚手架的文件，就可以直接开发了。 顺便去注册一个AppID，如果没有的话，可以勾选一个测试账号，如果没有 AppID部...
关于微信小程序学习的一些心得
ccyl1211的博客
02-23 1万+
学习两周微信小程序的开发，自己颇有收获，在这里大体总结一下自己的心得体会。 微信小程序开发，入门算是非常简单，只要看官文文档即可小程序简易教程。如何申请小程序账号，如何开发自己第一个小程序，如何发布，这一系列hello world操作官方文档都有手把手教学。小程序开发的每个步骤，提供的能力文档里都有，个人觉得，做小程序开发，有事没事都看下文档，因为小程序更新比较快速，同时一些细小的能力我们可能会漏...
微信小程序初次体验心得
zeng280091932的博客
09-15 1196
前言 前段时间做生意的老婆向我提了一个需求，希望我帮她定制一个客户管理系统。我第一反应就是网上找一个不就行了吗，网上找了一圈发现，大量的客户管理系统面向的是企业级别，功能做得过于的繁琐和冗余，并且还要收费。思来想去决定用微信小程序来实现她的需求。选择小程序而不用安卓的原因是，我老婆用的是苹果手机，而我主攻安卓。 初次体验 在这之前没有接触过小程序，第一步当然看看官网文档和网上的教程摸索一番。学习下来，给我的感觉是小程序封装性还是蛮高的，比写前端页面要简单，毕竟像移动端常用的tab框架已经集成好了。很多
微信小程序开发个人心得
w3c_zhou的博客
04-20 1160
使用uniapp开发微信小程序一段时间了，记录一下开发中遇见的问题，以及自己学到的一些东西，开发用的是uniapp：uniapp官网，还有一些uniapp暂不支持的方法，可以去：微信开放平台，如果需要自己创建一个小程序，需要在微信公众平台创建相应的小程序来进行开发。 1.一键拨号。 给相应的标签添加点击事件即可 <view @click="dial()"></view> dial() { uni.makePhÏoneCall({ // 手机号 .
微信小程序学习的心得与问题（三）
weixin_44046831的博客
03-01 301
示例-快递查询 因为找不到相对应的API，之单独做出一个页面。 app.json { “pages”: [ “pages/index/index”, “pages/logs/logs” ], “window”: { “backgroundTextStyle”: “light”, “navigationBarBackgroundColor”: “#fff”, “...
微信小程序快速入门教程
如果选择的文件夹为空，开发者工具会询问是否创建一个快速启动项目，这个项目会包含基础的DEMO代码，方便学习小程序的基本结构。 2. **创建页面** 微信小程序的页面结构通常包括多个页面，如示例中的`index`页面和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值