第四章作业

最新推荐文章于 2024-07-16 19:05:04 发布
最新推荐文章于 2024-07-16 19:05:04 发布
阅读量123 收藏
点赞数 2
文章标签： apache java 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jierui_cpdd/article/details/137201163
版权

一操作题

1，使用canvas组件实现“奥运五环”的绘制

执行代码

wxml

<!--index.wxml-->
<canvas canvas-id="olympic-rings" style="width: 300px; height: 200px;margin: auto;"></canvas>

js


// index.js
Page({
  onReady() {
    const ctx = wx.createCanvasContext('olympic-rings');
    ctx.beginPath();
    ctx.arc(60, 60, 40, 0, 2 * Math.PI);
    ctx.setStrokeStyle('#0072bb');
    ctx.stroke();
    ctx.beginPath();
    ctx.arc(110, 60, 40, 0, 2 * Math.PI);
    ctx.setStrokeStyle('#f4d942');
    ctx.stroke();
    ctx.beginPath();
    ctx.arc(160, 60, 40, 0, 2 * Math.PI);
    ctx.setStrokeStyle('#000000');
    ctx.stroke();
    ctx.beginPath();
    ctx.arc(85, 100, 40, 0, 2 * Math.PI);
    ctx.setStrokeStyle('#009e52');
    ctx.stroke();
    ctx.beginPath();
    ctx.arc(135, 100, 40, 0, 2 * Math.PI);
    ctx.setStrokeStyle('#ff6319');
    ctx.stroke()
    ctx.draw();
  }
})

效果图

2使用相应组件，完成书单展示页面

执行代码

wxml


<!--index.wxml-->
<view style="font-size: 30px;position: absolute;top: 100px;top: 25px;"> ⬅书单</view>
<view>
<view class="ig1">
<image src="../image/1.jpg" mode="tu1" class="tou"style="position:absolute;top:60px"/>
</view></view>
<view>
  <view style="position: absolute;top:90px;color: grey;left: 40px;font-size: 33px;">培养商业意识，走出生活，职场和事业的困境。</view>
  <view style="position: absolute;top: 85px;color: grey;left: 15px;top: 170px;font-size: 18px;">创新者是如何思考问题的？本书单包括了互联网，思维方式，商业，文案，市场，营销等方方面面，是在思维方式上的创新，略去传统商学院的教条</view>
</view>
<view class="yi">
<view class="zi1">金字塔原理</view>
<view class="zi2">芭芭拉.明托（Barbara Minto）</view>
<view class="zi3">金学塔原理是一种重点安出、罗辑清斯、主次分明的逻辑思路、表达方式和规范动作.…</view>
</view>
<view class="ig2">
<view class="ig2"><image src="../image/123.png" mode=""class="tu1"/></view></view>
<view class="fo" style="border-bottom: 1px solid darkgrey;padding: 10px;"></view>
<view class="ig3">
<view><image src="../image/124.png" mode=""class="tu2"/></view></view>
<view class="er">
<view class="ww">基业长青</view>
<view class="m">[美]吉姆·柯林斯，杰里·波勒斯</view>
<view class="j"> 《基业长青(珍藏版)》打破了旧有神话，提供了新颖的见解，并为那些有志于建立经得…</view>
</view>

json


{
    "usingComponents": {},
    "navigationBarBackgroundColor": "#F2F2F2",
    "backgroundTextStyle": "light",
    "disableScroll":true,
    "navigationStyle": "custom"
}

wxss

/**index.wxss**/
.tou{
  float: left;
  margin-top: 8px;
  width: 450px; 
  height: 220px;
}
.tu1{
  margin: 0 auto;
  float: left;
  display: block;
  width: 180px; 
  height: 160px;
}
.yi{
  margin-top: 10px;
}
.ig1{
  margin-top: 5px;
}
.ig2 {
  position: absolute; 
 
}
.ig2 image{
  position: relative;
  top: 303px;
  left: 2px;
}
 
