day45 作业
一、将当前日期按“2017-12-27 11:11 星期三”格式输出
function getdate(){
var d = new Date();
year = d.getFullYear();
month = d.getMonth() + 1;
date = d.getDate();
hours =d.getHours();
minute = d.getMinutes();
day =d.getDay();
if (day === 0){
day = '星期日';
}else if (day === 1){
day = '星期一';
}else if (day === 2){
day = '星期二';
}else if (day === 3){
day = '星期三';
}else if (day === 4){
day = '星期四';
}else if (day === 5){
day = '星期五';
}else {
day = '星期六';
}
// switch (day) {
// case 0:
// day = '星期日';
// break;
// case 1:
// day = '星期一';
// break;
// case 2:
// day = '星期二';
// break;
// case 3:
// day = '星期三';
// break;
// case 4:
// day = '星期四';
// break;
// case 5:
// day = '星期五';
// break;
// default:
// day = '星期六';
// break;
// }
console.log(`${year}-${month}-${date} ${hours}:${minute} ${day}`);
}
getdate();二、首页博客设计
- html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="css.css">
</head>
<body class="blog">
<div class="blog-left">
<div class="portrait">
<img src="https://images.cnblogs.com/cnblogs_com/wick2019/1592198/o_191116084848%E4%B9%A6%E6%88%BF%E7%BA%B9%E9%BE%99%E5%B0%91%E5%A5%B3.png"
alt=""
>
</div>
<div class="user">
<p>Wick的博客</p>
</div>
<div class="user_info">
<p>这个人很懒，什么都没有留下</p>
</div>
<div class="user_link">
<ul>
<li><a href="">关于我</a></li>
<li><a href="">微博</a></li>
<li><a href="">微信公众号</a></li>
</ul>
</div>
<div class="program_link">
<ul>
<li><a href="">#Python</a></li>
<li><a href="">#Java</a></li>
<li><a href="">#Golang</a></li>
</ul>
</div>
</div>
<div class="blog-right">
<div class="article">
<div class="article_title">
<p>重金求个屁</p>
</div>
<div class="article_info">
<p>重金求个屁，事成必有重谢</p>
</div>
<div class="article-link">
<p>#Python #JavaScript</p>
</div>
</div>
<div class="article">
<div class="article_title">
<p>重金求个屁</p>
</div>
<div class="article_info">
<p>重金求个屁，事成必有重谢</p>
</div>
<div class="article-link">
<p>#Python #JavaScript</p>
</div>
</div>
<div class="article">
<div class="article_title">
<p>重金求个屁</p>
</div>
<div class="article_info">
<p>重金求个屁，事成必有重谢</p>
</div>
<div class="article-link">
<p>#Python #JavaScript</p>
</div>
</div>
<div class="article">
<div class="article_title">
<p>重金求个屁</p>
</div>
<div class="article_info">
<p>重金求个屁，事成必有重谢</p>
</div>
<div class="article-link">
<p>#Python #JavaScript</p>
</div>
</div>
<div class="article">
<div class="article_title">
<p>重金求个屁</p>
</div>
<div class="article_info">
<p>重金求个屁，事成必有重谢</p>
</div>
<div class="article-link">
<p>#Python #JavaScript</p>
</div>
</div>
<div class="article">
<div class="article_title">
<p>重金求个屁</p>
</div>
<div class="article_info">
<p>重金求个屁，事成必有重谢</p>
</div>
<div class="article-link">
<p>#Python #JavaScript</p>
</div>
</div>
<div class="article">
<div class="article_title">
<p>重金求个屁</p>
</div>
<div class="article_info">
<p>重金求个屁，事成必有重谢</p>
</div>
<div class="article-link">
<p>#Python #JavaScript</p>
</div>
</div>
<div class="article">
<div class="article_title">
<p>重金求个屁</p>
</div>
<div class="article_info">
<p>重金求个屁，事成必有重谢</p>
</div>
<div class="article-link">
<p>#Python #JavaScript</p>
</div>
</div>
</div>
</body>
</html>- css代码
/*通用样式*/
ul {
list-style-type: none;
padding: 0;
text-align: center;
margin: 80px 0;
}
a:hover{
color: white;
}
a {
text-decoration: none;
}
/*左边样式*/
.blog-left {
float: left;
position: fixed;
width: 20%;
height: 100%;
background: 1382px 736px url(https://images.cnblogs.com/cnblogs_com/wick2019/1592198/o_191116084835%E7%BA%B9%E9%BE%99%E5%B0%91%E5%A5%B3.png);
}
.portrait {
width: 100px;
height: 100px;
border-radius: 50%;
border: 3px solid white;
overflow: hidden;
margin: 25px auto 13px;
}
.portrait img {
width: 100%;
height: 100%;
}
.user,.user_info {
text-align: center;
margin: 20px 0;
font-size: 12px;
}
/*右边样式*/
.blog-right {
float: right;
width: 80%;
background: -207px -118px url(https://images.cnblogs.com/cnblogs_com/wick2019/1592198/o_191116084835%E7%BA%B9%E9%BE%99%E5%B0%91%E5%A5%B3.png);
}
.article {
border: 3px solid white;
margin: 15px;
background-color: rgba(255,255,255,0);
}
.article_title {
border-left: 3px solid red;
}
.article_title p {
margin: 0;
margin-left: 5px;
font-size: 25px;
}
.article_info {
border-bottom: 1px solid black;
}
.article_info p {
margin-top: 20px;
margin-left: 25px;
font-size: 14px;
margin-bottom: 10px;
}
.article-link {
padding-left: 10px;
}
day45 作业的更多相关文章
- day45作业
利用 html + css 写一个最基本的页面 <!DOCTYPE html> <html lang="en"> <head> <meta ...
- 团队作业8——第二次项目冲刺（Beta阶段）Day4--5.21
展开圆桌式会议: 会议内容:1.团队成员对昨天任务完成情况做一个简单交流,并对昨天工作中存在的问题提出集中讨论解决:2.按照昨天的昨天工作分配表做具体的任务分配:3.简单讨论明天的任务分配每个人的工作 ...
- python10作业思路及源码：类Fabric主机管理程序开发（仅供参考）
类Fabric主机管理程序开发 一,作业要求 1, 运行程序列出主机组或者主机列表(已完成) 2,选择指定主机或主机组(已完成) 3,选择主机或主机组传送文件(上传/下载)(已完成) 4,充分使用多线 ...
- SQLServer2005创建定时作业任务
SQLServer定时作业任务:即数据库自动按照定时执行的作业任务,具有周期性不需要人工干预的特点 创建步骤:(使用最高权限的账户登录--sa) 一.启动SQL Server代理(SQL Server ...
- 使用T-SQL找出执行时间过长的作业
有些时候,有些作业遇到问题执行时间过长,因此我写了一个脚本可以根据历史记录,找出执行时间过长的作业,在监控中就可以及时发现这些作业并尽早解决,代码如下: SELECT sj.name , ...
- T-SQL检查停止的复制作业代理，并启动
有时候搭建的复制在作业比较多的时候,会因为某些情况导致代理停止或出错,如果分发代理时间停止稍微过长可能导致复制延期,从而需要从新初始化复制,带来问题.因此我写了一个脚本定期检查处于停止状态的分 ...
- Python09作业思路及源码：高级FTP服务器开发（仅供参考）
高级FTP服务器开发 一,作业要求 高级FTP服务器开发 用户加密认证(完成) 多用户同时登陆(完成) 每个用户有不同家目录且只能访问自己的家目录(完成) 对用户进行磁盘配额,不同用户配额可不同(完成 ...
- 个人作业week3——代码复审
1. 软件工程师的成长 感想 看了这么多博客,收获颇丰.一方面是对大牛们的计算机之路有了一定的了解,另一方面还是态度最重要,或者说用不用功最重要.这些博客里好些都是九几年或者零几年就开始学习编 ...
- 个人作业-week2：关于微软必应词典的案例分析
第一部分 调研,评测 评测基于微软必应词典Android5.2.2客户端,手机型号为MI NOTE LTE,Android版本为6.0.1. 软件bug:关于这方面,其实有一些疑问.因为相对于市面上其 ...
随机推荐
- 2019 SDN上机第六次作业
1.实验拓扑 (1)实验拓扑 (2)使用python脚本完成拓扑搭建 from mininet.topo import Topo class Mytopo(Topo): def __init__(se ...
- SVN 中项目名字全是红色 和 文件夹图标上没标记绿钩解决办法
没有绿色标记卸载Tortoise 小乌龟重装 ! 红色名字是 原来idea当前的project用了版本控制器, 那么建到这个project下面的所有项目就都是加入到版本控制里面的, ...
- Jenkins安装第一个插件和通过离线安装包进行安装
1.打开左侧Manage Jenkins 选择Manage Plugins菜单 2.搜索Folders插件,该插件用于创建一个目录 3.点击安装进入插件安装状态,Jenkins会自动下载相关联的插件 ...
- Kubernetes生产架构浅谈
注意 本文,只是笔者针对Kubernetes生产环境运行的一些关于架构设计介绍. 介绍 基于 Kubernetes 系统构建的统一开发运维管控平台.在 Kubernetes 基础上,围绕 微服务系统的 ...
- python3 消耗CPU的性能，使CPU满载（可以设置进程名称）
需要安装库:setproctitle 1.1.10,设置进程名称,测试操作系统centos 7.0 # -*- coding: utf-8 -*- from multiprocessing im ...
- H5 背景图片自适应屏幕问题解决办法
今天也是偶然遇到这个问题的,平成很少用到关于css的内容,就在网上找了很多个方法,最后总结以下几种很实用的方法 方法1: <style> body{ background:url(beij ...
- tf.slice()
原文连接:https://www.jianshu.com/p/71e6ef6c121b tf.slice()到底要怎么切呢?下面通过列子来看看 方程的signature是这样的: def slice( ...
- date——系统时间的命令
这是一个可以用各种姿势获得各种时间的命令.最近在写自动化定时脚本时学了一下. 参考:https://www.cnblogs.com/ginvip/p/6357378.html 比如: 利用cronta ...
- webstorm关闭烦人的eslint语法检查
使用了eslint语法检查之后发现JS代码里面处处是红线,通过右键菜单中的fix eslint problems选项又会发现页面代码的格式被eslint换行得不分青红皂白,索性关闭exlint语法检查 ...
- kali渗透综合靶机(十)--Raven靶机
kali渗透综合靶机(十)--Raven靶机 一.主机发现 1.netdiscover -i eth0 -r 192.168.10.0/24 二.端口扫描 1. masscan --rate=1000 ...