第四章页面组件作业

最新推荐文章于 2024-11-12 11:19:19 发布
最新推荐文章于 2024-11-12 11:19:19 发布
阅读量267 收藏 4
点赞数 8
文章标签： 前端 javascript linux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2202_75537816/article/details/137203201
版权

1。使用canvas组件实现五环的绘制。

在index.js中输入代码：

Page({
    onReady: function () {
      const ctx = wx.createCanvasContext('myCanvas')
      ctx.beginPath()
      ctx.arc(60, 60, 50, 0, 2 * Math.PI)
      ctx.setStrokeStyle('blue')
      ctx.setLineWidth(10)
      ctx.stroke()
  
      ctx.beginPath()
      ctx.arc(165, 60, 50, 0, 2 * Math.PI)
      ctx.setStrokeStyle('yellow')
      ctx.stroke()
  
      ctx.beginPath()
      ctx.arc(270, 60, 50, 0, 2 * Math.PI)
      ctx.setStrokeStyle('green')
      ctx.stroke()
  
      ctx.beginPath()
      ctx.arc(110,120, 50, 0, 2 * Math.PI)
      ctx.setStrokeStyle('red')
      ctx.stroke()
  
      ctx.beginPath()
      ctx.arc(220, 120, 50, 0, 2 * Math.PI)
      ctx.setStrokeStyle('black')
      ctx.stroke()
  
      ctx.draw()
    }
  })

在index.wxml中输入代码：

<view>
  <canvas canvas-id="myCanvas" style="width: 350px; height: 350px;"/>
</view>

运行效果图如下：

 

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

在index.wxml中输入代码：

<!-- wxml文件 -->
<view class="head">← 书单</view>
<!-- 上面的结构 -->
<view class="z1">
  <view class="z2">《进击的巨人》讲述的故事是一个人类正被一</view>
  <view class="z3">种称作巨人的不明生物袭击，残杀及捕食的世界</view>
</view>
<!-- 中间的结构 -->
<view class="shu">
  <view class="imgone" style="display: flex;">
   <image class="img" src="../img/ailun.jpg"/>
    <view class="one">
      <view class="t1">艾伦 耶格尔</view>
      <view class="t2">第104期训练兵团毕业生的NO.5</view>
      <view class="text3">进击的巨人的男主，性格属于开朗型，心性坚毅的少年</view>
    </view>
  </view>
  <view class="xian"></view>
  <!-- 下面的结构 -->
  <view class="imgtwo" style="display: flex;">
    <image class="img" src="../img/sanli.jpg"/>
    <view class="two">
      <view class="t1">三笠 阿克曼</view>
      <view class="t2">第104期训练兵团毕业生的NO.1</view>
      <view class="t3">进击的巨人女主，她为人沉着冷静，英武果断，敢爱敢恨</view>
    </view>
  </view>
</view>

在index.wxss中输入代码：

/* wxss文件 */
/* 上面的样式 */
.head{
  font-size: 55rpx;
  margin-top: 100rpx;
}
.p1{
  background-color: black;
}
.p2{
  color: aliceblue;
  text-align: center;
  font-size: 45rpx;
  padding: 30rpx;
}
.p3{
  color: aliceblue;
  padding: 20rpx;
}
/* 中间的样式 */
.shu{
  margin: 50rpx;
}
.textone{
  margin-left: 50rpx;
}
.img1{
  width: 600rpx;
  height: 350rpx;
}
.img2{
  width: 600rpx;
  height: 350rpx;
}
.text1{
  font-size: 70rpx;
  font-weight: 700;
}
.text2{
  font-size: 40rpx;
  font-weight: 600;
}
.xian{
  margin-top: 50rpx;
  border-bottom: 4px solid #ccc;
}
/* 下面的样式 */
.imgtwo{
  margin-top: 50rpx;
}
.texttwo{
  margin-left: 50rpx;
}

运行效果图如下：

3. 使用相应组件，完成西安找拼车页面

在index.wxml中输入代码：