.ig3{
  margin-top: 30px;
  position: absolute;
}
.ig3 image{
  position: relative;
  top: 400px;
}
.yi{
  margin-top: 5px;
  float: right;
}
.er{
  margin-top: 5px;
  float: right;
}
.tu2{
  margin: 0 auto;
  float: left;
  display: block;
  width: 180px; 
  height: 160px;
  margin-top: 60px;
}
.zi1{
  margin: 0 auto;
  display: block;
  font-size: 30px;
  float: none;
  display: block;
  margin-left: 200px;
  margin-top: 310px; 
}
.ww{
  position: absolute;
  left: 195px;
  top: 500px;
  font-size: 30px;
}
.m{
  color: black;
  position: absolute;
  left: 200px;
  top:540px;
  font-size: 15px;
 
}
.j{
  position: absolute;
  left: 200px;
  top:570px;
  font-size: 12px;
color: gray;
}
.zi2{
  display: block;
  font-size: 15px;
 float: none;
  display: block;
  margin-left: 200px;
  margin-top: 10px;
}
.zi3{
  display: block;
  font-size: 10px;
  float: right;
  display: block;
  margin-left: 200px;
  margin-top: 10px;
  color: grey;
}

 

效果图

3使用相应组件，完成“西安找拼车”小程序部分页面

执行代码

wxml


<!--index.wxml-->
<view style="background-color: black;height: 60px;"><view style="color: white;padding-top: 20px;">×西安找拼车</view>
</view>
<view style="color:grey;padding-top: 10px;background-color: darkgray;height: 35px;">
联系方式（手机号和微信至少填一项）</view>
<view class="fo" style="border-bottom: 1px solid darkgrey;padding: 0px;"></view>
<view>
  <view style="font-size: 20px;position: absolute;top: 115px;">称呼*</view>
  <view style="font-size: 20px;color: grey;position: absolute;left: 140px;top:115px">请输入称呼</view>
</view>
<view class="fo" style="border-bottom: 1px solid darkgrey;padding: 20px;"></view>
<view>
  <view style="font-size: 20px;position: absolute;top:150px">手机号</view>
  <view style="font-size: 20px;color: grey;position: absolute;left: 140px;top:150px">请输入手机号</view>
</view>
<view class="fo" style="border-bottom: 1px solid darkgrey;padding: 20px;"></view>
<view>
  <view style="font-size: 20px;position: absolute;top: 195px;">微信号</view>
  <view style="font-size: 20px;color: grey;position: absolute;left: 140px;top:195px">请输入微信号</view>
</view>
<view class="fo" style="border-bottom: 1px solid darkgrey;padding: 23px;"></view>
<view style="color:grey;padding-top: 10px;background-color: darkgray;height: 35px;">
拼车信息</view>
<view class="fo" style="border-bottom: 1px solid darkgrey;padding: 0px;">
</view>
<view>
  <view style="font-size: 20px;position: absolute;top: 290px;">出发地点*</view>
  <view style="font-size: 20px;color: grey;position: absolute;left: 140px;top:290px">限7个字</view>
</view>
<view class="fo" style="border-bottom: 1px solid darkgrey;padding: 25px;"></view>
<view>
  <view style="font-size: 20px;position: absolute;top: 340px;">目的地*</view>
  <view style="font-size: 20px;color: grey;position: absolute;left: 140px;top:340px">限7个字</view>
</view>
<view class="fo" style="border-bottom: 1px solid darkgrey;padding: 25px;"></view>
<view>
  <view style="font-size: 20px;position: absolute;top: 390px;">空座位*</view>
  <view style="font-size: 20px;color: grey;position: absolute;left: 140px;top:390px">请输入空座位</view>
</view>
<view class="fo" style="border-bottom: 1px solid darkgrey;padding: 25px;"></view>

json


{
  "usingComponents": {},
  "navigationBarBackgroundColor": "#000000",
  "backgroundTextStyle": "light",
  "disableScroll":true,
  "navigationStyle": "custom"
}

效果图

二编程题

“人生进程”是一款极简的小程序，它只有一个功能：就是计算一个人从出生到现在已经度过了多少个月，请编写程序完成此功能

执行代码

wxml

<!--index.wxml-->
<view style="text-align: center;font-size: 16x;position: absolute;left: 120px;">中国阶段人均寿命900个月</view>
<view style="position: absolute;padding-top: 30px;font-size: 26px;left: 70px;">2005年8月至今155个月</view>
<view  style=" border:1px solid black;width: 100px;position: absolute;height: 20px;top: 92px;left: 85px;"></view>
<view style="position: absolute;padding-top: 90px;font-size: 16px;padding-left: 188px;"></view><view style="border: 5px;color: black;position: absolute;left: 240px;top: 92px;">换一个日期</view>
<view  style=" border:1px solid black;width: 100px;position: absolute;height: 20px;top: 92px;left: 230px;"></view>
<view style="position: absolute;padding-top: 90px;font-size: 16px;padding-left: 490px;"><view style="position: absolute;left: 100px;top: 92px;">清除记录</view></view>
<view><image src="../image/1.jpg" mode="" style="position: absolute;top:140px;left: 85px;height: 370px;width: 250px;"/></view>
<view style="position: absolute;top:540px;font-size: 18px;left:10px;">能把后面前行行走的机会抓住的人，十有八九都会成功</view>

