TIL 12日間

🍚
朝食:バナナ
ランチ:
🧙
朝の状態:よく眠れました.(長く寝ていたので)あっさりしていましたが、時間が経つのが残念でした.でもよく眠れました.夜になって、ぐっすり眠った.軽く眠りたい.
スビンはドーナツをくれた久しぶりに食べたドーナツ

今日やるべきこと

ログインページjsから

メインキャッシュユニット完了

頂部給油ユニット完成

スケジュール

10-11コメントを書いた後、入力方法をクリアします.
11-12解答
12-1
1～2巻
2-3 Webセッション
3-4ログインページ
4～5個のキャッシュユニット(2/10)を実装
5-6
6-7
7-8 Instagramホットスポットを整理2,3,4
8-9
9-10

熟れた

Webはどのように動作しますか?

:インターネット上に表示されるのは、ホームページのhtml、ss、jsファイルが常にイントラネットに接続され、閉じないWebサーバ(ホスト)に格納されていることです.
ユーザ要求は随時応答する.
:管理(Web管理サービス):サーバコンピュータのすべて(固定スペース)に使用できるリースサービス
ex: aws ec2/s3. Cafe 24管理センター
:IP:アドレスは、インターネットを介して通信する各コンピュータ(または通信装置)に付与される#一意の値です.IPアドレスが難しいので、文字ドメインを使います.DNSはドメインをIPマスターと一致させる


:プロトコルは通信規約です.
portはデフォルト値に省略します.
:

降格
https://velog.io/@yuuuye/velog-%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4MarkDown-%EC%9E%91%EC%84%B1%EB%B2%95

console.log(var)

色:red

Instagramコメント入力enterを入力し、「」を作成します.
最終コメントdomappend(ブラブラブラ)が完成すると、
ドームを入力します.value=''
これで完成です.ハハハ
(別の場所に置いておいて間違えて、これを1時間も無駄にしてしまいました…うわっ😂)

キャッシュユニット実装(2/10)

ハンドムを選択してnext eliment siblingを撮影して変数に割り当てると、わあ、本当にnextドムが含まれています.華雅.😹(喜びのあまり泣く)

nextSlide=curreuntSlide.nextElementSibling

html

<div class="slider">
  <div class="slide showing">1</div>
   <div class="slide">2</div>
   <div class="slide">3</div>
   <div class="slide">4</div>
  
  <button class="btn left"> `<` </button>
   <button class="btn right"> `>` </button>
</div>

css

.slider {
  width:100%;
  position:relative;
  
}
.showing {
  opacity: 1;
  z-index: 1 ;
}
.slide{
  width:100%;
  background:pink;
  height:300px;
  display:flex;
  justify-content:center;
  align-items:center;
  color:white;
  position:absolute;
  top:0;
/*   opacity:0;
  transition:all 1.0s ease-in-out */
}
.slide:nth-childe(1) {
  background:red;
}
.slide:nth-childe(2) {
  background:orange;
}
.slide:nth-childe(3) {
  background:yellow;
}
.slide:nth-childe(4) {
  background:green;
}
.btn{
  height:30px;
  width:100px;
  color:tomato;
  z-index:9999;
  cursor:pointer;
}
.left {
  position: absolute;
  top:100px;
  left:0;
}
.right {
  position: absolute;
  top:100px;
  right:0;
}

disabled
選択、入力、フォーカスなし