一、将当前日期按“2017-12-27 11:11 星期三”格式输出

  1. function getdate(){
  2.     var d = new Date();
  3.     year = d.getFullYear();
  4.     month = d.getMonth() + 1;
  5.     date = d.getDate();
  6.     hours =d.getHours();
  7.     minute = d.getMinutes();
  8.     day =d.getDay();
  10.     if (day === 0){
  11.         day = '星期日';
  12.     }else if (day === 1){
  13.         day = '星期一';
  14.     }else if (day === 2){
  15.         day = '星期二';
  16.     }else if (day === 3){
  17.         day = '星期三';
  18.     }else if (day === 4){
  19.         day = '星期四';
  20.     }else if (day === 5){
  21.         day = '星期五';
  22.     }else {
  23.         day = '星期六';
  24.     }
  26.     // switch (day) {
  27.     //     case 0:
  28.     //         day = '星期日';
  29.     //         break;
  30.     //     case 1:
  31.     //         day = '星期一';
  32.     //         break;
  33.     //     case 2:
  34.     //         day = '星期二';
  35.     //         break;
  36.     //     case 3:
  37.     //         day = '星期三';
  38.     //         break;
  39.     //     case 4:
  40.     //         day = '星期四';
  41.     //         break;
  42.     //     case 5:
  43.     //         day = '星期五';
  44.     //         break;
  45.     //     default:
  46.     //         day = '星期六';
  47.     //         break;
  48.     // }
  49.     console.log(`${year}-${month}-${date} ${hours}:${minute} ${day}`);
  50. }
  52. getdate();