json

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/bc/bc",
    "pages/sc/sc",
    "pages/tc/tc"
  ],
  "window": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "Weixin",
    "navigationBarBackgroundColor": "#ffffff"
  },
  "tabBar": {
    "color": "#666666",
    "selectedColor": "#ff0000",
    "borderStyle":"black",
    "backgroundColor": "#ffffff",
    "list": [
      {
        "pagePath": "pages/index/index",
        "iconPath": "images/1.jpg",
        "selectedIconPath": "images/1.jpg",
        "text": "首页"
      },
      {
        "pagePath": "pages/bc/bc",
        "iconPath": "images/1.jpg",
        "selectedIconPath": "images/1.jpg",
        "text": "年月日"
      },
      {
        "pagePath": "pages/sc/sc",
        "iconPath": "images/1.jpg",
        "selectedIconPath": "images/1.jpg",
        "text": "静思"
      },
      {
        "pagePath": "pages/tc/tc",
        "iconPath": "images/1.jpg",
        "selectedIconPath": "images/1.jpg",
        "text": "关于"
      }
    ]
  },
  "style": "v2",
  "componentFramework": "glass-easel",
  "sitemapLocation": "sitemap.json",
  "lazyCodeLoading": "requiredComponents"
}

wxss


.tou{
  float: left;
  margin-top: 8px;
  width: 450px; 
  height: 220px;
}
.tu1{
  margin: 0 auto;
  float: left;
  display: block;
  width: 180px; 
  height: 160px;
}
.yi{
  margin-top: 10px;
}
.ig1{
  margin-top: 5px;
}
.ig2 {
  position: absolute; 
 
}
.ig2 image{
  position: relative;
  top: 274px;
  left: 2px;
}
 
.ig3{
  margin-top: 5px;
  position: absolute;
}
.ig3 image{
  position: relative;
  top: 390px;
}
.yi{
  margin-top: 5px;
  float: right;
}
.er{
  margin-top: 5px;
  float: right;
}
.tu2{
  margin: 0 auto;
  float: left;
  display: block;
  width: 180px; 
  height: 160px;
  margin-top: 60px;
}
.zi1{
  margin: 0 auto;
  display: block;
  font-size: 30px;
  float: none;
  display: block;
  margin-left: 200px;
  margin-top: 10px; 
}
.zi2{
  display: block;
  font-size: 15px;
 float: none;
  display: block;
  margin-left: 200px;
  margin-top: 10px;
}
.zi3{
  display: block;
  font-size: 10px;
  float: right;
  display: block;
  margin-left: 200px;
  margin-top: 10px;
}

效果图

