2021-12-16 FE

28137 ワード
frontend JavaScript vue.js UVC テキストリンク
  • viエディタの自習を検索します.
    WSL勉強しないで!
    • Oracle VM VirtualBox 사용하여 CentOS7 linux
WSL로는 불가한 것들이 가능하다.
저기에 DOCKER를 띄우면 개발하기 쉽다.
# init 0
# init 9
# reboot
# shutdown
  • stackedit.ioからMarkdownに変更できます.markdownを使用して編集や修正を行うこともできますし、google driveと一緒に編集することもできます.
    • htmlレッスン
    htmlには別の教育資料があり、その資料を見ることにした.
    運転html 실습.mdブラウザで+v=>コードの表示を右クリックできます

    これは、開発者モード(F 12)の要素のコードとは異なる場合があります.


    ~
    ~:ドキュメントのメタデータ情報が含まれます.
    ~
    ~
    とは?
    <head>
  <meta charset="UTF-8">
  <meta name="description" content="Free Web tutorials"> //설명
  <meta name="keywords" content="HTML, CSS, JavaScript"> //키워드
  <meta name="author" content="John Doe"> //작성자 위 3가지는 기획자의 scope이다. 검색 엔진에 걸린다.
  //검색엔진을 거부하는 코드를 짤 수도 있다.
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>


    「style」属性は、"font-size : 50px"などのオブジェクトとして入力する必要があります.

    htmlコメント処理は外部から見ることができます.
    一般的には//は見えませんが、Vue.jsは見る方法があるので、気をつけてください.<a>タグを使用してリンクできます.hrefプロパティにリンク値を入力します.urlには絶対経路と相対経路がある.절대경로:インターネットから任意の場所へのパス(フルアドレス)상대경로:私のサーバのアドレスのみtargetの設定に従って、リンクを新しいウィンドウに移動できます.
  • 内のコンピュータ内で配線したり、pdfファイルなどを実行したりすることができます.../これにより、データベースがハッカーに侵入されます.
    アクセスを防止するために、ブラウザで../形式で符号化する必要があります.
    • <p>
기본태그: 
<a href="https://www.w3schools.com/">Visit W3Schools.com!</a>
</p>
<p>
새창에서 열기: <a href="https://www.w3schools.com/" target="_blank">Visit W3Schools.com!</a>
</p>



    表内の表

    コンテナ
    機能を使用すると、タスク間で完全なプロパティを設定できます.(整然と積み上げて?)

  • divの下にdivを重ねることができます.

  • divの横にdivを置くことはできません.
    実は特殊な機能を使って横に置くことができます.

  • divの中にdivを入れることができます.
    • 暗記者
    \



    使用禁止
    行内容器
    ほとんどのラベルは2つの、です.

    style
    margin, padding
    同時に適用する場合は時計回り方向です.


    color name、RGB(三原色)、CMYK(三原色)


    HEX(16進)

    size%に設定するには、ブラウザの画面サイズによって異なります.

    style .class
    bodyは,h 1はである.
    このラベル内に効果を一括して付与する.

    スタイルを分類でき、使いやすいです.
    が全域で有効で、内部が直接有効であれば...?
    最終的には直接的な効果が得られます.
    classはポイント(.)に表示されます.

    スタイルの優先度(!重要)

    入力フォーマットが最も重要です.
    htmlとvue.jsはちょっと違いますか?
    ユーザーが入力した値をサーバに送信するときに使用する入力フォーム形式.nameおよびvalueの値は、サーバから受信される.
    text
    最も一般的な形式の入力フォームでは、テキスト入力を受信できます.
    (タグには終了フラグはありません.)
    이름: <input name="name" type="text">
    password
    passwordタイプの入力値は****です.
    비밀번호: <input name="password" type="password">
    radio
    1つしか選択できない場合に使用します.
    <p>당신의 취향은? </p>
<div>
  <input type="radio" name="minstyle" value="yes">민초파
  <input type="radio" name="minstyle" value="no">반민초파
</div>
<div>
  <input type="radio" name="tangstyle" value="verybad">찍먹파
  <input type="radio" name="tangstyle" value="so good">부먹파
</div>
    nameの値が等しいものは一緒に縛られている.valueの値が選択されています.
    checkbox
    複数の選択肢がある場合に使用します.
    <p>과일 뭐 사올까?</p>
<input type="checkbox" name="fruit" value="apple">사과<br>
<input type="checkbox" name="fruit" value="orange">오렌지<br>
<input type="checkbox" name="fruit" value="grape">포도<br>
<input type="checkbox" name="fruit" value="grapefruit">자몽<br>

    select
    ドロップダウンボタンの選択の場合は、を使用します.
    基本的には1つしか選択していませんが、複数を選択することもできます.
    <p>자동차를 고르시오</p>
<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

    textarea
    入力する内容が1行でない場合は、複数行入力がサポートされます.
    <p>리뷰 내용</p>
<textarea name="review" rows="8" cols="50">여기에 리뷰를 작성하세요.</textarea>
    button
    ボタンは通常、onClickイベントとともに使用されます.
    <input type="button" onclick="alert('빵!')" value="누르시오">
    学んだ内容を応用する.
    Q&Aまたはカスタマーサービスコンサルティングページが表示されます.ドンドン

    iframeiframeを使用すると、Webページの画面に小さなウィンドウをポップアップし、他のページや他のWebサイトの内容を表示できます.
    <iframe src="https://news.v.daum.net/v/20211214210932915" height="500" width="600" title="Iframe Example"></iframe>
    borderを外すと、外部サイトの内容なのか、私たちのサイトの内容なのか分かりにくいです.
    コード解析
    htmlコードを「表示」できるようになりました.
    わからないタグや属性が出てきたら、勉強を続けましょう.
    詳細については、(多くのタグが表示されます)を参照してください.
    (参照:https://www.w3schools.com/tags/default.asp)
    練習問題
    次の名前で送信
    金芸賛html練習問題1.html
    金芸賛html練習問題2.html
    金芸賛html練習問題3.html

  • 自分の好きな歌の歌詞を飾る
    div、span、font-size、colorなどを使って、自分の好きな曲の各文や単語を飾ります.

  • 入力フォームの作成
    次の項目を使用して入力フォームを作成します.
    • 名前:text
    アイデンティティ:text
    パスワード:password
    趣味:checkbox(読書、登山、釣り)
    携帯電話タイプ:radio(iphone,android)
    居住地:select(17試行)
    備考:textarea
    ボタン:button(登録、キャンセル)
  • テーブルの作成
    以上の入力フォームが結果を収集し、結果を表(5行より大きい)
    • として描画すると仮定する.
    とりつけパテ





    filezilla



    MariaDB = MySQL
    MySQL開発者は、新しく作成したMariaDBを完全に使用できます.
    postgresプロパティ:データベース別に分割でき、サブモードとして使用できます.
    モード(schemas)-public(各モード)-テーブルで、論理構造を追加できます.
    適切に使用するには、公共ではなく新しい名前をつけるべきです.
    mariaDBのように、データベースごとにテーブルがあり、追加できません.
    shift+artで同時に垂直に変更できます
    Vue.きそ
    Vue.jsプロジェクト
    HTML 5 と要素の伝説
    JS の Web API とは何ですか?