> For the complete documentation index, see [llms.txt](https://tridiamond.gitbook.io/blog/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tridiamond.gitbook.io/blog/master.md).

# Who am I?

**`Who am I`**

欢迎来到我的 Gitbook,  我是 **三·钻 (TriDiamond)**,

—— 起步于PHP，一入前端深似海，最后爱上了前端。Vue、React使用者。专于Web、移动端开发。特别关注产品和UI设计。专心、专注、专研，与同学们一起终身学习。

写博客和文章的意义和核心源自于希望有更多的开发者能在迷茫的技术职业生涯中少掉一点坑，对技术的热爱和热情更加坚定。

热爱户外旅游和接受挑战，与女朋友玩耍逛街，生活和工作平衡，有节奏感的人生。

Welcome to my Gitbook, I am **TriDiamond**,

Prolific Web developer with experience in PHP, Javascript, VueJs, AngularJs, Webpack, Laravel, Lumen. Seeking to deliver efficient and high quality programs. A creative thinker, adept in software development and striving to make a world a more unified and connected place.

#### `My blogs`

* CSDN：<https://blog.csdn.net/TriDiamond6>
* 掘金：<https://juejin.im/user/1873223546578589/posts>
* 知乎：<https://www.zhihu.com/people/tridiamond>
* Github: <https://github.com/TriDiamond>

####

#### `Open Sources`

* [vuejs-countdown-timer](https://github.com/TriDiamond/vuejs-countdown-timer) 一 Vue 2 活动倒计时组件
* [vuejs-scroll-fixed-header](https://github.com/TriDiamond/vuejs-scroll-fixed-header) 一 Vue 2 滑动固定头部组件
* [vue-photoswipe](https://github.com/TriDiamond/vue-photoswipe) 一 A Vue Integrated PhotoSwipe Image Preview Plugin
* [vuejs-sticky-directive](https://github.com/TriDiamond/vuejs-sticky-directive) 一 支持头部和底部sticky的功能, 使用的是原生js和vue的directive实现
* [captcha-lumen5](https://github.com/TriDiamond/captcha-lumen5) 一 Lumen5的验证码包

#### `Dev Gears`

* 硬件：MackBook Pro 15 寸
* 系统：Mac 版本 10.10 以上
* 编辑器：[PhpStorm](https://www.jianshu.com/p/c8a7fcd57896)
* PHP 代码风格矫正器：[PHP-CS-Fixer](https://www.jianshu.com/p/d147dcf43a04)
* 命令行工具：[iTerm2 (Mac)](https://www.iterm2.com/)
* 浏览器：[Chrome](https://www.google.com/chrome/browser/desktop/index.html)
* 虚拟机：[VirtualBox](https://www.virtualbox.org/)
* MySQL 数据库查询工具：[Sequel Pro (Mac)](http://www.sequelpro.com/)
* Redis 管理工具：[Medis (Mac)](https://xclient.info/s/medis.html)
* MongoDB 管理工具：[Robo 3T](https://robomongo.org/)
* 设计工具：[Sketch 5 (Mac)](https://www.sketch.com/)
* Markdown编写工具：[Typora](https://typora.io/)