IM-小白
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
视觉slam第四章作业
m0_47096428的博客
07-09 245
这一章作业拖了好久,今天整理一下 2.图像去畸变 去完畸变的效果是这样,看起来还是比较合理的. 这里有几个细节 1. 要在归一化坐标系进行去畸变 ==>为什么要在归一化坐标系呢? 我目前还没有想出来合适的答案...但是! 首先,对于数据的观察发现,如果没有归一化,那么数据undistort后变化的幅度会减少 2. 焦距的中心应该选择用题目中的cx cy,刚开始我用的是rows/2, cols/2...没有道理 3. 关于双目视差的使用,其他很多博文都引用了这张图, (但是我个人觉得这
python基础——第四章作业
wuting8303的博客
08-31 1437
python基础知识
HTML5的第四章作业,第四章作业
weixin_31139479的博客
07-03 717
第四章作业(存储器管理)第一次作业：1、对于首次适应算法，请回答下列问题：(1)应如何将各空闲分区链接成空闲分区链？(2)在回收内存时，可能出现哪几种情况？应怎样处理这些情况？(3)请对该算法的内存管理性能进行分析。2、比较页式管理与段式管理的区别？3、某请求分页系统，用户空间为32KB，每个页面1KB，主存16KB。某用户程序有7页长，某时刻该用户进程的页表如下：(1)计算两个逻辑地址：0AC5...
计算机网络第四章作业.pdf
11-20
计算机网络第四章作业.pdf
数字逻辑第四章作业答案.doc
11-26
数字逻辑第四章作业答案.doc
SQL数据库第四章作业
06-08
SQL数据库第四章的作业可能涵盖了多个关键概念，包括查询、数据操作、表间关系以及数据库设计原则。以下是对这些主题的详细解释： 1. SQL基础： SQL是一种标准化的语言，用于创建、查询、更新和管理关系型数据库。...
计算机组成原理第四章作业-图文.pptx
11-21
计算机组成原理第四章作业-图文.pptx 计算机组成原理是计算机科学的基础课程之一，本章节主要讲解计算机组成原理的第四章，包括芯片的选择、地址分布、存储器的连接和汉明码的应用。 一、芯片的选择 在计算机系统...
python 第四章作业.zip
06-14
"Python第四章作业.zip"这个压缩包文件包含了针对初学者设计的一系列大作业，旨在帮助学员深入理解和巩固所学的Python编程技能。这些作业是Python零基础学习的重要实践环节，通过它们，你可以对Python语言有更全面、...
Ubuntu系统上安装Apache和WordPress
qq_45026664的博客
07-11 389
ubuntu 安装wordpress环境
关于Apache Iceberg
qq_36634055的博客
07-16 871
Apache Iceberg就像是一座冰山下的宝藏，它让数据湖变得更智能、更高效、更易于管理，同时也让数据分析师和工程师能够更轻松地处理和分析大规模数据。拓展：表格式当我们说“表格式”（Table Format）的时候，我们指的是数据在存储系统中的一种结构化布局方式。在计算机科学和数据库领域，表格是存储数据的一种常见形式，它将数据组织成行和列的结构，每一行代表一条记录，每一列代表一种属性或字段。现在，用大白话来解释，“表格式”就像你在Excel电子表格软件中看到的那种数据布局。
CVE-2024-24549 Apache Tomcat - Denial of Service
最新发布
qq 117791303
07-16 375
CVE-2024-24549 Apache Tomcat - Denial of Service
Linux中LVS群集应用基础—NAT模式—LVS+Apache+NFS
博客之路,前途漫漫
07-15 782
LVS(Linux Virtual Server)是一种高性能、高可用的服务器集群系统,它能够通过IP负载均衡技术实现网络服务的负载均衡。NAT模式是LVS中最常用的一种工作模式。在NAT模式下,LVS集群包含三种角色的节点:负载均衡器(Director Server):这是一台运行LVS软件的服务器,它接收来自客户端的请求,并根据调度算法将请求转发至真实服务器(Real Server)。真实服务器(Real Server):这是一组提供实际服务的服务器,它们可以是Web服务器、数据库服务器等。
apache Kylin系列介绍及配置
huanghm88的专栏
07-12 509
总的来说，Apache Kylin的架构包括用户界面层、查询引擎层、元数据层、查询优化器层、数据引擎层、查询计划层、查询执行层、数据加载层和元数据同步层。数据引擎层：负责数据的存储和计算，通常使用列式存储引擎（例如Apache Parquet）存储数据，并使用分布式计算框架（例如Apache Hadoop或者Apache Spark）来进行计算。配置Kylin：根据具体需求，修改Kylin的配置文件（如kylin.properties）来设置Kylin的运行参数，例如Hadoop集群的地址和端口等。
通过apache的rewrite实现URL重定向
weixin_41687096的博客
07-16 34
通过apache的rewrite实现URL重定向。
Apache trino的ldap认证开启
07-16 713
作者：櫰木。
使用 Apache Pulsar 构建弹性可扩展的事件驱动应用
Apache Pulsar
07-11 683
本视频来自 2024 Apache Pulsar 欧洲峰会，由 David Kjerrumgaard, 《Pulsar in Action》书作者给大家带来的《使用 Apache Pulsar 构建弹性可扩展的事件驱动应用》分享。嘉宾｜David Kjerrumgaard，Apache Pulsar Committer，《Pulsar in Action》书作者编辑｜futeng快速预览大家好，...
使用nssm把Apache24注册成本地服务
醉古意的博客
07-12 514
使用nssm把Apache24注册成本地服务
Python第四章作业（初级）
05-24
Python第四章作业（初级）通常包括以下几个方面的内容： 1. 列表的使用：学习如何创建和操作列表，包括访问列表元素、添加、删除、修改、遍历等操作。 2. 元组的使用：学习如何创建和操作元组，以及与列表的区别和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值