macOS 安装配置 Homebrew 2019-12-01 Avin Zheng macOS 安装 Homebrew 使用 ruby 执行 Homebrew 安装脚本（可能需要网络代理）： /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 配置 Homebrew 关闭自动更新 可选择关闭 Homebrew 每次执行命令时自动更新： echo 'export HOMEBREW_NO_AUTO_UPDATE=true' >> ~… 阅读全文
Yarn 常用命令 2019-11-30 Avin Zheng Yarn, Node.js 初始化配置文件 # 通过交互式会话在本地创建一个 package.json 文件 yarn init # 初始化时自动添加 private: true 到 package.json 中 yarn init --private 本地软件包管理 安装本地依赖 # 安装当前目录下 package.json 里面的所有依赖 yarn [install] # 忽略 NODE_ENV 环境变量，指定是否以 production 模式安装依赖 # production 模式不安装 devDependencies yarn [install]… 阅读全文
CentOS 7 安装卸载升级 Yarn 2019-11-30 Avin Zheng Yarn, Node.js, CentOS 安装 Yarn 使用 yum 安装 Yarn Yarn 官方提供的有 Yarn RPM 软件包，在添加 yum 源配置之后可使用 yum 安装： # 添加 yum 源配置 curl -sL https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo # 使用 yum 安装 sudo yum -y install yarn 查看安装的 Yarn 版本： yarn -v 1.19.0 设置 Yarn 全局 bin 路径… 阅读全文
CentOS 7 安装卸载升级 Node.js 2019-11-03 Avin Zheng Node.js, CentOS 安装 Node.js 查看 Node.js LTS 计划 ，确定要安装的 Node.js 版本（推荐安装 Node.js Active LTS 版本）。 使用 NodeSource 分发的 RPM 软件包安装 Node.js（如 v12.x 版本）： # 添加 yum 源配置 curl -sL https://rpm.nodesource.com/setup_12.x | sudo bash - # 使用 yum 安装 sudo yum -y install nodejs # 安装 nodejs native addons 构建工具 su… 阅读全文
macOS 安装卸载升级 Yarn 2019-10-12 Avin Zheng Yarn, Node.js, macOS 安装 Yarn 使用 yum 安装 Yarn Yarn 官方提供的有 Yarn RPM 软件包，在添加 yum 源配置之后可使用 yum 安装： # 添加 yum 源配置 curl -sL https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo # 使用 yum 安装 sudo yum -y install yarn 查看安装的 Yarn 版本： yarn -v 1.19.0 设置 Yarn 全局 bin 路径… 阅读全文
macOS 安装卸载升级 Node.js 2019-10-05 Avin Zheng Node.js, macOS 安装 Node.js 使用 Homebrew 安装 搜索 Homebrew 支持的 Node.js 软件包方案： brew search node leafnode llnode node-build node@8 nodebrew nodenv libbitcoin-node node node@10 node_exporter nodeenv 推荐安装最新的 LTS 版本，即 node@10 ： brew install node@10 Tips: Node.js LTS 计划 。 配置环境变… 阅读全文
iOS Safari Web App 配置 2019-10-03 Avin Zheng H5, HTML 全屏模式 手动开启页面全屏模式： <!-- 开启全屏模式 --> <meta name="apple-mobile-web-app-capable" content="yes"> Tips: 可使用 JS 的 window.navigator.standalone 属性来查看是否开启了全屏模式。 状态栏 全屏模式下可设置状态栏样式： <!-- 默认状态栏 --> <meta name="apple-mobile-web-app-… 阅读全文
CSS 常用三栏布局 2019-10-02 Avin Zheng CSS, HTML 布局方案对比 布局名称 兼容性 清除浮动 渲染顺序 圣杯布局 IE6 需要 中间栏最先 双飞翼布局 IE6 需要 中间栏最先 混合浮动布局 IE6 需要 中间栏最后 弹性布局 IE11 不需要 可自定义顺序 Tips: 以上布局方案均为解决 “中间栏宽度自适应，两边栏定宽，三栏均可撑起父容器高度” 的布局问题，可推广至两栏自适应布局。 布局方案明细 圣杯布局 HTML: <header class="header">Header</header>… 阅读全文