自学微信小程序开发记录

完全零基础做一个微信小程序记录~ 作为一只数学系大二的小菜喵,之前听过一个微信小程序的产品展示,觉得微信小程序还挺好玩的,不过自己没有接触过前端开发,很多东西都在自己摸索,把一些有意思的东西记录下来,以备以后查阅,也给一些非科班的程序猿们在挣扎中提供一点借鉴~ 官方教程: https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=201818 微信小程序对新手非常友好,如教 阅读详情

2022.09.24 星期六

就要到ddl了,对小程序的理解还停留在下载微信开发者工具这一步,痛定思痛决定开始自学(首要目的还是完成作业)。


有关文件类型

有四种。

1.JSON,静态记录,主打功能就是记录。每个页面当中有一个,全局有一个。相当于总体布局了。

2.WXML,类HTML,标签语言,主打页面排版功能。每个页面中有一个。部分功能做了封装。我的理解是,这主要是页面功能的实现?

3.WXSS,类CSS,那就是页面设计呗。CSS没学过,还有待进一步了解。

4.JS,主打互动逻辑。每个页面有一个,全局有一个。

有关WXML使用

通过{{}}方式说明这是变量,例如在js文件的data中定义变量a=10086,b=100,

在WXML中<view>a+b</view>输出结果只会是a+b这个文本信息,而用{{a+b}}这种方式括起来,就相当于声明是一个变量,要从变量定义中找,最后会输出10186 。

输出结果: 

以及字符串变量也可以使用这种方式,在js文件中定义字符串必须用冒号开始,单双引号倒是无所谓。比如输出hello world 字句,定义name:"world",WXML中可以这样写:{{"hello"+name}}

实现功能

页面跳转:在js文件中编写,wxml文件中bindtap方法调用

 用bindViewTap函数实现跳转到test页面

人工智能——框架表示法 1975年美国明斯基在“A framework for representing knowledge”提出了框架理论。 1. 框架及框架的一般表示形式 框架:一种描述对象属性的数据结构。 框架的一般表示形式 <框架名> 槽名1: 侧面名1:值1,值2…,值p1 侧面名2:值1,值2…,值p2 侧面名2:值1,值2…,值pm1 槽名2: 侧面名... 阅读详情

相关推荐

疾病负担研究(GBD)介绍

今天我们来聊一聊第一个公共数据库——GBD数据库,全称叫做global burden of disease(全球疾病负担),该数据库每年都会更新,目前已经更新到GBD2019。 这里直接给大家贴出网址:Global Burden of Disease Study 2019 (GBD 2019) Data Resources | GHDx 上图中红色圈圈标识的就是数据库的数据获取界面的链接,大家直接点击即可. 数据的检索十分方便: Context下拉菜单中可以选择不同的选项,默认是caus

weixin_44240228的博客 1万+

微信小程序的wxml、wxss、js、json的理解

微信小程序的基础学习(2) 小程序的有些语言,有时候按照官方的解释来理解非常的吃力,会把初学者搞得很懵很难受,不知道从何下手! 文件夹下四个文件的理解: 文件 中文解释(个人理解) .wxml 小程序页面视图 例如人的脸 .wxss 小程序页面视图修饰 例如修饰人脸的胖瘦肤白 .js 小程序逻辑层 例如人脸的神经,其作用就是控制整个人脸的运行 .json 小程序全局配置 其作用配置导航栏的文字、背景颜色、页面底部tabbar等 wxml----小程序的脸面 官方解释:WXML

weixin_52658156的博客 1万+

利用DRONEKIT-SITL + MAVPROXY + QGroundControl模拟飞行

dronekit: 一种用于无人机控制的python库。 dronekit-sitl:一种本地仿真工具,相当于本地虚拟化了一个无人机。 mavproxy:数据转发软件(类似于插线板的感觉,一个输入,多个相同的输出)。打开一个Anaconda prompt 首先激活相应的环境 然后运行如下命令: 保持2中的Anaconda prompt处于运行状态,另打开一个Anaconda prompt窗口,运行如下命令: tcp:127.0.0.1:5760: SITL默认端口,作为mavproxy的输入,把输入数据转发

Done___的博客 4344

【微信小程序】wxml、wxss、js、json文件介绍

【微信小程序】wxml、wxss、js、json文件介绍

嗨,朋友你好!我是前端领域的工作者 7579

中兴问天 BE7200MAX SFP 光口用华为猫棒替代光猫完整配置教程