二、首页博客设计

  1. html文件
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <link rel="stylesheet" href="css.css">
  7. </head>
  8. <body class="blog">
  9. <div class="blog-left">
  10.     <div class="portrait">
  11.         <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"
  12.              alt=""
  13.         >
  14.     </div>
  15.     <div class="user">
  16.         <p>Wick的博客</p>
  17.     </div>
  18.     <div class="user_info">
  19.         <p>这个人很懒，什么都没有留下</p>
  20.     </div>
  21.     <div class="user_link">
  22.         <ul>
  23.             <li><a href="">关于我</a></li>
  24.             <li><a href="">微博</a></li>
  25.             <li><a href="">微信公众号</a></li>
  26.         </ul>
  27.     </div>
  28.     <div class="program_link">
  29.         <ul>
  30.             <li><a href="">#Python</a></li>
  31.             <li><a href="">#Java</a></li>
  32.             <li><a href="">#Golang</a></li>
  33.         </ul>
  34.     </div>
  35. </div>
  37. <div class="blog-right">
  38.     <div class="article">
  39.         <div class="article_title">
  40.             <p>重金求个屁</p>
  41.         </div>
  42.         <div class="article_info">
  43.             <p>重金求个屁，事成必有重谢</p>
  44.         </div>
  45.         <div class="article-link">
  46.             <p>#Python&nbsp;&nbsp;#JavaScript</p>
  47.         </div>
  48.     </div>
  49.     <div class="article">
  50.         <div class="article_title">
  51.             <p>重金求个屁</p>
  52.         </div>
  53.         <div class="article_info">
  54.             <p>重金求个屁，事成必有重谢</p>
  55.         </div>
  56.         <div class="article-link">
  57.             <p>#Python&nbsp;&nbsp;#JavaScript</p>
  58.         </div>
  59.     </div>
  60.     <div class="article">
  61.         <div class="article_title">
  62.             <p>重金求个屁</p>
  63.         </div>
  64.         <div class="article_info">
  65.             <p>重金求个屁，事成必有重谢</p>
  66.         </div>
  67.         <div class="article-link">
  68.             <p>#Python&nbsp;&nbsp;#JavaScript</p>
  69.         </div>
  70.     </div>
  71.     <div class="article">
  72.         <div class="article_title">
  73.             <p>重金求个屁</p>
  74.         </div>
  75.         <div class="article_info">
  76.             <p>重金求个屁，事成必有重谢</p>
  77.         </div>
  78.         <div class="article-link">
  79.             <p>#Python&nbsp;&nbsp;#JavaScript</p>
  80.         </div>
  81.     </div>
  82.     <div class="article">
  83.         <div class="article_title">
  84.             <p>重金求个屁</p>
  85.         </div>
  86.         <div class="article_info">
  87.             <p>重金求个屁，事成必有重谢</p>
  88.         </div>
  89.         <div class="article-link">
  90.             <p>#Python&nbsp;&nbsp;#JavaScript</p>
  91.         </div>
  92.     </div>
  93.     <div class="article">
  94.         <div class="article_title">
  95.             <p>重金求个屁</p>
  96.         </div>
  97.         <div class="article_info">
  98.             <p>重金求个屁，事成必有重谢</p>
  99.         </div>
  100.         <div class="article-link">
  101.             <p>#Python&nbsp;&nbsp;#JavaScript</p>
  102.         </div>
  103.     </div>
  104.     <div class="article">
  105.         <div class="article_title">
  106.             <p>重金求个屁</p>
  107.         </div>
  108.         <div class="article_info">
  109.             <p>重金求个屁，事成必有重谢</p>
  110.         </div>
  111.         <div class="article-link">
  112.             <p>#Python&nbsp;&nbsp;#JavaScript</p>
  113.         </div>
  114.     </div>
  115.     <div class="article">
  116.         <div class="article_title">
  117.             <p>重金求个屁</p>
  118.         </div>
  119.         <div class="article_info">
  120.             <p>重金求个屁，事成必有重谢</p>
  121.         </div>
  122.         <div class="article-link">
  123.             <p>#Python&nbsp;&nbsp;#JavaScript</p>
  124.         </div>
  125.     </div>
  126. </div>
  128. </body>
  129. </html>
  1. css代码
  1. /*通用样式*/
  2. ul {
  3.     list-style-type: none;
  4.     padding: 0;
  5.     text-align: center;
  6.     margin: 80px 0;
  8. }
  10. a:hover{
  11.     color: white;
  12. }
  14. a {
  15.     text-decoration: none;
  16. }
  18. /*左边样式*/
  19. .blog-left {
  20.     float: left;
  21.     position: fixed;
  22.     width: 20%;
  23.     height: 100%;
  24.     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);
  25. }
  27. .portrait {
  28.     width: 100px;
  29.     height: 100px;
  30.     border-radius: 50%;
  31.     border: 3px solid white;
  32.     overflow: hidden;
  33.     margin: 25px auto 13px;
  34. }
  36. .portrait img {
  37.     width: 100%;
  38.     height: 100%;
  39. }
  41. .user,.user_info {
  42.     text-align: center;
  43.     margin: 20px 0;
  44.     font-size: 12px;
  45. }
  47. /*右边样式*/
  48. .blog-right {
  49.     float: right;
  50.     width: 80%;
  51.     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);
  52. }
  54. .article {
  55.     border: 3px solid white;
  56.     margin: 15px;
  57.     background-color: rgba(255,255,255,0);
  58. }
  60. .article_title {
  61.         border-left: 3px solid red;
  63. }
  65. .article_title p {
  66.     margin: 0;
  67.     margin-left: 5px;
  68.     font-size: 25px;
  69. }
  71. .article_info {
  72.     border-bottom: 1px solid black;
  73. }
  74. .article_info p {
  75.     margin-top: 20px;
  76.     margin-left: 25px;
  77.     font-size: 14px;
  78.     margin-bottom: 10px;
  80. }
  82. .article-link {
  83.     padding-left: 10px;
  84. }

