2.6k 字 2 分钟

# MacOS 下 nvm 的安装

版本记录：
2020.09.18 初版
2020.09.19 解决环境变量添加后，每次打开都需要重新 source .bash_profile 的问题

1.5k 字 1 分钟

# nvm

  • node version manager（node 版本管理工具）
  • 通过将多个 node 版本安装在指定路径，然后通过 nvm 命令切换时，就会切换我们环境变量中 node 命令指定的实际执行的软件路径。
  • 使用场景：比如我们手上同时在做好几个项目，这些项目的需求都不太一样，导致了这些个项目需要依赖的 nodejs 版本也不同，这种情况下，我们就可以通过 nvm 来切换 nodejs 的版本，而不需要频繁地下载 / 卸载不同版本的 nodejs 来满足当前项目的要求
11k 字 10 分钟

# I. 简介

HTTP 是现代应用常用的一种交换数据和媒体的网络方式，高效地使用 HTTP 能让资源加载更快，节省带宽。OkHttp 是一个高效的 HTTP 客户端，它有以下默认特性：

  • 支持 HTTP/2，允许所有同一个主机地址的请求共享同一个 socket 连接
  • 连接池减少请求延时
  • 透明的 GZIP 压缩减少响应数据的大小
  • 缓存响应内容，避免一些完全重复的请求
5.6k 字 5 分钟

本 Demo 使用 Okhttp3、Retrofit2、Rxjava2 ，使用 AutoDispose 解决 RxJava 内存泄漏
Github：
https://github.com/RookieExaminer/MvpDemo

8.8k 字 8 分钟

对于刚刚毕业的应届生来说，初期可能会迷茫，不知道如何快速成长，那么职业规划就显得很重要。

这位工作 5 年多的大佬，将很多建议以及想说的话，都阐述在本文，他的一些职业规划建议或许可以给你一些启示。

共勉！！！

4k 字 4 分钟

# 介绍

ThinkJS 是一款面向未来开发的 Node.js 框架，整合了大量的项目最佳实践，让企业级开发变得如此简单、高效。从 3.0 开始，框架底层基于 Koa 2.x 实现，兼容 Koa 的所有功能。

# 特性

  • 基于 Koa 2.x，兼容 middleware
  • 内核小巧，支持 Extend、Adapter 等插件方式
  • 性能优异，单元测试覆盖程度高
  • 内置自动编译、自动更新机制，方便快速开发
  • 使用更优雅的 async/await 处理异步问题，不再支持 */yield
  • 从 3.2 开始支持 TypeScript
1.4k 字 1 分钟

Flutter 来自 Google, 是移动端 APP 开发 SDK，使用 Dart 语言编写一套代码即可同时在 Android 和 iOS 平台运行，性能无限接近原生，支持 android 4.1 以上 和 iOS8 以上。想进一步了解 Flutter，进入传送门 (英文版)。目前虽然是 alpha 版，截止到 2017 年 7 月 20 日，其在 Github 上的 star 达 5.6k+, 而且相当活跃，不论是使用者还是开发工程师，都在不停的交互改善，1.6k + 话题被打开，4.5k + 话题被关闭，说明谷歌工程师还是很重视的。在学习过程中，遇到一些常见的问题，可以到这里来寻找帮助。


3k 字 3 分钟

最近正式入坑 Flutter，首先从环境搭建开始，看了网上好多关于 Windows 环境搭建的资料，基本都是按官方文档写的，看完的感受是，还不如直接去看官方文档。

官方英文文档传送门：Get Started: Install on Windows 。

本文主要总结我实际搭建的过程，最后发现不一定按网上那些博客或者官方文档写的来也可以搭建成功。

8.5k 字 8 分钟

# 前言

事情是这样的，前几天我接到一个 外包工头 的新需求，某品牌要搭建一个在线 VR 展厅，用户可以在手机上通过陀螺仪或者拖动来 360 度全景参观展厅，这个 VR 展厅里会有一些信息点，点击之后可以呈现更多信息（视频，图文等）...

我第一反应是用 3D 引擎，因为我不久前刚用 three.js 做过一个 BMW 的在线展厅，基本把 three.js 摸熟了。

2.4k 字 2 分钟

首先需要知道 clientX,clientY,screenX,screenY,offsetX,offsetY 是鼠标事件对象下的几个属性.

之前也一直对这些属性搞的稀里糊涂，看文档上说的也是不太理解，反正看完一头雾水，所以自己动手亲自测试了一下；说一下自己的理解；clientX,clientY,screenX,screenY,offsetX,offsetY 这几个属性是 “鼠标事件对象” 下的属性，所以必然是 “鼠标事件” 发生时候才会有意义；

clientX：当鼠标事件发生时（不管是onclick，还是omousemove，onmouseover等），鼠标相对于浏览器（这里说的是浏览器的有效区域）x轴的位置；
clientY：当鼠标事件发生时，鼠标相对于浏览器（这里说的是浏览器的有效区域）y轴的位置；
screenX：当鼠标事件发生时，鼠标相对于显示器屏幕x轴的位置；
screenY：当鼠标事件发生时，鼠标相对于显示器屏幕y轴的位置；
offsetX：当鼠标事件发生时，鼠标相对于事件源x轴的位置
offsetY：当鼠标事件发生时，鼠标相对于事件源y轴的位置