PPPoE 账号密码:若原光猫为 Route 模式,在宽带设置页可见用户名,密码需按 F12 打开浏览器开发者模式,点击密码输入框,查看代码中 “value=” 后的内容即为明文密码。若仍失败,核对 PON 类型是否与运营商网络匹配。PON 认证信息:LOID(逻辑 ID,部分地区含密码)、设备 SN 码(标签或设备信息页)、PON 类型(GPON/EPON,运营商网络类型)。电脑保持与路由器连接,访问路由器管理地址(默认通常为 192.168.5.1,可参考路由器说明书),登录后台。

Gulper_Eel的博客 3362

Win11系统重装全记录:从备份Office激活到搞定RAID阵列,我的微星笔记本复活记

本文详细记录了Win11系统重装的完整过程,从数据备份到RAID阵列配置,特别针对微星笔记本的特殊硬件驱动问题提供了解决方案。文章涵盖了Office激活状态备份、BIOS设置、驱动安装顺序等关键步骤,帮助用户顺利完成系统重装并优化性能。

weixin_31421613的博客 312

微信小程序——标签wxml、样式wxss、js、json

微信小程序——wxml、wxss、js、json

努力、拼搏、奋进 2942

Python开发MCP Client

全部例子只是MCP Client访问MCP Server的过程,那么这样其实就失去了MCP协议的创建的初衷,和大模型集成后才能发挥MCP最大的作用。

Criss@陈磊 2973

【微信小程序创作之路】- 小程序中WXML、JS、JSON、WXSS作用

本章节主要结合小程序代码实例,讲解小程序中WXML、JS、JSON、WXSS作用。提示:以下是本篇文章正文内容,下面案例可供参考以上就是今天要讲的内容,本文仅仅简单介绍了WXML、JS、JSON、WXSS的使用,接下来我会通过更多代码实例来演示。

ProGram_Java521的博客 5659

SAP_FI模块_固定资产期初导入全流程(含导入代码)

SAP 期初导入资产主数据以及金额相关的操作全流程记录,包含了批导程序的代码,以及错误记录

风沙的博客 1405

【AI智能体】Coze 数据库从使用到实战操作详解

Coze 数据库使用到实战详解

congge 5916

1.了解小程序的基本文件

如我们所见,微信小程序开发工具一个文件夹里面具备的基础几个: 其中有四个文件,后缀分别是js、json、wxml、wxss 这些对应着不同的层次: Js:负责用户交互事件、网络请求、数据处理等方面的内容 Wxml:渲染层,就是页面视觉上的信息层(html翻版 ) Wxss:这里可以存储一些组件的样式信息(css翻版 ) Json:处理一些配置方面的信息 后面会对这些内容进行解释和尝试,这一篇只是拿来了解一下最基本的内容 ...

计院菜鸟的博客 334

AppStore逆向分析(登录、查询、下单)

某网站全协议流程逆向与分析(自动登录、激活、查询、下单)

吴秋霖的博客 3031

大学生自学微信小程序云开发教程

我是一枚95后的大三学生,这应该是我人生第一次写博客,在写完两三个微信小程序项目之后,我也想开始写点东西,记录一下自己学习的过程、入过的坑,坑都是怎么解决的。废话少说,直入正题。 ...

weixin_43420127的博客 3947

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

微信小程序仿饮品外卖(附前后端代码)

