摘要: npm 查看当前镜像源: npm config get registry # https://registry.npmjs.org/ 修改当前镜像源: npm config set registry https://registry.npmjs.org/ cnpm 安装 cnpm: npm inst 阅读全文
posted @ 2022-05-28 22:01 后除 阅读(25) 评论(0) 推荐(0) 编辑
摘要: PWA(Progressive Web App – 渐进式网页应用)是一种理念,由 Google Chrome 在 2015 年提出。PWA 它不是特指某一项技术,而是应用多项技术来改善用户体验的 Web App,其核心技术包括 Web App Manifest、Service Worker、Web Push 等,用户体验才是 PWA 的核心。 阅读全文
posted @ 2022-03-09 18:43 后除 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 单页面结构简单、布局清晰,常常用来做手机 App 或者某个产品的下载介绍页面。现在,展示型网页整体趋向于单页网站设计,这样一次性把核心信息展现出来,对于用户来说更加直观和简单,能够快速了解一个产品。 阅读全文
posted @ 2022-03-03 20:45 后除 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 一、npm 直接安装 GitHub/GitLab 仓库代码 语法 npm install <git remote url> 示例 命令: npm i git@github.com:mazeyqian/mazey.git -S # 或 npm i https://github.com/mazeyqia 阅读全文
posted @ 2022-03-03 11:36 后除 阅读(58) 评论(0) 推荐(0) 编辑
摘要: 一、介绍 社交媒体网站盛行,人们常常会使用评论表达自己的观点,评论功能已然成为网站的一部分。 二、知识点 2.1 媒体对象 官方解释:这是一个抽象的样式,用以构建不同类型的组件,这些组件都具有在文本内容的左或右侧对齐的图片(就像博客评论或 Twitter 消息等)。 2.1.1 基础媒体对象 一个基 阅读全文
posted @ 2022-01-26 22:35 后除 阅读(73) 评论(0) 推荐(0) 编辑
摘要: 注册和登录在社交和商业网站中是必不可少的一个部分。 阅读全文
posted @ 2022-01-13 22:31 后除 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 响应式布局就是一个网站能够兼容多个终端,而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。导航栏与轮播在大部分网站的头部占很高的比重,特别是导航栏,扮演着网站地图的角色。在响应式布局中,要求导航栏能够根据终端屏幕大小显示不同的样式。 阅读全文
posted @ 2022-01-11 23:32 后除 阅读(550) 评论(1) 推荐(5) 编辑
摘要: 一、背景:页面为何会卡? 1.1 等待时间长(性能) 项目本身包/第三方脚本比较大。 JavaScript 执行阻塞页面加载。 图片体积大且多。 特别是对于首屏资源加载中的白屏时间,用户等待的时间就越长,用户感知到页面的速度就越慢。麻省理工学院的 Richard Larson 在讲话中指出,“人类将 阅读全文
posted @ 2021-12-28 15:20 后除 阅读(623) 评论(1) 推荐(5) 编辑
摘要: 讲 Bootstrap 基础的教程网上已经很多了,实际上 Bootstrap 中文网(bootcss.com)里的文档已经写的很详细了,但实战的案例却不多。这里用一些当前流行的网页布局为导向,使用 Bootstrap 中的样式来完成它。每次只讲与案例相关的知识点,边学边练,加强理解。练习本案例需有 阅读全文
posted @ 2021-12-05 23:07 后除 阅读(856) 评论(0) 推荐(3) 编辑
摘要: 背景 试想在一个需要频繁更新数据的场景(例如:监控、图表类),常规方法是设置一个间隔 N 秒的定时器 setInterval;但是这种方式存在一个问题,当前一个请求时间过长时(超过了间隔时间),后一个请求的接口响应会先于前一个请求,也就是说,将导致旧的数据渲染会覆盖新的数据渲染。 解决方案 利用 A 阅读全文
posted @ 2021-11-15 10:53 后除 阅读(48) 评论(0) 推荐(0) 编辑