11 2021 档案
摘要：Markdown 代码 如果是段落上的一个函数或片段的代码可以用反引号把它包起来（`），例如： `printf()` 函数 显示结果如下： 代码区块 代码区块使用 4 个空格或者一个制表符（Tab 键）。 实例如下： 显示结果如下： 你也可以用 ``` 包裹一段代码，并指定一种语言（也可以不指定）：
阅读全文
摘要：Markdown 区块 Markdown 区块引用是在段落开头使用 > 符号 ，然后后面紧跟一个空格符号： > 区块引用 > 菜鸟教程 > 学的不仅是技术更是梦想 显示结果如下： 另外区块是可以嵌套的，一个 > 符号是最外层，两个 > 符号是第一层嵌套，以此类推： > 最外层 > > 第一层嵌套 >
阅读全文
摘要：Markdown 段落 Markdown 段落没有特殊的格式，直接编写文字就好，段落的换行是使用两个以上空格加上回车。 当然也可以在段落后面使用一个空行来表示重新开始一个段落。 字体 Markdown 可以使用以下几种字体： *斜体文本* _斜体文本_ **粗体文本** __粗体文本__ ***粗斜
阅读全文
摘要：Markdown 标题 Markdown 标题有两种格式。 1、使用 = 和 - 标记一级和二级标题 = 和 - 标记语法格式如下： 我展示的是一级标题 我展示的是二级标题 显示效果如下图： 使用 # 号标记 使用 # 号可表示 1-6 级标题，一级标题对应一个 # 号，二级标题对应两个 # 号，以
阅读全文
摘要：看的期间不断有所悟，书中多处让我惊讶「原来是这样子」。不过由于工作之余时间有限，这本大著看了快两个月才完了，现在仅凭印象把之前悟到的写下来，算是总结。 如果要用一句话概括《代码大全》的话，我以为是「为人写代码，而不是机器」。 一：为人写代码，势必要考虑代码的扩展性。人是多变的，现实世界也是多变的，所
阅读全文
摘要：Bootstrap5 小工具 Bootstrap 5 提供了很多有用的类来帮组我们快速实现效果，不需要重复写一些 CSS 代码。 背景颜色 设置不同元素的背景颜色时，需要通过 .text-* 类来设置匹配的文本颜色： 实例 <div class="p-3 mb-2 bg-primary text-w
阅读全文
摘要：MongoDB 更新文档 MongoDB 使用 update() 和 save() 方法来更新集合中的文档。接下来让我们详细来看下两个函数的应用及其区别。 update() 方法 update() 方法用于更新已存在的文档。语法格式如下： db.collection.update( <query>,
阅读全文
摘要：侧边栏的方向 可以通过以下四个类来控制侧边栏的方向： .offcanvas-start 显示在左侧，如上实例。 .offcanvas-end 显示在右侧 .offcanvas-top 显示在顶部 .offcanvas-bottom 显示在底部 实例 <button class="btn btn-pr
阅读全文
摘要：Bootstrap5 侧边栏导航(Offcanvas) Bootstrap5 侧边栏侧边栏类似于模态框，在移动端设备中比较常用。 创建滑动导航 我们可以通过 JavaScript 来设置是否在 .offcanvas 类后面添加 .show 类，从而控制侧边栏的显示与隐藏： .offcanvas 隐藏
阅读全文
摘要：实例解析 向您想要监听的元素（通常是 body）添加 data-bs-spy="scroll" 。 然后添加 data-bs-target 属性，它的值为导航栏的 id 或 class (.navbar)。这样就可以联系上可滚动区域。 注意可滚动项元素上的 id （<div id="section1
阅读全文
摘要：Bootstrap5 滚动监听(Scrollspy) 滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。 如何创建滚动监听 以下实例演示了如何创建滚动监听： 实例 <!-- 可滚动区域 --> <body data-bs-s
阅读全文
摘要：Bootstrap5 弹出框 弹出框控件类似于提示框，它在鼠标点击到元素后显示，与提示框不同的是它可以显示更多的内容。 如何创建弹出框 通过向元素添加 data-bs-toggle="popover" 来来创建弹出框。 title 属性的内容为弹出框的标题，data-bs-content 属性显示了
阅读全文
摘要：对于畅销书刊、热点话题、时尚科技，始终不太感兴趣。书刊，喜欢有一定年份的。话题，钟情于务虚的观点。新奇的产品于我无缘，习惯使用成熟的科技产品。既不清高，也非冷漠，就是要与现实保持一定的距离，给自己留一点思考的空间。这一习惯最近破了例。由于工作的原因，耳濡目染，“大数据”这个新兴概念开始频繁步入我的视
阅读全文
摘要：Bootstrap5 提示框 提示框是一个小小的弹窗，在鼠标移动到元素上显示，鼠标移到元素外就消失。 如何创建提示框 通过向元素添加 data-bs-toggle="tooltip" 来来创建提示框。 title 属性的内容为提示框显示的内容： <button type="button" class
阅读全文
摘要：Bootstrap5 模态框 模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息交互等。 如何创建模态框 以下实例创建了一个简单的模态框效果 ： 实例 <button type="button" class="
阅读全文
摘要：Bootstrap5 轮播 轮播是一个循环的幻灯片： 如何创建轮播 以下实例创建了一个简单的图片轮播效果 ： 实例 <!-- 轮播 --> <div id="demo" class="carousel slide" data-bs-ride="carousel"> <!-- 指示符 --> <div
阅读全文
摘要：品牌/Logo .navbar-brand 类用于高亮显示品牌/Logo: 实例 <nav class="navbar navbar-expand-sm bg-dark navbar-dark"> <a class="navbar-brand" href="#">Logo</a> ... </nav
阅读全文
摘要：jQuery 遍历 - 后代 后代是子、孙、曾孙等 Bootstrap5 导航栏 导航栏一般放在页面的顶部。 我们可以使用 .navbar 类来创建一个标准的导航栏，后面紧跟: .navbar-expand-xxl|xl|lg|md|sm 类来创建响应式的导航栏 (大屏幕水平铺开，小屏幕垂直堆叠)。
阅读全文
摘要：胶囊下拉菜单 实例 <ul class="nav nav-pills"> <li class="nav-item"> <a class="nav-link active" href="#">Active</a> </li> <li class="nav-item dropdown"> <a clas
阅读全文
摘要：jQuery 遍历 - 祖先 祖先是父、祖父或曾祖 我在想，大数据概念对于教育来说会产生什么样的实用价值呢？一直以来，中国教育在研究教育的数字化，比如数字化校园，这个思路就是把我们教育的内容进行数字化，其结果指向的就是电子教材的研发或者是教学过程的数字化。美其名曰，这是教育技术的重要内涵。在教学过程
阅读全文
摘要：淘宝双十一当日要处理千亿级的交易额，堪称当今世界IT系统独一无二的挑战，其背后有着怎样的技术架构和技术支撑体系？ 双十一背后的技术架构 按需伸缩：弹性混合云架构 每年淘宝都要应对双11、新春红包等活动的极高交易量。尽管单元化架构让阿里具备应对峰值的能力，但要降低高峰期的资源投入，系统还需具备按需伸缩
阅读全文
摘要：Bootstrap5 导航 如果你想创建一个简单的水平导航栏，可以在 <ul> 元素上添加 .nav类，在每个 <li> 选项上添加 .nav-item 类，在每个链接上添加 .nav-link 类: 实例 <ul class="nav"> <li class="nav-item"> <a clas
阅读全文
摘要：Bootstrap5 折叠 Bootstrap5 折叠可以很容易的实现内容的显示与隐藏。 实例 <button data-bs-toggle="collapse" data-bs-target="#demo">折叠</button> <div id="demo" class="collapse">
阅读全文
摘要：下拉菜单弹出方向设置 下拉菜单弹出方向默认为向下，当然我们也可以设置不同的方向。 指定向右弹出的下拉菜单 如果你希望下拉菜单向右下方弹出，可以在 div 元素上添加 .dropdown-menu-end 类: 实例 <!-- 右下方拉菜单按钮 --> <div class="dropdown dro
阅读全文
摘要：Bootstrap5 下拉菜单 下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。 实例 <div class="dropdown"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropd
阅读全文
摘要：jQuery - 获取并设置 CSS 类 通过 jQuery，可以很容易地对 CSS 元素进行操作。 切换 CSS 类 jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些： addClass() - 向被选元素添加一个或多个类 removeCla 去年的“
阅读全文
摘要：Bootstrap5 卡片 简单的卡片 我们可以通过 Bootstrap5 的 .card 与 .card-body 类来创建一个简单的卡片，卡片可以包含头部、内容、底部以及各种颜色设置，实例如下: 实例 <div class="card"> <div class="card-body">简单的卡片
阅读全文
摘要：水平列表组 我们可以将 .list-group-horizontal 类添加到 .list-group 类后面来创建水平列表组： 实例 <ul class="list-group list-group-horizontal"> <li class="list-group-item">第一项</li>
阅读全文
摘要：看到《梦断代码》中一段谈论到“Python ……为许多开发者轻视……只用来临时拼造短程序脚本”，我就想起了“程序员鄙视链”： 写汇编语言的工程师鄙视写 C 语言的工程师，C 语言工程师鄙视 C++ 工程师，C++ 工程师鄙视 Java 和 C# 工程师，Java 工程师和 C# 工程师则互相鄙视，而
阅读全文
摘要：jQuery - 删除元素 Bootstrap5 分页 网页开发过程，如果碰到内容过多，一般都会做分页处理。 Bootstrap 5 可以很简单的实现分页效果。 要创建一个基本的分页可以在 <ul> 元素上添加 .pagination 类。然后在 <li> 元素上添加 .page-item 类，<l
阅读全文
摘要：Query after() 和 before() 方法 jQuery after() 方法在被 Bootstrap5 加载效果 要创建加载中效果可以使用 .spinner-border 类: 实例 <div class="spinner-border"></div> 尝试一下 » 可以使用文本颜色类
阅读全文
