Easy's Blog

mac下使用vagrant和homestead配置开发环境 这份教程主要是解决homestead在国内下载速度缓慢的问题，以及碰到问题的总结归纳。 homestead安装教程【中文】 homestead安装教程【英文】 1.下载安装必须的软件 vagrant virtualbox virtualbox下载 vagrant下载 iTerm 【mac下这个terminal比较好用】 2.查看vagrant版本，确定已经安装完成打开iTerm 普通打开：Launchpad-iTerm 快捷键：command+空格 然后输入iTerm，具体操作如下图 12#输入命令查看vagrant是否安装成功vagrant -v 显示了版本，说明安装成功 3.下载laravel/homestead 如果速度太慢，请挂代理下载或者参考【附录1】，导入box教程 在命令行中输入 1vagrant box add laravel/homestead 4.安装 Homestead在命令后中输入 1234#切换到用户文件夹cd ~#克隆homestead项目git clone ht ...

win下的mac 利器替代品最近工作环境切换到了mac下。列一下自己使用的一些软件和mac下的替代品吧 开发环境开发环境我还是坚持使用Vagrant+Homestead，这样能够有效的做到环境隔离，同时vagrant能够快速配置开发环境，利于整个团队的开发环境保持一致。 vagrant homestead virtualbox mac下替代win下的一些利器mysql操作利器 navicat => sequel pro 剪贴板工具 clip => clipmenu terminal终端工具 xshell => iTerm2 iTerm2可以搭配 zsh 使用～ 分屏软件 spectacle 思维导图 Mindnode 可以和 iphone下搭配使用 动图录制 LICEcap 其他常用软件编辑器 1.jetbrains phpstrom 2.sublime3+boxy theme 3.markdown 编辑器 => Typora 4.新一代编辑器 => notion 5.vscode 音乐 ...

checkbox自定义样式 纯css实现的主要手段是利用label标签的模拟功能。label的for属性可以关联一个具体的input元素，即使这个input本身不可被用户可见，有个与它对应的label后，用户可以直接通过和label标签交互来替代原生的input——而这给我们的样式模拟留下了空间。简而言之就是 隐藏原生input，样式定义的过程留给label （那为什么不直接改变checkbox的样式？因为checkbox作为浏览器默认组件，样式更改上并没有label那么方便，很多属性对checkbox都是不起作用的，比如background,而label在样式上基本和div一样’任人宰割’) 而在选择事件上，由于css的“相邻选择符(E+F)”的存在，让我们可以直接利用html的默认checkbox，免去了js模拟选择的麻烦。 See the Pen dNrOap by chris (@isevenfox) on CodePen. 参考资料

postman模拟登录调试 postman 算是一个神器了，对于后台开发来说简直就是福音。 因为可以直接模拟表单，查看数据等。 postman入门使用首先请chrome商店下载postman，选择应用中的postman，拓展程序中的postman interceptor也可以一并安装，这个是为了让我们能够模拟登录用的插件。 chrome postman下载地址 1.了解postman你可以选择各种请求方式。这里我选的是post。 2.构造请求表单如下图，在body标签中，选择form-data，然后构造了一个有四个请求参数的表单。然后点击send就能够请求和返回后台了。 postman模拟登录请求1.chrome打开postman interceptorchrome中打开request capture，Filter requests默认是全部都抓取，你可以自定义。 如：localhost:8081表示只拦截本地的8081端口的请求。默认的配置.*配置拦截所有请求，可以使用默认配置不用修改。 2.在浏览器中登录需要调试的网站如果你已经的登录了，那么刷新一下网站就好了，主要是让p ...

windows下markdwon写作心得之前我的肯定是强烈推荐 Typora，但是奈何这个启动非常的慢。也算是推荐一个吧。 然后再推荐一个markeditor，这货也有win的版本了。 Typora Typora推崇的是所见即所得。看个人喜好吧。 markeditor 但是这个是付费的，但是自定义的东西会有很多可以使用。而且貌似win下现在付费不付费也没有太大的区别？不过对mac支持好很多。而且支持自动同步到七牛床图，支持目录打开，双屏显示等等。体验还是不错的。但是win下我看不到输入的光标，这个是很蛋疼的事情。具体的截图如下。 PS：markeditorPRO版本是支持很多功能的，比如七牛自定义床图等，但是具体的可以读一下pro版本说明 还有几个搭配写markdown的神器推荐。当然如果你不想付费，做一个轻markdown写作者的话，也可以试试我的方案。 1.安装腾讯云，也就是腾讯微盘。2.使用Typora，或者markeditor的基础版本。3.将写完的md直接同步到微盘。那么云端也就有你的笔记了。解决七牛床图的问题。1.使用snipastesnipaste官网 我都是使用 ...