<view style="text-align: left; font-size: 16px;background-color: black;color: white;width:100%;height:68px"><text style="position: absolute;top:30px;left:18px;">✖ 西安找拼车</text></view>
<view>
<view style="top:80px;left:10px;background-color: #BABABA;height:40px"><text style="position:absolute;top:80px;left: 10px;color: #474747;">联系方式（手机和微信至少填一项）</text></view>
<view style="font-size:18px;top:80px;left:10px;background-color: white;height:50px"><text style="position:absolute;top:120px;left: 15px;">称呼*</text><text style="position:absolute;top:120px;left:100px">请输入称呼</text></view>
<view style="border-bottom: 1px solid darkgrey;"></view>
<view style="font-size:16px;top:80px;left:10px;background-color: white;height:50px"><text style="position:absolute;top:180px;left: 15px;">手机号</text><text style="position:absolute;top:180px;left:100px">请输入手机号</text></view>
<view style="border-bottom: 1px solid darkgrey;"></view>
<view style="font-size:18px;top:80px;left:10px;background-color: white;height:50px"><text style="position:absolute;top:230px;left: 15px;">微信号</text><text style="position:absolute;top:230px;left:90px">请输入微信号</text></view>
<view style="border-bottom: 1px solid darkgrey;"></view>
<view style="height: 50px; background-color: darkgray;width:100%;position: absolute;top:262px"><text style="font-size: 16px;position: absolute;top:10px;left: 15px;color: #474747;">拼车信息</text></view>
<view style="border-bottom: 1px solid darkgrey;"></view>
<view style="font-size:18px;top:80px;left:10px;background-color: white;height:50px"><text style="position:absolute;top:330px;left: 14px;">出发地点*</text><text style="position:absolute;top:330px;left:110px">限七个字</text></view>
<view style="border-bottom: 1px solid darkgrey;"></view>
<view style="font-size:18px;top:80px;left:10px;background-color: white;height:50px"><text style="position:absolute;top:380px;left: 15px;">目的地*</text><text style="position:absolute;top:380px;left:110px">限七个字</text></view>
<view style="border-bottom: 1px solid darkgrey;"></view>
<view style="font-size:18px;top:80px;left:10px;background-color: white;height:50px"><text style="position:absolute;top:430px;left: 15px;">空座数*</text><text style="position:absolute;top:430px;left:110px">请输入空座数</text></view>
<view style="border-bottom: 1px solid darkgrey;"></view>
</view>

运行效果图如下：

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

 在app.json中输入添加代码：

<view class="doodle" wx:if="{{!bgsrc_index.length}}">
    <image mode="aspectFit" src="{{doodle}}"></image>
</view>
<view class="theme{{canHideNavigation?' customtopnav':''}} {{platform}}">
    <view class="btn-changetheme" style="top: {{navigationTopValue}}px;">
        <view wx:if="{{canHideNavigation}}">
            <button class="topshare" hoverClass="none" openType="share" plain="true">
                <image mode="scaleToFill" src="../../images/ico_share_customtopnav.png"></image>
            </button>
        </view>
        <image bindtap="choseBackground" mode="scaleToFill" src="../../images/ico_theme{{canHideNavigation?'_customtopnav':''}}.png"></image>
    </view>
    <view class="bg-theme">
        <image mode="aspectFill" src="{{bgsrc_index}}"></image>
    </view>
</view>
<view class="container{{bgsrc_index?' zoomout':''}}{{isiPhoneX?' ct-iphonex':''}}">
    <view class="header">
        <view class="note">中国现阶段人均寿命 900 个月</view>
        <view class="past">
            <view wx:if="{{birthday}}">{{birthday}}至今{{langMoreThan}} {{pastMonth}} 个月</view>
        </view>
        <view class="settings">
            <picker bindchange="bindDateChange" end="{{endMonth}}" fields="month" mode="date" start="1949-10" value="{{endMonth}}">
                <view class="btn-setting">
                    <view wx:if="{{birthday}}">换一个日期</view>
                    <view wx:else>点此设置出生年月，查看人生进度</view>
                </view>
            </picker>
            <view bindtap="clearHistory" class="btn-del" hoverClass="none" hoverStartTime="0" hoverStayTime="0" wx:if="{{birthday}}">清除记录</view>
        </view>
    </view>
    <view bindtap="viewHistory" class="main">
        <view class="cell"></view>
        <view class="months">
            <view class="remaining">
                <view class="remaining-before" style="top: {{100-remaining}}%;"></view>
                <view class="remaining-after" style="top: {{100-remaining}}%;"></view>
                <view class="remaining-txt" style="height: {{remaining-3}}%;" wx:if="{{remaining>=6}}">{{remaining}}%</view>
            </view>
        </view>
        <view class="indicator-block indicator-{{activeIndex}}">
            <view class="indicator" wx:for="{{history}}" wx:key="indicator"></view>
        </view>
    </view>
    <view class="footer">
        <text bindtap="changeMotto" class="motto">{{motto}}</text>
    </view>
