240 发简信
IP属地:上海
  • Mac 使用 Nginx 在本地部署静态网站

    安装 安装 Brew 安装 Nginx 启动 Nginx 重启 配置 默认静态页面 默认配置 默认日志目录 新增的配置目录 新增一个静态页面服务...

  • npm/cnpm 设置镜像地址

    npm 查看当前镜像源: 修改当前镜像源: cnpm 安装 cnpm: 查看当前镜像源: 修改当前镜像源: 版权声明 本博客所有的原创文章,作者...

  • 120
    PWA 实践/应用(Google Workbox)

    桌面端 PWA 应用: 移动端添加到桌面: 1 什么是 PWA PWA(Progressive Web App - 渐进式网页应用)[https...

  • Bootstrap实战 - 单页面网站

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

  • npm 直接安装 GitHub/GitLab 仓库代码及 npm link 本地调试

    一、npm 直接安装 GitHub/GitLab 仓库代码 语法 示例 命令: 二、npm link[https://docs.npmjs.co...

  • 120
    Bootstrap实战 - 评论列表

    一、介绍 社交媒体网站盛行,人们常常会使用评论表达自己的观点,评论功能已然成为网站的一部分。 二、知识点 2.1 媒体对象 官方解释:这是一个抽...

  • Bootstrap实战 - 注册和登录

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

  • 120
    Bootstrap实战 - 响应式布局

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

  • 120
    前端性能和加载体验优化实践(附:PWA、离线包、内存优化、预渲染)

    一、背景:页面为何会卡? 1.1 等待时间长(性能) 项目本身包/第三方脚本比较大。 JavaScript 执行阻塞页面加载。 图片体积大且多。...