首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端
Summ
创建于2021-11-26
订阅专栏
记录一些学习前端的过程
等 4 人订阅
共104篇文章
创建于2021-11-26
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
path路径模块
什么是path路径模块 path模块是Node.,js 官方提供的,用来处理路径的模块。它提供了一系列的方法和属性,用来满足用户对路径的处理需求。 例如: path.join()方法,用来将多个路径片
node_fs路径问题
fs模块–路径动态拼接的问题 在使用fs模块操作文件时,如果提供的操作路径是以./或../开头的相对路径时,很容易出现路径动态拼接错误的问题。 原因:代码在运行的时候,会以执行node命令时所处的目录
node_fs文件读取和写入
什么是fs文件系统模块 fs模块是Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性,用来满足用户对文件的操作需求。 例如: fs.readFile()方法,用来读取指定文件中
初始Node.js
Node.js是什么 Node.js是一个基于Chrome V8引擎的JavaScript运行环境。 Node.js 的官网地址: https://nodejs.org/zh-cn/ 注意: 浏览器是
Bootstrap表单
最外层应该是<form></form>标签 里面嵌套各种子元素 只读文本框 输入文本框和密码框 复选框 单选按钮 水平多个文本框 单选下拉列表和多选下拉列表 输入文本域 上传文件 输入带格式的电子邮箱
Bootstrap轻量弹框和模态框
轻量弹框 在div里添加.toast属性,可在该div里创建两个div一个添加.toast-header属性,一个添加.toast-body属性 弹框头和弹框体里可添加内容 默认弹框不显示,可在外层d
Bootstrap滚动监听
水平导航栏滚动监听 先添加水平导航条 将要滚动显示的内容添加到div里,给div设置高度和overflow: scroll;属性 给导航条设置id属性,将其id属性值通过data-target链接到滚
Bootstrap列表组、分页和进度条
列表组 使用.list-group选择列表组 添加.active到 a.list-group-item以指示当前的活动选择 添加.disabled到 a.list-group-item以使其显示为禁用
Bootstrap导航和导航条
导航 基本nav组件不包含任何.active状态 直接用nav标签或ul标签 更改导航的水平对齐方式,例如为中心.justify-content-center .flex-column通过使用该实用程
Bootstrap下拉菜单
需要两层div,最外层div需要.dropdown,用来包裹按钮和下拉菜单里的内容 按钮层的按钮和向下箭头可合在一起或分开写 可通过.bt-*设置按钮颜色 向下箭头需添加.dropdown-toggl
Bootstrap折叠菜单
可使用<a></a>标签或<Button></Button>进行控制 需要折叠的内容放在.collapse里,为其创建.card类,内容放里面 使用href或data-target控制链接位置 必须设
Bootstrap轮播图
轮播图需要三个<div></div> 最外层div里需要.carousel,中间层div需要.carousel-inner,最里层div需要.carousel-item 接着最里面可插入图片,对第一张
Bootstrap巨幕和旋转图标
巨幕 用.jumbotron来选择巨幕 可在巨幕里加文本或其他内容 练习: 旋转图标 使用环状旋转器(.spinner-border)作为轻量级的加载指示器 环状旋转器(.spinner-border
Bootstrap卡片组件
卡片是一个内容扩展管理器,可以包含图片、列表、文本、链接等多种组合; 先使用.card来构建卡片,然后可以使用.card-body建立卡片主体内容; 卡片主体标题可以使用.card-title(标题)
Bootstrap按钮和按钮组样式
按钮样式 使用.btn和.btn-*实现按钮的预设样式; .btn 不单单在<button>元素下使用,也可以在<a>、<input>下使用; 使用.btn .btn-outline-*可以实现按钮的
Bootstrap警告提示框、徽章、面包屑导航样式
警告框样式 使用.alert设置警告框基础样式,并使用.alert-success等设置警告框颜色; 在使用了警告框的元素内部设置超链接.alert-link,会搭配相应的颜色; 使用.alert-h
Bootstrap中的弹性布局(flex)
使用.d-flex和.d-inline-flex实现开启flex布局样式; .flex-row可以呈现子元素水平方向的位置,默认居左并从左到右显示(1,2,3); .flex-row-reverse子
Bootstrap公共样式
使用.close和×构建一个关闭按钮; 使用.float-left、.float-right、.float-none实现浮动效果 使用.clear-fix给浮动的区域的父元素添加,实现清理
Bootstrap内容排版(图、文、代码、表格、颜色、边框)
可使文章更加清晰和美观 标题类 使用<h1>~</h6>可以创建不同尺寸的标题文字 如果是使用其它元素标签,比如<p>或<div>,调用.h1~.h6同样实现大标题; 通过.text-muted样式,
Bootstrap栅格布局
布局系统 Bootstrap提供了.cintainer和.container-fluid两种容器布局 这两种样式是启用布局栅格系统最基本的要素 .cintainer是固体自适应方式,.containe
下一页