day45 作业的更多相关文章

  1. day45作业

    利用 html + css 写一个最基本的页面 <!DOCTYPE html> <html lang="en"> <head> <meta ...

  2. 团队作业8——第二次项目冲刺（Beta阶段）Day4--5.21

    展开圆桌式会议: 会议内容:1.团队成员对昨天任务完成情况做一个简单交流,并对昨天工作中存在的问题提出集中讨论解决:2.按照昨天的昨天工作分配表做具体的任务分配:3.简单讨论明天的任务分配每个人的工作 ...

  3. python10作业思路及源码：类Fabric主机管理程序开发（仅供参考）

    类Fabric主机管理程序开发 一,作业要求 1, 运行程序列出主机组或者主机列表(已完成) 2,选择指定主机或主机组(已完成) 3,选择主机或主机组传送文件(上传/下载)(已完成) 4,充分使用多线 ...

  4. SQLServer2005创建定时作业任务

    SQLServer定时作业任务:即数据库自动按照定时执行的作业任务,具有周期性不需要人工干预的特点 创建步骤:(使用最高权限的账户登录--sa) 一.启动SQL Server代理(SQL Server ...

  5. 使用T-SQL找出执行时间过长的作业

        有些时候,有些作业遇到问题执行时间过长,因此我写了一个脚本可以根据历史记录,找出执行时间过长的作业,在监控中就可以及时发现这些作业并尽早解决,代码如下:   SELECT sj.name , ...

  6. T-SQL检查停止的复制作业代理，并启动

        有时候搭建的复制在作业比较多的时候,会因为某些情况导致代理停止或出错,如果分发代理时间停止稍微过长可能导致复制延期,从而需要从新初始化复制,带来问题.因此我写了一个脚本定期检查处于停止状态的分 ...

  7. Python09作业思路及源码：高级FTP服务器开发（仅供参考）

    高级FTP服务器开发 一,作业要求 高级FTP服务器开发 用户加密认证(完成) 多用户同时登陆(完成) 每个用户有不同家目录且只能访问自己的家目录(完成) 对用户进行磁盘配额,不同用户配额可不同(完成 ...

  8. 个人作业week3——代码复审

    1.     软件工程师的成长 感想 看了这么多博客,收获颇丰.一方面是对大牛们的计算机之路有了一定的了解,另一方面还是态度最重要,或者说用不用功最重要.这些博客里好些都是九几年或者零几年就开始学习编 ...

  9. 个人作业-week2：关于微软必应词典的案例分析

    第一部分 调研,评测 评测基于微软必应词典Android5.2.2客户端,手机型号为MI NOTE LTE,Android版本为6.0.1. 软件bug:关于这方面,其实有一些疑问.因为相对于市面上其 ...

随机推荐

  1. Potyczki Algorythmiczne 2019

    Runda próbna: A + B 设$f[i]$表示两数相加得到前$i$位的方案数,由$f[i-1]$和$f[i-2]$转移得到. #include<cstdio> #include ...

  2. [CEOI2019]Cubeword（暴力）

    没错,标签就是暴力. 首先发现棱上的所有词长度都相等,枚举长度 \(len\). 然后发现这些词中只有第一个字符和最后一个字符比较重要(只有这两个位置会与别的串衔接,中间的是啥无所谓). 令 \(cn ...

  3. linux jdk1.8 64位下载永久地址,ubuntu,centos,java

    https://pan.baidu.com/s/1A4cl3vUWCtiHxJ9eHK2ApQ  密码:j8dg

  4. Redis集群模式介绍

    前言: 一.为什么要使用redis 1,解决应用服务器的cpu和内存压力 2,减少io的读操作,减轻io的压力(内存中读取) 3,关系型数据库扩展性,不强,难以改变表的结构 二.优点 1,nosql数 ...

  5. 《Web前端开发》等级考试样题~以国家“1+X”职业技能证书为标准，厚溥推出Web前端开发人才培养方案

    1+x证书Web前端开发初级理论考试样题2019 http://blog.zh66.club/index.php/archives/149/ 1+x证书Web前端开发初级实操考试样题2019 http ...

  6. 02Shell变量

    Shell变量 什么是 shell 变量 shell变量就是 用一个固定的字符串去表示不固定的内容 变量的类型 自定义变量 定义变量 变量名=变量值 (显式赋值) 变量名必须以字母或下划线开头,区分大 ...

  7. COMP222 - 2019

    COMP222 - 2019 - Second CA AssignmentIndividual courseworkTrain Deep Learning AgentsAssessment Infor ...

  8. 大咖云集！Kubernetes and Cloud Native Meetup 深圳站开始报名！

    由阿里技术生态联合 CNCF 官方共同出品的 Kubernetes & Cloud Native Meetup 将在 8 月 31 日来到深圳.届时,阿里云.蚂蚁金服高级技术专家将携手来自国内 ...

  9. 关于 Scrapy 中自定义 Spider 传递参数问题

    实际应用中,我们有可能在启动 Scrapy 的时候自定义一些参数来控制不同的业务流程,Google 尝试了如下方式可以实现 . 修改 Spider 构造函数  class myspider(Spide ...

  10. C# Large Files MD5 C# 获取大文件MD5

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...