安装laravel的Homestead时候碰到问题的解决方案1.虚拟机vageant启动时候出现的问题 1homestead-7: SSH auth method: private key Timed out while waiting for the machine to boot. This means that Vagrant was unable to communicate with the guest machine within the configured ("config.vm.boot_timeout" value) time period. 每次都是在ssh 的时候卡住，那么这个时候，先将vagrant升级到最新，我的是1.9.1，再启动VirtualBox ，打开Cable Connected。具体如下图 参考stackoverflow 2.homestead下载过慢的问题。 1https://atlas.hashicorp.com/laravel/boxes/homestead/versions/1.0.1/providers/virt ...

使用PSR-4配合composer autoload 自动加载文件夹 require 文件很麻烦，使用PSR-4搭配composer一次加载，终生受用。 感觉类似java中的import了，自己先记录一下最近理解的。 用composer管理自己的包吧 安装composer这个不多赘述 英文版教程 中文版教程 PSR-4规范PSR-4-autoloader 构建项目目录-project ​ -src ​ -View.php ​ -app ​ -Tools.php -composer.json 上面路径的View.php在project/src/View.php 中，其他同理，View 和 Tools 只是为了做演示用的。 构建composer.json打开创建的composer.json文件输入,这里拿monolog做例子。 12345{ "require": { "monolog/monolog": "1.2.*" }} 用composer加载包在 ...

##Git搭配shadowsock访问github 前几天貌似就说gayhub出问题了，没怎么测试。今天忙完了，貌似真的出问题了 先介绍简单的使用shadowsock搭配git 下载github。 windows环境使用局部配置Git常用的有两种协议 不同的协议他的代理配置各不相同。core.gitproxy 用于 git:// 协议，http.proxy 用于 http:// 协议。 常见的git clone 协议如下： 1234#使用http://协议git clone https://github.com/EasyChris/baidu.git#使用git://协议git clone git@github.com:EasyChris/baidu.git http/https协议 假设程序在无状态、无工作目录的情况下运行git指令，利用-c参数可以在运行时重载git配置，包括关键的http.proxy git clone 使用 http.proxy 克隆项目1git clone -c http.proxy=http://127.0.0.1:1080 https ...

JSONP解决跨域问题参考廖雪峰老师的教程 AJAX教程，是用JSONP跨域 这是因为浏览器的同源策略导致的。默认情况下，JavaScript在发送AJAX请求时，URL的域名必须和当前页面完全一致。 完全一致的意思是，域名要相同（www.example.com和example.com不同），协议要相同（http和https不同），端口号要相同（默认是:80端口，它和:8080就不同）。有的浏览器口子松一点，允许端口不同，大多数浏览器都会严格遵守这个限制。 廖雪峰老师展示了一段代码，使用JSONP（不是json格式！！）从网易上获取证券数据。 然后我就准备自己写一下来完成这个 自己后台写的url如下 'http://www.easy.io/test/test.php?callback=getInfo 数据格式如下,这个返回的数据格式，就是使用回调函数名(JSON数据) 1getInfo({"uid":"5625","uname":"chris","address": ...

javaScript 变量作用域 总是被这个问题困扰，所以组总结一下 变量声明提升(Variable hoisting)1234567891011121314151617/** * Example 1 */console.log(x === undefined); // logs "true"var x = 3;/** * Example 2 */// will return a value of undefinedvar myvar = "my value";(function() { console.log(myvar); // undefined var myvar = "local value";})(); mozilla参考教程 变量声明提升之后使用这个被提升的引用仍然得到undefined的值 所以你如果需要声明变量的时候，var语句尽可能在函数顶部 在 ECMAScript 2015 中，let（const）将不会提升变量到代码块的顶部。因此，在变量声明之前引用这个变量，将抛出错 ...