mac 利器
mac 利器
攒了很久的钱，环境彻底迁移到mac os 下，总结下自己使用的一些工具 从win到mac的一些工具迁移可以看老的文章 win下的mac利器替代品 这一篇主要集中在mac下的工具体会和使用心得
关于开发开发环境
开发环境我还是坚持使用Vagrant+Homestead，这样能够有效的做到环境隔离，同时vagrant能够快速配置开发环境，利于整个团队的开发环境保持一致。
vagrant
virtualbox
homestead
数据库操作
sequel pro
Terminal工具
iTerm2 搭配 zsh 使用，非常的方便
iTerm2
分屏软件
使用它配合快捷键能够快速的分屏，非常的方便
spectacle
思维导图
之前一直用xmind的，后来ios 上限免的时候下载了mindnode之后，就彻底不回去了。由俭入奢易，由奢入俭难，谁用谁知道。 我一般用思维导图来确定项目需求，并撰写流程
Mindnode
编辑器
Jetbrains 全家桶，用起来非常爽。 sublime打开多个文件的时候，速度很快 vscode 的插件非常好用，自从用了S ...
产品项目管理
产品项目管理
最近公司的项目走了很多坑，需要总结一下，以下只是写自己的总结，之后再补书面知识。 整体项目的管理本质上是 Feature List 与 Bug List
需求评审了解需求 这个阶段就是和你的需求方进行了解，知晓需求方的要求，并将其评估。
确认需求 将了解到需求进行固定，并将固定的需求与需求方确认。
页面 将需求的内容映射到实体的页面，哪个页面，该展示哪些数据。
CGI 页面确定完成之后，着手制定CGI网关。 例如一个添加用户页面，需要制定CGI。 1.（get:/user）首先需要一个展示添加用户的页面，这个页面需要输入 username、email、password等添加信息 2.(post:/user) 将添加到信息请求使用post发送到handle，然后将进行一些列处理。 这里需要添加异常的处理,返回可以是一个json。
123456789101112//成功{ "code": 200, "message": "请求数据成功", &quo ...
css常用技巧 css水平居中元素 css垂直居中元素 浮动模块父元素高度为0
css常用技巧
之前写css的时候，总会有一些疑惑，所以需要总结一下，并归纳整理。
css水平居中一个元素
如果需要居中的元素为常规流中inline元素，为父元素设置text-align: center;即可实现
如果需要居中的元素为常规流中block元素，1）为元素设置宽度，2）设置左右margin为auto。3）IE6下需在父元素上设置text-align: center;,再给子元素恢复需要的值
12345678910111213141516171819<body> <div class="content"> aaaaaa aaaaaa a a a a a a a a </div></body><style> body { background: #DDD; text-align: center; /* 3 */ } .content { width: 500px; /* 1 */ ...
vue组件通讯vue父子组件通讯demo
vue组件通讯
最近一直在写报表的页面，也碰到了非常多组件通讯的问题，最近准备重构和总结一下。因为之前是第一次上手vue-cli + echarts + mint-ui，所以前一次写的代码自己非常的不满意。第一次的报表完成图，大致如下gif所示。下面就是总结一下一些组件通讯的方式吧。温故知新。
父子组件通讯数据从父组件到子组件
数据从父组件到子组件是最容易理解的，因为vue是单向数据流，所以数据就像水流一样，从高处到低处，这里为理解为，从父组件流向子组件。
目录如下所示 Main.vue
12345678910111213141516171819202122232425262728293031<template> <div class="main"> //需要传递到子组件的数据，并且绑定到type上 <header-nav :type="type"></header-nav> </div></template><script>import ...
vuex 笔记—vue-cli和router使用vuex
vuex 笔记—vue-cli和router使用vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。
安装vuex1234567#以下三个方法任选一个#使用npmnpm install vuex --save#使用国内镜像cnpm install vuex --save#使用yarnyarn add vuex
vue-cli 使用vuex安装vue-cli项目1234567891011# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack vuexdemo# 安装依赖，走你$ cd vuexdemo# 这里可以用 cnpm 或者 yarn# cnpm install # yarn instal ...
vagrant homestead 关闭启动更新
vagrant homestead 关闭启动更新
当你使用vagrant up启动的时候， 出现 ==> default: Checking if box 'laravel/homestead' is up to date... 总会去请求更新，非常的麻烦 所以我就想关闭掉这个更新
解决方案编辑文件
1~/.composer/vendor/laravel/homestead/scripts/homestead.rb
增加：
1config.vm.box_check_update = false
参考教程
PhpStorm + vagrant + Homestead配置xdebug
PhpStorm + vagrant + Homestead配置xdebug
vagrant和homestead安装好之后，基本上就已经配置了xdebug 参考PHPStorm配置Xdebug
一、查看是否已经安装xdebug1.登录homestead vagrant ssh 2.检查是否有xdebug配置
123#切换到homestead的php7环境下的配置cd /etc/php/7.1/fpm/conf.dls
如果你看到20-xdebug.ini的配置项，说明Xdebug是正确加载了的，如下图：
二、配置xdebug.ini通过下面的命令进入xdebug.ini所在目录：
12cd /etc/php/7.1/mods-available
你可以使用vim对其编辑，在zend_extension=xdebug.so一行下面添加下面几行：
1234567zend_extension=xdebug.soxdebug.remote_enable = 1xdebug.remote_connect_back = 1xdebug.remote_port = 9000xdebug.ma ...
ubuntu/debain安装最新lnmp（linux+php7+mysql5.7）手记
ubuntu/debain安装最新lnmp（linux+php7+mysql5.7）手记
Debain 下安装，直接使用apt-get install 如果是ubuntu下需要使用sudo apt-get install 下面全部是以debain为例
nginx安装12345#更新源apt-get update#安装apt-get install nginx打开ip地址，查看是否安装成功
mysql5.7安装12345678910#下载MySQL APT 资源控制器wget http://dev.mysql.com/get/mysql-apt-config_0.7.3-1_all.deb#选择mysql5.7dpkg -i mysql-apt-config_0.7.3-1_all.deb#更新源apt-get update#安装mysqlapt-get install mysql-community-server#登陆mysql -u root -p
php7安装12345678910#debain/ubuntu 需要添加 sudoapt-get install sof ...
Node.js 快速启动服务器
Node.js 快速启动服务器vue-cli中使用的是express，这里再介绍一种就是http-server
使用方法1.安装http-server
1234#全局安装npm install -g http-server#启动服务器http-server -a 127.0.0.1 -p 7070
上面的一句命令启动了一个node.js 的静态服务器. 监听本地 7070 端口.静态目录就是当前运行 命令所在的目录 如果你的当前项目中存在 public 文件夹,那么默认静态目录会指定到 public如果没有 public 文件夹,那么静态目录就是 根目录 ./ 你可以把 http-server -a 127.0.0.1 -p 7070 写入到 package.json 文件中的 scripts 节点
1234 "scripts": { "start": "http-server -a 127.0.0.1 -p 7070"}
这样就可以通过 npm start 来启动静态服务器
Mac &&Linux下 alias 永久生效
Mac &&Linux下 alias 永久生效alias 会在重启之后失效，如果想使alias永久有效的话，需要做一下配置 1.编辑vi ~/.bashrc 然后在里面添加aliasd,这里添加几个常用命令，参考homestead的配置
12345alias ..="cd .."alias ...="cd ../.."alias h='cd ~'alias c='clear'
保存文件后，运行: source ~/.bashrc(不然不生效） 如果还不行的话，说明没有~/.bash_profile文件，或者文件中没有执行.bashrc文件。 (.bash_profile文件是用户登陆终端的时候会自动执行的文件，一般此文件中会调用.bashrc) 如果是这样，需要打开（如果没有的话先创建）文件： ~/.bash_profile 在里面加入一行： source ~/.bashrc 参考