</view>
<block wx:if="{{canHideTabBar}}">
    <import src="../../templates/nav.wxml"></import>
    <view class="{{platform}}{{isiPhoneX?' nav-iphonex':''}}">
        <template is="nav" data="{{pagename:'home'}}"></template>
    </view>
</block>
<navigator appId="{{adAppid}}" bindtap="clickCustomAd" class="ad-index-float{{canHideNavigation?' custom-ad':''}}{{isiPhoneX?' custom-ad-iphonex':''}} {{platform}}" hoverClass="none" openType="navigate" path="{{adPagePath}}" target="miniProgram" version="release" wx:if="{{adAppid}}">
    <image mode="scaleToFill" src="../../images/ad_acadsoc.png"></image>
</navigator>
<ad class="ad{{isiPhoneX?' ad-iphonex':''}}" unitId="adunit-9033ae8aa80f0225"></ad>

在index.wxml中输入代码：

<view class="doodle" wx:if="{{!bgsrc_index.length}}">
    <image mode="aspectFit" src="{{doodle}}"></image>
</view>
<view class="theme{{canHideNavigation?' customtopnav':''}} {{platform}}">
    <view class="btn-changetheme" style="top: {{navigationTopValue}}px;">
        <view wx:if="{{canHideNavigation}}">
            <button class="topshare" hoverClass="none" openType="share" plain="true">
                <image mode="scaleToFill" src="../../images/ico_share_customtopnav.png"></image>
            </button>
        </view>
        <image bindtap="choseBackground" mode="scaleToFill" src="../../images/ico_theme{{canHideNavigation?'_customtopnav':''}}.png"></image>
    </view>
    <view class="bg-theme">
        <image mode="aspectFill" src="{{bgsrc_index}}"></image>
    </view>
</view>
<view class="container{{bgsrc_index?' zoomout':''}}{{isiPhoneX?' ct-iphonex':''}}">
    <view class="header">
        <view class="note">中国现阶段人均寿命 900 个月</view>
        <view class="past">
            <view wx:if="{{birthday}}">{{birthday}}至今{{langMoreThan}} {{pastMonth}} 个月</view>
        </view>
        <view class="settings">
            <picker bindchange="bindDateChange" end="{{endMonth}}" fields="month" mode="date" start="1949-10" value="{{endMonth}}">
                <view class="btn-setting">
                    <view wx:if="{{birthday}}">换一个日期</view>
                    <view wx:else>点此设置出生年月，查看人生进度</view>
                </view>
            </picker>
            <view bindtap="clearHistory" class="btn-del" hoverClass="none" hoverStartTime="0" hoverStayTime="0" wx:if="{{birthday}}">清除记录</view>
        </view>
    </view>
    <view bindtap="viewHistory" class="main">
        <view class="cell"></view>
        <view class="months">
            <view class="remaining">
                <view class="remaining-before" style="top: {{100-remaining}}%;"></view>
                <view class="remaining-after" style="top: {{100-remaining}}%;"></view>
                <view class="remaining-txt" style="height: {{remaining-3}}%;" wx:if="{{remaining>=6}}">{{remaining}}%</view>
            </view>
        </view>
        <view class="indicator-block indicator-{{activeIndex}}">
            <view class="indicator" wx:for="{{history}}" wx:key="indicator"></view>
        </view>
    </view>
    <view class="footer">
        <text bindtap="changeMotto" class="motto">{{motto}}</text>
    </view>
