2024フロントエンド実習面接の技術要点まとめ
目次
CSS
1.CSSのレイアウト方式にはどのようなものがありますか？
2.Flexboxで左右レイアウトを実装する方法。
3.CSSの一般的な単位。
4.CSSでは何が継承されますか？
5.リフローと再描画について。
6.Flexboxレイアウトのプロパティ。
7.CSSのカスケードスタイルの優先順位ルール。
8.擬似クラスと擬似要素の違い。
9.ボックスモデルの種類。
10.要素の中央揃え方法。
11 ...
6月5日 16:26 投稿
Bootstrapテーブルライブラリの実装ガイド
Bootstrapテーブルライブラリの基本設定
Bootstrapテーブルを利用するには、まず必要なライブラリを読み込む必要があります。jQueryはBootstrapテーブルの依存関係にあるため、必ず先に読み込んでください。
<script src="assets/jquery/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script>
<link ...
6月3日 16:22 投稿
淘宝プロジェクト実践：ウェブ開発の重要なテクニック
淘宝（タオバオ）のレイアウト実装において、いくつかの重要な技術ポイントに遭遇しました。ここでは、その中核となる知識をまとめました。
行高の単位と継承
font-sizeが16pxの場合を例に説明します。
line-height: normal;: ブラウザのデフォルト値が適用されます。
line-height: 1.5;: 16px × 1.5 = 24px。相対単位は、継承された後に計 ...
5月31日 08:08 投稿
CSS2 基本プロパティガイド
目次- サイズ設定
フォントプロパティ
テキストプロパティ
背景プロパティ
枠線
displayプロパティ
ボックスモデル---各タグ(要素)にはボックスモデルがある
フロート
フロートがもたらす悪影響
オーバーフロー属性
円形アバターの例
配置
z-indexによるz軸制御
透明度
サイズ設定
タグにサイズを設定する場合、ブロックレベルのタグのみ設定可能です。
インラインタグ ...
5月28日 14:06 投稿
CSS入門：スタイル適用方法と基本プロパティ
CSS（Cascading Style Sheets）は、HTML文書の見た目を制御するための言語です。これにより、ウェブページのレイアウトや配色、フォントなどを柔軟にデザインできます。CSSの適用方法には主に3つの形式があります。
1. インラインスタイル
HTMLタグ内に直接style属性として記述します。
<p style="background-color: aqua;">
テキスト
</p>
2. 内部スタイ ...
5月27日 09:03 投稿
Zeptoのスタイル操作メソッドを深掘り
この記事では、DOM要素に対するCSSクラスやスタイルプロパティの操作に焦点を当てて解説します。
キャッシュ付き正規表現生成器
const patternCache = {}
function buildClassPattern(className) {
return patternCache[className] ||
(patternCache[className] = new RegExp('(^|\\s)' + className + '(\\s|$)'))
}
指定されたクラス名を含むかどうかを判定する正 ...
5月25日 05:09 投稿
【CSS】要素の配置方法：五つの位置指定プロパティの詳細解説
CSS の `position` プロパティは、ウェブページのレイアウトを設計する上で非常に重要な役割を果たします。この記事では、`static`、`relative`、`absolute`、`fixed`、および `sticky` という五つの異なる位置指定方法について詳しく説明し、それぞれの使用場面と原理を理解します。
一、position プロパティの概要
1. position プロパティとは？
`position` プロパテ ...
5月22日 18:03 投稿
レイアウト再計算（リフロー）と再描画（リペイント）
ウェブページのレンダリングにおいて、リフロー（レイアウト再計算） と リペイント（再描画） はブラウザがコンテンツの更新を処理する際の2つの重要なプロセスです。以下に詳細なメカニズムと最適化方法を解説します。
1. 基本概念
リペイント（再描画）
色や背景色などの視覚的なスタイル変更が発生した場合、ブラウザは対象要素の描画のみを更新します。
レイアウト ...
5月20日 15:14 投稿
高齢者評価システムのログイン・メイン画面実装
1. データベーステーブルの作成
まずはログイン情報を格納するテーブルを作成します。パスワードはプレーンテキストですが、本番環境ではハッシュ化を推奨します。
CREATE TABLE user_credential (
identity_card VARCHAR(18) PRIMARY KEY,
pass_code VARCHAR(64) NOT NULL
);
2. Javaエンティティクラス
テーブルに対応するPOJOクラスを定義します。フィールド名 ...
5月18日 14:12 投稿
Webサイトにおける右クリック禁止実装の是非と技術的アプローチ
Webサイト上で右クリックメニューを無効化する手法は、著作権保護やコンテンツの無断コピー防止を目的として検討されることがあります。しかし、この手法はユーザー体験（UX）を損なうリスクがあるほか、技術的に完全な防壁とはなり得ないという点に注意が必要です。
右クリック禁止の検討事項
ブラウザの右クリックメニューは、ユーザーにとって「リンクを新しいタブで開 ...
5月15日 16:15 投稿