除除

PWA（Progressive Web App – 渐进式网页应用）是一种理念，由 Google Chrome 在 2015 年提出。PWA 它不是特指某一项技术，而是应用...

单页面结构简单、布局清晰，常常用来做手机 App 或者某个产品的下载介绍页面。现在，展示型网页整体趋向于单页网站设计，这样一次性把核心信息展现出来，对于用户来说更加直观和简...

一、npm 直接安装 GitHub/GitLab 仓库代码 语法 示例 命令： 二、npm link 本地调试 语法 示例 npm 包：mazey-sdk 项目文件夹名：m...

Bootstrap 是当前很受欢迎的前端框架，如何用 Bootstrap 快速完成一个网站？社交媒体网站盛行，人们常常会使用评论表达自己的观点，评论功能已然成为网站的一部分...

一、介绍 注册和登录在社交和商业网站中是必不可少的一个部分。 二、知识点 2.1 标签页 2.1.1 基础标签页 标签页的使用与导航栏类似，同时都依赖于基础样式 nav，不...

响应式布局就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。导航栏与轮播在大部分网站的头部占很高的比重，特别是导航栏，...

页面为何会卡？等待时间长？看起来卡？特别是对于首屏资源加载中的白屏时间，用户等待的时间就越长，用户感知到页面的速度就越慢。麻省理工学院的 Richard Larson 在讲...

讲 Bootstrap 基础的教程网上已经很多了，实际上 Bootstrap 中文网（bootcss.com）里的文档已经写的很详细了，但实战的案例却不多。这里用一些当前流...

一、exists 1.1 说明 EXISTS（包括 NOT EXISTS）子句的返回值是一个 BOOL 值。EXISTS 内部有一个子查询语句（SELECT ... FRO...

一、说明 取消事件的默认动作。该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 submit，在事件传播的任意阶...

背景 试想在一个需要频繁更新数据的场景（例如：监控、图表类），常规方法是设置一个间隔 N 秒的定时器 setInterval；但是这种方式存在一个问题，当前一个请求时间过长...

一、:nth-child 1.1 说明 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。 注意：如果第 ...

一、问题 使用 CSS3 的 column-width: auto | <length> 属性时，出现排列的内容被截断，出现错位的现象。 二、原因 需要为图片容器设置高度，...

一、问题 在 IIS 上部署网站，网页引用 woff 字体时，浏览器报“找不到woff、woff2字体”、“404”错误，不仅预设的字体加载不出来，还影响网页加载速度。 二...

1、导航条基础 导航条（navbar）和上一节介绍的导航（nav），就相差一个字，多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar...

一、什么是 CI/CD？ CI（持续交付）是功能迭代后自动构建、打包、校验代码格式、跑单测、单测覆盖率，常见的就是 Webpack、Rollup、ESLint等。 CD（持...

为了使页面加载更快，常常将一些不重要的第三方脚本在页面完成加载后进行懒加载。 因为 load 事件只会触发一次，如果在懒加载（load）的脚本中又有懒加载的脚本，就会导致内...

给按钮 2 添加点击事件 click 触发按钮 1 的点击事件，就算给按钮 1 添加样式 display: none; 或 visibility: hidden; 隐藏起来...

在使用 Bootstrap 框架的下拉菜单时，必须调用 Bootstrap 框架提供的 bootstrap.js 文件。当然，如果你使用的是未编译版本，在 js 文件夹下你...