</view>
<block wx:if="{{canHideTabBar}}">
    <import src="../../templates/nav.wxml"></import>
    <view class="{{platform}}{{isiPhoneX?' nav-iphonex':''}}">
        <template is="nav" data="{{pagename:'home'}}"></template>
    </view>
</block>
<navigator appId="{{adAppid}}" bindtap="clickCustomAd" class="ad-index-float{{canHideNavigation?' custom-ad':''}}{{isiPhoneX?' custom-ad-iphonex':''}} {{platform}}" hoverClass="none" openType="navigate" path="{{adPagePath}}" target="miniProgram" version="release" wx:if="{{adAppid}}">
    <image mode="scaleToFill" src="../../images/ad_acadsoc.png"></image>
</navigator>
<ad class="ad{{isiPhoneX?' ad-iphonex':''}}" unitId="adunit-9033ae8aa80f0225"></ad>

在countdown.wxml中输入代码：

<view class="doodle" wx:if="{{!bgsrc.length}}">
    <image mode="aspectFill" src="{{doodle}}"></image>
</view>
<view class="theme{{canHideNavigation?' customtopnav':''}} {{platform}}">
    <view class="btn-changetheme" style="top: {{navigationTopValue}}px;">
        <view wx:if="{{canHideNavigation}}">
            <button class="topshare" hoverClass="none" openType="share" plain="true">
                <image mode="scaleToFill" src="../../images/ico_share_customtopnav.png"></image>
            </button>
        </view>
        <image bindtap="choseBackground" mode="scaleToFill" src="../../images/ico_theme{{canHideNavigation?'_customtopnav':''}}.png"></image>
    </view>
    <view class="bg-theme">
        <image mode="aspectFill" src="{{bgsrc}}"></image>
    </view>
</view>
<view class="container{{bgsrc?' zoomout':''}}{{isiPhoneX?' ct-iphonex':''}}">
    <view class="header">
        <view class="past">
            <view>{{today}}</view>
        </view>
    </view>
    <view bindtap="viewHistory" class="main">
        <view class="cell"></view>
        <view class="months">
            <view class="remaining">
                <view class="remaining-before" style="top: {{100-remaining}}px;"></view>
                <view class="remaining-after" style="top: {{100-remaining}}px;"></view>
                <view class="remaining-txt" style="height: {{remaining-3}}px;" wx:if="{{remaining>=6}}">{{remaining}}%</view>
            </view>
        </view>
        <view class="indicator-block indicator-{{activeIndex}}">
            <view class="indicator" wx:for="{{history}}" wx:key="indicator"></view>
        </view>
    </view>
</view>
<block wx:if="{{canHideTabBar}}">
    <import src="../../templates/nav.wxml"></import>
    <view class="{{platform}}{{isiPhoneX?' nav-iphonex':''}}">
        <template is="nav" data="{{pagename:'countdown'}}"></template>
    </view>
</block>
<ad class="ad{{isiPhoneX?' ad-iphonex':''}}" unitId="adunit-338e6be140a1d835"></ad>

在countdown.js中输入代码：

var a = getApp(), t = require("../../4E683285C190288C280E5A82494C27D6.js");

