Cloud成长者半期
一年Cloud,一生Cloud(互关)
展开
-
福利 华为云无服务器函数调用chatGPT
无服务器部署调用chatGPT原创 2023-06-01 12:48:23 · 359 阅读 · 0 评论 -
2.6实战项目电影周周看(新增每周推荐“weekly”页)
小程序的创作2.6实战项目电影周周看(新增每周推荐“weekly”页)这节课我们新增每周推荐页面,我们称之为“weekly”页。类似于about页的处理,我们首先需要添加weekly页对应的目录和文件在pages文件夹里。创建完成之后,配置我们的weekly文件先配置一个空的json文件{ }然后配置我们的js文件,调用page函数来给页面注册一个空对象Page({})配置完成之后,给wxml添加本周推荐电影所对应的wxml代码<view> <text&原创 2021-09-03 12:08:20 · 418 阅读 · 1 评论 -
2.5实战项目电影周周看(元素大小适配不同屏幕宽度)
小程序的创作2.5实战项目电影周周看(元素大小适配不同屏幕宽度)这节课介绍小程序的响应式长度单位rpx,rpx的目的就是为了让元素的大小能适配不同的屏幕宽度在前面的讲解中,还没讲解图片的大小设置,图片保持的是默认的大小。我们希望它的宽高均为屏幕的一半。先对about.wxml进行设置:<image class="about-banner" src="/images/banqi.PNG"></image>我在iphone6下,图片的宽度为375px,所以可以将图片设置为原创 2021-09-02 10:27:16 · 284 阅读 · 0 评论 -
2.4实战项目电影周周看(快速实现基本布局)
小程序的创作2.4实战项目电影周周看(快速实现基本布局)这节课我们来讲解页面的布局,上一次课中说到我们写的三行文本内容并没有做到每一行是一段文本内容,所以这就是我们这节课要讲解的内容。首先,我们将页面布局总结为三大目标,然后我们会分别通过传统的方式实现以及通过弹性盒子布局的方式来实现。首先为了演示效果,我们先给view元素添加一个临时的背景色。配置about.wxml的代码:<view class="container"> <image src="/images/banqi原创 2021-09-01 08:46:37 · 366 阅读 · 0 评论 -
2.3实战项目电影周周看(view、text、image组件)
小程序的创作2.3实战项目电影周周看(view、text、image组件)这一节课,我们来编写about页面的代码。在实现布局和样式之前,我们给页面添加页面结构和内容。我们先来看一下效果图,在页面上,我们希望呈现的是一张图片和三段文本。类似于html中是通过对应的标记元素来表达这样的图片和文本。在wxml中也是通过框架提供的基础组件来表达内容元素对于基础组件的理解:上次课程的Hello World就是包装在一个text组件来表示的,那么text的组件和html中的span标记元素是非常类似的。原创 2021-08-31 00:43:27 · 335 阅读 · 2 评论 -
2.2实战项目电影周周看(页面配置初探)
小程序的创作2.2实战项目电影周周看(页面配置初探)上一节我们实现了一个Hello World的about页,在这节我们将给这个页面添加特定样式的标题问题来了:什么是页面的标题呢?首先,我们来看,小程序的页面分为当前页面的内容显示区和顶部导航栏我们可以在导航栏上设置当前页面的标题,下面这张图片想必大家眼熟吧,没错,这就是我们2.1节里面的基本情况介绍图片,可以看到,“关于”就是我们这个页面的标题,标题的文字为黑色。怎么样在about页对应的一个Pages文件夹中,把这样的标题实现呢?实际上原创 2021-08-30 09:14:47 · 319 阅读 · 0 评论 -
2.1实战项目电影周周看(创建项目和目录文件结构)
小程序的创作2.1实战项目电影周周看(创建项目和目录文件结构)第一章节主要是介绍了小程序的情况以及设计规范,从这节课开始,我们开始正式学习做小程序。这次课程主要是讲解创建项目和目录的文件结构我们打开微信WEB开发者工具,扫码登陆后,进入小程序项目,然后创建一个新的小程序。我们这此做的小程序(电影周周看)主要包含三个内容:1.小程序的基本情况2.以轮播方式展示的每周推荐电影3.调用豆瓣电影相关APP获取并且展示指定电影的详情信息简单的介绍之后,我们进入正题创建一个新的小程序,需要我们输入项目原创 2021-08-29 14:56:14 · 789 阅读 · 4 评论 -
1.4小程序的运营规范
小程序的创作1.4小程序的运营规范本次课程没有什么具体内容,只是简单的介绍了,小程序的运营规范。下一次课程,我们会讲实战。说说这次课程的内容,特别简单,下面的一张图即可搞定。虽然没有什么内容,但是大家也请认真理解图片的内容,以便日后制作的小程序可以一次性的通过微信团队的审核。下一节2.1实战项目 电影周周看V1。...原创 2021-08-28 10:43:00 · 170 阅读 · 1 评论 -
1.3小程序的设计规范
小程序的创作1.3小程序的设计规范#mermaid-svg-eEo9JKmMCw74uYpL .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-eEo9JKmMCw74uYpL .label text{fill:#333}#mermaid-svg-eEo9JKmMCw74uYpL .node rect,#mer原创 2021-08-27 12:16:20 · 450 阅读 · 2 评论 -
1.2开发小程序的准备工作
小程序的创作1.2开发小程序的准备小程序的程序语言渲染层:WXML+WXSS(类似HTML+CSS)逻辑层:JavaScript配置:JSON小程序的开发流程现在注册申请一个小程序进入小程序的注册官网选择注册小程序小程序的注册注意:每一个邮箱只能注册一个小程序邮箱确认激活用户信息登记#mermaid-svg-FKDM6hzPEoye3TFm .label{font-family:'trebuchet ms', verdana, arial;font-famil原创 2021-08-26 11:08:55 · 3608 阅读 · 3 评论 -
1.1小程序的基本情况
1.1小程序的基本情况微信小程序小程序是一种新的开发能力,开发者可以开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。小程序简介:什么是小程序小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一搜即可打开应用。也体现了“用完即走”的理念,用户不用关系是否安装太多应用的问题,应用将无处不在,随时可用,但又无需安装卸载。小程序的特点速度快:无需下载安装,加载速度快于HTML5,微信登录,随时可用无需适配:一次开发,多端兼容,免原创 2021-08-25 19:25:03 · 125 阅读 · 0 评论