摘要: 3-web前端 css 网页样式语言,基础语言、盒子模型、浮动 html和css的关系: HTML(HyperText Markup Language,超文本标记语言)是用于创建网页的标准标记语言。它负责定义网页的结构和内容。HTML使用各种标签来包含文本、链接、图 片、视频等元素,并可以与如JavaScript等其他技术结合使用,实现网页的动态功能。 CSS 阅读全文
posted @ 2023-09-19 11:54 guozhengyuan 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 1-web前端 基础标签 、图片、超链接 vscode 编译器下载地址: https://code.visualstudio.com/ 1、下载完vscode后安装的三个小插件:chinese(中文)、live serve、会了吧(翻译) 2、每个打开的网络页面都有html编码,可以进行编码查询和编码检查 3、vscode的三种创建编码文件 阅读全文
posted @ 2023-09-19 11:26 guozhengyuan 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 9-微信小程序的网站的接口调用(直接调用) 微信小程序除了在第三方调用接口,还可以直接从网站调用接口,但是每个网站都有保护措施,所以要寻找那些没有防护的,可以来直接调用的网站。 案例:豆瓣电影的接口调用 1.百度豆瓣电源,找寻需要调用的页面 2.右键检查,或F12 3.回车,再次发起请求,查看网站接口 微信小程序作为新兴的技术,可能无法从网站 阅读全文
posted @ 2023-09-19 11:13 guozhengyuan 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 8-微信小程序的网站的接口调用(第三方接口调用) 案例:查询天气预报 1.需要使用到的接口网址,在百度搜索 聚合数据:https://www.juhe.cn/ 聚合数据是一个请求接口的网站 准备工作做好后,就开始打开微信小程序编译器 部分代码所示: wxml: wxss: .this{ padding: 0; margin: 0; box-sizi 阅读全文
posted @ 2023-09-18 20:48 guozhengyuan 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 7-微信小程序 tabBar导航栏 微信小程序 tabBar 是小程序底部的一个导航栏,用于在不同的页面之间进行切换。下面是一个示例代码,展示如何在微信小程序中使用 tabBar。 在小程序的 app.json 文件中,添加 tabBar 配置项,示例代码如下: "tabBar": { "color":"#ccc", "list": 阅读全文
posted @ 2023-09-18 19:39 guozhengyuan 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 6-微信小程序 表单获取数据 案例:表单获取数据 微信小程序获取表单数据的意义: 收集用户信息:表单是收集用户信息的重要工具。通过表单,用户可以输入和提交个人信息、意见、需求等,以便小程序开发者进行处理和响应。 实现交互功能:微信小程序的表单可以增强用户与开发者之间的交互性。用户在表单中输入信息后,开发者可以获取到这些信息,从而 阅读全文
posted @ 2023-09-18 15:54 guozhengyuan 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 5-微信小程序 点击事件 1.点击事件 微信小程序按钮点击事件的主要用处是用于用户交互和反馈。在微信小程序中,开发者需要在UI界面中定义按钮,并使用bindtap()函数来绑定点击事件。当用户点击该按钮时, bindtap()函数就会被触发,从而实现对应的逻辑处理。 通过bindtap()函数,开发者可以定义按钮点击后需要执 阅读全文
posted @ 2023-09-18 13:04 guozhengyuan 阅读(393) 评论(0) 推荐(0) 编辑
摘要: 4-微信小程序  相关知识点代码示例 基于上篇文章的理论文本的介绍来进行相关代码的演示和例子 该篇文章需注意,在微信小程序的使用时,应先熟悉里面每个文件的作用,在第二篇文章有详细记载,一般用的比较多的是wxml、wxss、ws.js 对应网站的开发就是html、css、js、页面的内容及框架、页面的美化、页面的基本功能 1. 数据绑定 阅读全文
posted @ 2023-09-18 11:40 guozhengyuan 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 3-微信小程序flex布局 案例:用wxss来完成flex布局 提示:和web前端css的flex布局相同 微信小程序详细的代码示例可以查看 --微信开发文档 https://developers.weixin.qq.com/miniprogram/dev/framework/ 如图所示: 相关代码示例: wxml: <vie 阅读全文
posted @ 2023-09-18 08:40 guozhengyuan 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 2-微信小程序和web前端的差异及模板与配置 上文学会了如何安装微信小程序的安装与注册,及微信小程序的使用,其实微信小程序和web前端也有异曲同工之妙 微信小程序和Web前端存在一些显著的区别和差异,这些差异主要体现在功能、性能、用户体验、开发成本和维护成本等方面。 一、相似点 语言基础:微信小程序和Web开发都使用JavaScript语言进行 阅读全文
posted @ 2023-09-18 00:15 guozhengyuan 阅读(175) 评论(0) 推荐(0) 编辑