Page({
    data: {
        history: [],
        activeIndex: 2,
        today: "",
        remaining: 0,
        timer: null,
        doodle: "",
        bgsrc: wx.getStorageSync("__bgsrc") || "",
        canHideTabBar: a.globalData.canHideTabBar,
        canHideNavigation: a.globalData.canHideNavigation,
        navigationTopValue: a.globalData.statusBarHeight ? "ios" == a.globalData.res.platform ? a.globalData.statusBarHeight + 4 : a.globalData.statusBarHeight + 8 : 0,
        isiPhoneX: a.globalData.isiPhoneX,
        platform: a.globalData.res.platform
    },
    calProgress: function(a, e) {
        var i = a.split("-"), s = "", o = 0, n = t.formatDay();
        switch (clearInterval(this.timer), i.length) {
          case 1:
            s = i[0] + " 年", o = t.fixedDecimal(100 * (1 - n.past_days / n.year_total), 2);
            break;

          case 2:
            s = i[0] + " 年 " + i[1] + " 月", o = t.fixedDecimal(100 * (1 - (n.day - 1) / n.month_total), 2);
            break;

          case 3:
            s = i[0] + " 年 " + i[1] + " 月 " + i[2] + " 日", o = t.fixedDecimal(100 * (1 - n.past_time / 864e5), 4), 
            this.timer = setInterval(function() {
                o <= .01 && (this.handleData(), this.handleDoodle()), this.init();
            }.bind(this), 1e3);
        }
        this.setData({
            activeIndex: e,
            today: s,
            remaining: o
        });
    },
    viewHistory: function() {
        var a = this.data.history, t = this.data.activeIndex ? this.data.activeIndex - 1 : a.length - 1;
        a.length && this.calProgress(a[t], t);
    },
    init: function() {
        this.calProgress(this.data.history[this.data.activeIndex], this.data.activeIndex);
    },
    handleData: function() {
        var a = t.formatDay(), e = [ a.year.toString(), a.year + "-" + a.month, a.year + "-" + a.month + "-" + a.day ];
        this.setData({
            history: e
        });
    },
    handleDoodle: function() {
        var a = t.formatDay();
        this.setData({
            doodle: t.holidayPhoto(a.month + "-" + a.day)
        });
    },
    clearSavedFile: function() {
        wx.removeSavedFile({
            filePath: this.data.bgsrc,
            complete: function(a) {
                console.log(a);
            }
        }), this.setData({
            bgsrc: ""
        }), wx.setStorageSync("__bgsrc", "");
    },
    choseBackground: function() {
        var a = this;
        wx.showActionSheet({
            itemList: [ "更换背景", "恢复初始样式" ],
            success: function(t) {
                switch (t.tapIndex) {
                  case 0:
                    wx.chooseImage({
                        count: 1,
                        sizeType: [ "compressed" ],
                        sourceType: [ "album" ],
                        success: function(t) {
                            var e = t.tempFilePaths;
                            a.clearSavedFile(), wx.saveFile({
                                tempFilePath: e[0],
                                success: function(t) {
                                    var e = t.savedFilePath;
                                    a.setData({
                                        bgsrc: e
                                    }), wx.setStorageSync("__bgsrc", e);
                                }
                            });
                        }
                    });
                    break;

                  case 1:
                    a.clearSavedFile();
                }
            },
            fail: function(a) {
                console.log(a.errMsg);
            }
        });
    },
    onShareAppMessage: function() {
        return wx.showShareMenu({
            withShareTicket: !0
        }), {
            title: "奋斗没有终点，任何时候都是一个起点",
            desc: "",
            path: "pages/index/index",
            imageUrl: "../../images/share.png",
            success: function(a) {}
        };
    },
    onLoad: function() {
        this.handleData(), this.handleDoodle(), this.init();
    },
    onShow: function() {
        this.handleData(), this.handleDoodle(), this.init();
    }
});

在countdown.json中输入代码：

.past {
    margin: 100rpx auto -105rpx;
    padding: 0 10rpx;
    font-size: 160%;
    font-weight: 300;
}

.main {
    position: relative;
    display: flex;
    flex: 2;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    opacity: .9;
}

运行效果图如下：

