From ee95197294919caf541251f33bb706bb057bb6b6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BB=84=E9=9B=AA=E8=8A=B3=EF=BC=88Charlie=EF=BC=89?= <2332958287@qq.com> Date: Mon, 8 Apr 2024 20:25:23 +0800 Subject: [PATCH 1/3] 20240408 --- ...\215\347\253\257\346\250\241\347\211\210.md" | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 "\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_\345\211\215\347\253\257\346\250\241\347\211\210.md" diff --git "a/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_\345\211\215\347\253\257\346\250\241\347\211\210.md" "b/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_\345\211\215\347\253\257\346\250\241\347\211\210.md" new file mode 100644 index 0000000..2e36fcd --- /dev/null +++ "b/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_\345\211\215\347\253\257\346\250\241\347\211\210.md" @@ -0,0 +1,17 @@ +### 快速构建网页的工具包 +#### 1.Bootstrap(国外) +1. 介绍：功能强大、功能丰富的前端工具包 +2. 使用：可以直接在html头部插入引用链接；或者通过script插入 + +#### 2.Layui(国内) +1. 介绍：开源 Web UI 组件库，非常适合网页界面的快速构建 +2. 使用： + - 官网下载 + - Git下载 + - 第三方CDN方式引入: + ~~~js + + + + + ~~~ \ No newline at end of file -- Gitee From 453b6b2cbf3a44c83ba8733e79b286a8f7507095 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BB=84=E9=9B=AA=E8=8A=B3=EF=BC=88Charlie=EF=BC=89?= <2332958287@qq.com> Date: Wed, 10 Apr 2024 21:04:29 +0800 Subject: [PATCH 2/3] 20240410 --- .../20240408_Bootstrap.md" | 30 +++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 "\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_Bootstrap.md" diff --git "a/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_Bootstrap.md" "b/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_Bootstrap.md" new file mode 100644 index 0000000..11b78cb --- /dev/null +++ "b/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_Bootstrap.md" @@ -0,0 +1,30 @@ +### 一、Bootstrap与jQuery的关系 +1. 在 Bootstrap 3 之前的版本中，jQuery 是必须的，因为 Bootstrap 的很多 JavaScript 插件都依赖于 jQuery。例如，Bootstrap 的下拉菜单、模态框、滚动监听等组件都使用了 jQuery 来实现交互功能。 +2. 但是，从 Bootstrap 4.x 开始，Bootstrap 不再直接依赖于 jQuery，而是更加注重原生 JavaScript 的实现。因此，你可以选择是否使用 jQuery 来配合 Bootstrap 使用，根据项目的实际需求和个人偏好来决定是否使用 jQuery +### 二、Bootstrap的简介 +#### 1.优势 +1. 移动设备优先 +2. 所以主流浏览器都支持 +3. 容易上手 +4. 响应式设计 +5. 开源 + +#### 2.Bootstrap 包的内容 +- 基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构 +- CSS：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统 +- 组件：包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框 +- JS插件：包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件 + +#### 3.安装 +1. 官网下载文件 +2. CDN引入 +~~~html + + + + + + + + +~~~ \ No newline at end of file -- Gitee From 299e32728f2f24c380ed87ea0bc0946e3fd1c806 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BB=84=E9=9B=AA=E8=8A=B3=EF=BC=88Charlie=EF=BC=89?= <2332958287@qq.com> Date: Sun, 14 Apr 2024 23:43:19 +0800 Subject: [PATCH 3/3] 20240409 --- .../20240409_\345\211\215\347\253\257\346\250\241\347\211\210.md" | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename "\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_\345\211\215\347\253\257\346\250\241\347\211\210.md" => "\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240409_\345\211\215\347\253\257\346\250\241\347\211\210.md" (100%) diff --git "a/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_\345\211\215\347\253\257\346\250\241\347\211\210.md" "b/\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240409_\345\211\215\347\253\257\346\250\241\347\211\210.md" similarity index 100% rename from "\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240408_\345\211\215\347\253\257\346\250\241\347\211\210.md" rename to "\351\273\204\351\233\252\350\212\263/\347\254\224\350\256\260/20240409_\345\211\215\347\253\257\346\250\241\347\211\210.md" -- Gitee