除除

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

摘要： 一、npm 直接安装 GitHub/GitLab 仓库代码 语法 npm install <git remote url> 示例 命令： npm i git@github.com:mazeyqian/mazey.git -S # 或 npm i https://github.com/mazeyqia 阅读全文

摘要： 一、介绍 社交媒体网站盛行，人们常常会使用评论表达自己的观点，评论功能已然成为网站的一部分。 二、知识点 2.1 媒体对象 官方解释：这是一个抽象的样式，用以构建不同类型的组件，这些组件都具有在文本内容的左或右侧对齐的图片（就像博客评论或 Twitter 消息等）。 2.1.1 基础媒体对象 一个基 阅读全文

摘要： 注册和登录在社交和商业网站中是必不可少的一个部分。 阅读全文

摘要： 响应式布局就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。导航栏与轮播在大部分网站的头部占很高的比重，特别是导航栏，扮演着网站地图的角色。在响应式布局中，要求导航栏能够根据终端屏幕大小显示不同的样式。 阅读全文

摘要： 一、背景：页面为何会卡？ 1.1 等待时间长（性能） 项目本身包/第三方脚本比较大。 JavaScript 执行阻塞页面加载。 图片体积大且多。 特别是对于首屏资源加载中的白屏时间，用户等待的时间就越长，用户感知到页面的速度就越慢。麻省理工学院的 Richard Larson 在讲话中指出，“人类将 阅读全文

摘要： 讲 Bootstrap 基础的教程网上已经很多了，实际上 Bootstrap 中文网（bootcss.com）里的文档已经写的很详细了，但实战的案例却不多。这里用一些当前流行的网页布局为导向，使用 Bootstrap 中的样式来完成它。每次只讲与案例相关的知识点，边学边练，加强理解。练习本案例需有 阅读全文

摘要： 背景 试想在一个需要频繁更新数据的场景（例如：监控、图表类），常规方法是设置一个间隔 N 秒的定时器 setInterval；但是这种方式存在一个问题，当前一个请求时间过长时（超过了间隔时间），后一个请求的接口响应会先于前一个请求，也就是说，将导致旧的数据渲染会覆盖新的数据渲染。 解决方案 利用 A 阅读全文

摘要： 一、什么是 CI/CD？ CI（持续交付）是功能迭代后自动构建、打包、校验代码格式、跑单测、单测覆盖率，常见的就是 Webpack、Rollup、ESLint等。 CD（持续部署）是经过 CI 后，代码自动部署到服务器。 在 GitLab 中部署 CI、CD GitLab CI/CD 通 .gitl 阅读全文

摘要： 一、什么是 Postman（前世今生） Postman 诞生于 2013 年，一开始只是 Abhinav Asthana 着手于解决 API 测试的工具，随着这个工具的使用者和需求迅速激增，Abhinav Asthana 找了他的两个前同事 Ankit Sobti 和 Abhijit Kane 一起 阅读全文