赭彧
关注
第四章 微信小程序页面组件作业
m0_73490019的博客
03-27 1440
3.使用相应组件，完成类似如图4-30所示的“西安找拼车”小程序部分界面。2．使用相应组件，完成类似如图4-29所示的“书单”页面。1．使用canvas组件实现“奥运五环”的绘制。
java第14章本章作业,JavaWeb应用基础-中国大学mooc-题库零氪
weixin_39669204的博客
03-11 1195
第1章HTML标签技术课程概述随堂测验1、下列哪一些主要用于企业级应用程序的开发。( )A、JavaSEB、JavaEEC、JavaMED、以上都不是2、下列属于动态Web的实现方式的有( )。A、CGIB、PHPC、JSPD、ASP3、WEB的发展经历了静态WEB和动态WEB两个阶段。4、超文本传输协议又叫做( )协议。第1章作业1、在一个页面中写三首唐诗，要求标题使用标签，正文每一首一个段落，...
第十四章：Element-ui组件库
张晨光老师的播客
06-17 834
Element UI组件库 饿了么搭建后台管理系统[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-otmVfaMK-1655452008388)(assets/image-20220302172523798.png)]IView UI组件库作业：
Vue第七章：项目环境配置及单文件组件 vue脚手
张晨光老师的播客
06-14 1090
组件之间的通信父传子：正向传递 vue允许 自动触发​ props​ 1.先在子组件中定义期待的属性名和类型​ 2.在父组件中调用子组件的位置 添加 v-bind:自定义属性名​ 注意：props只读属性 ====》data(){ 属性 }子传父：逆向传递 vue允许 主动触发​ 自定义事件 click blur focus… 监听自定义事件触发的函数​ 1.在子组件中定义函数 ===》 this.$emit( ‘自定义事件名’ ，传递的参数 );​ 2.在父组件中调用子组
网页设计--第4次课后作业
wyhwust的博客
10-18 589
2、预习JavaScript。1、完成的完整页面编写。
第五章 微信小程序即速应用作业
m0_73490019的博客
04-03 1116
本章主要讲解微信小程序的第三方工具——即速应用，首先介绍了即速应用的优势及特点，然后介绍了即速应用的布局组件、基础组件、高级组件和其他组件，最后介绍了即速应用的后台管理及打包、上传功能。通过对本章的学习，可以为以后使用即速应用制作各类小程序打下坚实的基础。
android studio四大组件,Android Studio四大组件之Service
weixin_34259816的博客
05-25 1188
Service在Android运行在后台，它没有可视化界面，只是默默运行在后台。我们以一个后台定时器的例子清晰的说明Service的运行流程。 一、创建Service类 项目右键->New->Service新建一个名为Time人Service的Service。将自动在AndroidMainfest中声明Service。 二、Service生命周期 打开刚刚新建的TimerService...
鸿蒙期末作业记录3（书城页面）
Lwenja的博客
06-29 654
这个是MainPage第二个 TabContent()调用的页面，下面是他组件的构成，总的来说是最外层一个column组件，最上方的Text组件是“推荐”，image是图片（是芙蓉嘻嘻），紧接着是一个Row组件，这个组件是“标签、排行”那一栏，剩下的是一个List集合，list集合里面是两个listItem组件，“本周力荐”里面是可以横向滑动，“畅销热追”里面可以竖向滑动，这个是基本介绍。最大的收获是List和页面路由的学习，算是加深印象了吧嘻嘻。
《现代操作系统（中文第四版）》课后习题答案 第四章 文件系统
热门推荐
追yi流年
03-12 1万+
题目略。 1、使用 . 或 …切换文件路径 /etc/passwd /./etc/passwd /././etc/passwd /./././etc/passwd /etc/../etc/passwd /etc/../etc/../etc/passwd /etc/../etc/../etc/../etc/passwd /etc/../etc/../etc/../etc/../etc/passwd ...
鸿蒙第六次作业
m0_63530165的博客
04-21 1595
P4笔记 第四节、基础组件介绍及Chart组件使用 (1）鸿蒙系统组件介绍 1.组件(Component)是构建页面的核心，每个组件通过对数据和方法的简单封装，实现独立的可视、可交 互功能单元。组件之间相互独立，随取随用，也可以在需求相同的地方重复使用。 2．鸿蒙JSAPI提供了完善的组件介绍，详细情况我们去查阅一下官方文档:组件-官方介绍 3.根据组件的功能,可以分为以下四大类: （2）chart组件 支持设备：手机、平板、智慧屏、智能穿戴 具备属性：见链接 chart-基础组件-组件-基于J
第七章第2次作业1
08-03
最后，从逻辑地址700对应的物理地址读取数据到AX寄存器，这是第四次内存访问。 综上所述，动态分区采用的动态重定位需要MMU、页表、页框和有效的地址转换机制。在实际操作中，还需要考虑到页表的存储位置和访问效率...
微信小程序demo-留言板（第八章作业）
05-14
在【第八章作业】中，我们可以推测这是一个教学或自学课程的一部分，可能涉及到微信小程序开发的进阶内容。尽管【描述】提到“该demo只有部分功能完成”，但仍然可以从这个不完整的项目中学习到许多关键知识点。 1....
操作系统第九版部分课后作业习题答案分析解析.doc
11-15
虚拟内存管理是操作系统中的一个重要组件，包括页面错误处理、页面替换算法、虚拟地址到物理地址的转换等多个方面。通过了解这些知识点，可以更好地理解操作系统的虚拟内存管理机制，并提高系统的性能。
第四阶段前后端分离作业
03-04
在"第四阶段前后端分离作业"中，我们主要关注的是如何利用Node.js这一强大的JavaScript运行环境来实现这一目标。Node.js以其非阻塞I/O模型和高效的性能，成为构建高效后端服务的理想选择，尤其适合于构建RESTful API...
前端 Flex 布局语法详解
ning的博客
11-10 1108
Flex是Flexible Box的缩写，意为“弹性布局”。它允许容器内的项目（子元素）自动调整大小，以适应不同屏幕尺寸和布局需求。如果需要行内Flex布局，可以使用Flex布局提供了一种强大而灵活的方式来创建响应式布局。通过理解并应用上述属性，你可以轻松地创建出复杂且适应不同屏幕尺寸的布局。随着现代浏览器对Flex布局的广泛支持，它已经成为前端开发中不可或缺的一部分。版权声明：本博客内容为原创，转载请保留原文链接及作者信息。参考文章CSDN - Flex布局详解菜鸟教程 - Flex 布局语法教程。
蓝凌OA-EKP hrStaffWebService 任意文件读取漏洞
iSee857的博客
11-12 472
它集成了流程管理、知识管理、会议管理、公文管理、合同管理、费用管控等多个模块，旨在帮助企业解决基础OA应用、系统集成、开发平台和创新业务定制等长期扩展需求，推动企业实现管理在线化、知识赋能化、运营数字化和人机智能化‌。漏洞，未经身份验证攻击者可通过该漏洞读取系统重要文件（如数据库配置文件、系统配置文件）、数据库配置文件等等，导致网站处于极度不安全状态。在处理客户端输入的参数时，进行严格的验证和过滤，防止未授权的文件访问。返回数据经过base64编码 解码后可得读取数据。
Vue中的常用指令
最新发布
m0_62388400的博客
11-12 973
指令（Directives）是 Vue 提供的带有的 特殊 标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令 （v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。
@RestController 源码解读：解决 Web 开发中 REST 服务的疑难杂症
狼堡灰太狼的博客
11-11 965
这里可以理解成，注解MyInterface2的value属性重写了注解MyInterface1的value属性，但重新的属性的返回类型必须相同。可以看出对于value这个属性来说，@Configuration注解中的值会重写@Component的value属性值，这有点像类之间的继承，子类可以重父类的方法。达到 @MyInterface1(value2="number1") 和 @MyInterface1(value1="number1") 的效果相同。JDK 17 引入 records 新特性。
在 .NET 6.0 中创建用于 CRUD 操作的 Web API
csdn_aspnet的专栏
11-09 890
为了保持代码库的简洁高效，建议从 ProductDBContext.cs 中删除 OnConfiguring() 方法，因为它包含数据库连接字符串，为了更好地组织，应该以不同的方式管理它。NET 6 Web API 是一个先进的框架，一个精心设计的创新框架，用于构建针对 Web 应用程序个性化的弹性应用程序编程接口。为了适应 .NET 6 中引入的更改，现在在 Program.cs 文件中进行了配置调整，因为 Startup.cs 不再用于配置。CRUD 是创建、读取、更新和删除的首字母缩写词。
Vue.js基础练习第二课作业解析
虽然标题和描述没有提供额外的信息，但是文件名“vue_homework02”暗示这是第二份作业或项目文件。 Vue.js是一个流行的JavaScript框架，主要用于构建用户界面和单页应用程序（SPA）。它由尤雨溪（Evan You）创建，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值