因为最近在自学微信小程序,就记录一下开发一个模仿coco外卖Demo过程中实现的功能,和遇到的坑并附上源码。 预览说明 1.将服务端和客户端项目的代码下拉至本地。 2.下载微信官方开发者工具。(微信官方开发者工具编辑器代码提示较少,工具经常出现莫名的bug,编辑卡顿等。所以在编辑代码的时候大多数开发者会选择vscode编辑器进行编辑,vscode中有大量插件如minapp、wechat-snipp...

qq_36238871的博客 7025

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

使用微信小程序开发应用1

最近在自学微信小程序的开发,在学习过程中记录一些细节 官方:开发者文档:https://developers.weixin.qq.com/miniprogram/dev/index.html 微信小程序开发规范文档:https://shimo.im/docs/eJWg56ioSvU0dnYO/read 1.项目开始前先记录三个常用命令: command+p 可以打开指定文件名的文件 ...

weixin_34067102的博客 193

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

【菜鸟自学出错记录】使用微信小程序云开发使用云函数向数据库插入数据失败的解决方法

起因: 跟随mooc一个大佬做小程序,没有从头开始看视频,所以云函数的设置并不完善,在用云函数向数据库插入数据时显示调用成功,数据库中却没有插入新的数据 解决方法: 出错原因很让人哭笑不得, 只是因为在app.js里忘记设置env参数了【/捂脸哭】 通过URL传入的数据 ...

weixin_44392103的博客 2237

微信小程序入门--快递查询小程序的制作

最近在自学微信小程序开发,做了一个很垃圾的快递查询小demo,记录一下(=^ ^=) 开发前准备:微信开发者工具、快递查询的接口 我用的快递查询接口是聚合数据的,地址如下https://www.juhe.cn/ 注册之后再申请接口,在个人中心找到key(后面会用到),如下图: 点击接口进去会有接口地址和请求参数,如下图: 接下来就准备开发,要将项目设置中的不合法域名勾...

qq_15037825的博客 3169

大学生自学微信小程序第一天

完成之后点击文件中软件的安装包,继续下一次。登录网页小程序在开发中可以找到AppID。完成之后,点击文件夹中所安装的软件。1.注册小程序开发账号。

2401_89895184的博客 383

医疗记录系统

医疗管理系统 | Dorian 项目介绍 ???? ????基于Springboot+vue+uni-app的医疗管理系统. 含平台主体微信小程序和web后台数据管理平台. 项目技术栈 ⭐️ 微信小程序(MedicalSystem_uniapp):uni-app + Vue.js 后台管理系统(MedicalSystem_Web):基于Vue-admin-ui脚手架 后端(MedicalSystem):Sp

lijinghai的博客 999

开头

初步谈谈自己的想法 想了很久,也被督促了很久进行写博客。但是因为自己的各种原因都没有进行实施。这是我来萃英教育 的第四天。突发奇想,该养成好习惯把一些自己想说的,给写一写。身为小白,写的主要是叙述。来到萃英也使我第一次接触到了微信小程序。自学了两天,作为一个后端还是有些懵的。把几个比较有用的网站记录一下:https://uniapp.dcloud.io/ https://developers.weixin.qq.com/miniprogram/dev/framework/ 。 姓名: 年龄:

zuizaihudeshini的博客 138

我的首篇博客

我的首篇博客简单的自我介绍为什么写博客 本篇没有任何有用的内容,只是惯例自我介绍以及试试怎么写博客。 简单的自我介绍 2019年普通南京三本毕业,学的是软件工程(就是啥都学),实习的时候当时的公司(华为的外包诶,待遇是挺好的,可惜年底裁员了)希望我做android,然后就走上了移动端的开发(其实我也是怕哪天不小心把数据库删错了,emmm,算了还是移动端好,就是UI和功能,不会出大问题),后来有自学...

weixin_43921984的博客 161

Flask 从零开始 一

第一天 我是小白 之前有朋友问我会不会微信小程序,因为有以前做网站的经验,于是就回答,“会”。 但是因为心虚,于是晚上就到网易云课堂看看关于微信小程序的课程,找了个免费的课程。 听说只要会HTML5,小程序开发会很简单。但是,我高估自己了。 微信小程序的语法框架与vue几乎一样,但是我当初学习的是Jquery。。。。 好吧!花了三天的时间来学习。然后发现确实挺简单的,但是新的问题来了,后端怎么办呢...

夜明二 373

菜鸟成长记

闲来无事翻了翻以前的博文,不禁有感而发。如今是我毕业的第三年了。 ----14年高考结束,填报志愿---- 受推理悬疑小说影响,我对医生行业比较感兴趣,特别是外科医生。理所当然,第一志愿想到了医生。然而我的分数不理想,而好的医学院校都在一本里。医生梦碎。 通过搜索引擎,得知互联网是高薪行业,加上自己本身对计算机不排斥,毅然地把所有志愿院校第一志愿都填上了计算机专业。 ----14年至18年,大学四年---- 庆幸的是,我还算喜欢计算机,喜欢逻辑,喜欢代码。虽然一开始跟绝大部分刚接触编程的同学一样,一

吴纯玲的博客 294

c语言查单词小程序,【附源码】小程序初窥之简单查单词

新年假期百无聊赖,于是就看了一下微信小程序的开发方法,花了两天时间入了个门,这里记录一下。阅读之前,先确定你知道基本的html+css+js语法,这样就能更好地和我一样,以一个新手的视角来理解小程序。目标目标是编写一个查单词的小程序,很明显需要一个输入框(如果有一个placehoder就更好了),然后再加上一个按钮,点击之后如果成功就显示结果,如果失败就提示失败。查词api使用扇贝api。所以最后...

weixin_36308872的博客 675

小程序父子组件传值

目前自学微信小程序,为了加深印象,纯属记录一下,大家有更多的解决方案希望不吝赐教,万分感谢 需求: 父组件给子组件传入数据,子组件循环渲染出来,点击将index传递给父组件,父组件改变tabs数据 // 父组件list数据 tabs: [{ id: 0, value: "综合", isActive: true }, { id: 1, value: "销量", isActive: f

weixin_49518866的博客 284
下一篇: HTML+CSS实现鼠标移动到某位置文本变色/显现效果
Ayu阿予
博客等级 码龄5年 456粉丝 47原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Ayu阿予

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值