awbeci_个人页

是时候跟博客园说再见了

恩，就这样，拜拜！ 终：2011年4月-2016年10月 博客已迁移至：www.awbeci.xyz

我的第2个五年计划：2016--2020

此文已删除！！！

制作stick侧边栏导航效果

其实这种效果网上好多的插件，但是我想自己实现看看，其实把思路理清实现起来就非常简单了，让我们看看： 分析： 从图中我们可以看出：右边的top=100px，那么它应该在第一个框的top+height=150px区域内，  当鼠标滚动到第2个区域时，同理，右边的top，应该在第2个框的top+height内 ，这样思路理清了，那么接下来我们来实现吧。

制作页面右下脚伸缩框样式

扫描二维码关注 ...

判断Laravel Eloquent获取数据结果集是否为空

在使用Laravel Eloquent模型时，我们可能要判断取出的结果集是否为空，但我们发现直接使用is_null或empty是无法判段它结果集是否为空的。 var_dump之后我们很容易发现，即使取到的空结果集， Eloquent仍然会返回Illuminate\Database\Eloquent\Collection对象实例。

制作鼠标移动到div上面显示弹出框

三代亲子嘉年华 周乃容 | 3.6万 3562 作者唐朝诗人白居易。

CSS实现透明边框

border: 8px solid rgba(255,255,255,0.2);

制作侧边栏显示和隐藏效果

公司最近在做一个视频直播的功能，里面有个页面样式是需要点击收起侧边栏的，整体效果如图： 那么如何制作呢，参考了网上的代码，我发现很简单，下面就是我制作的代码： 返回 ...

Laravel 下结合阿里云邮件推送服务

最近在学习laravel做项目开发，遇到注册用户推送邮件的问题，之前用java做的时候是自己代码写的，也就是用ECS推送邮件，但是现在转php的laravel了就打算用php的邮件发送功能来推送邮件，但是开发的过程中发现其实阿里云在2015年11月推出了邮件推送服务，所以打算使用阿里云的邮件推送服务，之前也使用过阿里云的OSS感觉也还不错不过是java的SDK，这个搞完了，后面也要实现OSS的上传文件服务功能，这个暂且放下吧。

动手开发自己的第一个 composer 包

原文：http://blog.jayxhj.com/2016/05/basic-composer-package-development/ composer 是 PHP 的依赖管理工具，本篇文章就来说明如何构建一个包，并提交到 Packagist ，这样别人就可以方便地通过 composer 使用你的包了。

实现网易云视频直播播放器功能

...

html文本标准模式，首行空两格，两端对齐，行高

font-size: 13px; line-height: 1.6; text-align: justify; text-indent: 2em;

设置svg图片大小

background-image: url(/resources/img/liveSupport/tx_1.svg); background-size: 16px 16px; width: 16px; height: 16px;

IntelliJ IDEA，代码行宽度超出限制时自动换行

转自：http://my.oschina.net/angerbaby/blog/471351 当我们使用IDE写代码时，为了保证代码的可阅读性和优雅性，通常会借助IDE的代码风格设置功能，令IDE智能完成的代码部分或者格式化输入的代码，可以按照预期的格式输出。

Laravel 安装多国语言包后，phpstorm 还是报错

问题： 解决办法： vagrant@homestead:~/Code/awbeci$ composer require "overtrue/laravel-lang:~3.0" 总结：我明明第一次就执行成功了，为什么第二次才成功，我真的有点纳闷，不过最后三行是第一次执行的时...

解决Package illuminate/html is abandoned, you should avoid using it. Use laravelcollective/html instead.问题

解决步骤： 1、分析问题是因为laravel5.1不赞成使用illuminate/html而推荐使用laravelcollective/html包，所以我们利用composer命令移除illuminate/html包再安装laravelcollective/html包 2、进入homestead...

去掉悬浮框与点击框之间的线条问题

解决方法： .arc-toolbar .block.app.initialized:hover:after { display: block; content: ''; position: absolute; width: 100%; ...

解决实现注册功能点击注册的时候报错问题

解决办法：重新新建项目就可以了，为什么呢？下面总结会说 总结：1:我是查看我的~/.homestead下的Homestead.yaml文件才发现有ssh认证的问题，而我修改了ssh密钥，但是我的项目是之前密钥生成的项目，现在知道问题出现在哪了吧！！！ 2:如果你是新建相同的项目那你最好清...

安装laravel5.1项目命令

作为程序员还有什么比命令行执行效率还要快的呢，哈哈。。。 composer create-project laravel/laravel your-project-name --prefer-dist "5.1.*" 如果你最后不加的话，默认就是最新版本了。。。

apache占用80端口，导致nginx启动不成功

把apache干掉，然后重启nginx就可以了

解决FatalThrowableError in EloquentUserProvider.php line 126: Class '\App\User'问题

解决方法：http://stackoverflow.com/questions/28516454/laravel-5-user-model-not-found 总结：是因为我把app下的User移动到app\Models下了，所以You need to update your config/auth.

制作播放视频关灯效果

网上有个视频插件，但是我觉得不太好用，就自己写了一个，不过各位可以参考参考，地址 制作步骤 ： 1、页面加个遮罩层，默认是隐藏的 .myzzc { position: fixed; top: 0; right: 0; bott...

解决CSS的position:absolute中left效果

有时候css中设置了position:absolute，left:100px，但是如果我们不想要这个left怎么办呢，当然你直接删除就可以，但是如果是框架的css，你直接删除就有问题了，这时候该怎么办呢？解决办法很简单，你只要再定义一个class然后设置 left:auto就可以，是不是很简单，你现...

解决input 有多少个radio绑定change事件，手动触发就会执行多少次问题

如题，相信大家都会遇到这个问题，那么为什么会触发多次呢？其实当你用jquery绑定onchange事件的时候你就无形中给每个radio绑定了事件，所以才会出现执行多少次的问题了，那么如何解决呢，其实这个问题就是最好的解决方法了，你想阿，一组radio当然只会选中一个，但是没有 选中的radio也会执...

JavaScript停止冒泡和阻止浏览器默认行为

原文链接：http://caibaojian.com/javascript-stoppropagation-preventdefault.html 事件兼容 function myfn(e){ var evt = e ? e:window.

解决 Class not found和Base table or view not found: 1051 问题

1、解决class not found的方法： 如果你用的是homestead虚拟机，那么，你要到虚拟机下执行： composer dump-autoload 2、解决Base table or view not found: 1051的方法 mysql> drop database hom...

mac下phpstrom安装主题和主题推荐

phpstorm主题 在mac下finder下command+shift+G键到~/Library/Preferences/PhpStorm2016.2/colors，我的路径可能和你的不同，但是大同小异，你自己注意一下应该能够找到，然后是不是发现是不是没有colors这个文件夹，没事，添加colors文件夹，然后导入你的主题.

在 Laravel 5.1 中使用 Pjax

在 Laravel 5.* 的版本中，使用 Pjax 实现无刷新效果，以及酷炫的进度条 项目地址：https://github.com/yccphp/pjax-for-laravel-5 求 star 求 star 求 star 起因 群里面的朋友老是在问 laravel 怎么和 pja...

Mac 升级 PHP 7

http://www.phpyc.com/article/15 mac 自带 php, 这个地球人都知道 在新系统中,/usr/bin 成为了系统保护目录，所以我们以前使用的替换 系统 php 的方法行不通了 既然行不通，那就升升级，就用它自带的 php 咯 curl -s http://php-osx.

html页面典型页面制作

1、多列多行式 这种样式最好通过百分比来制作，因为不同手机浏览宽度是不一样的 像这种，中间图片的制作，html: 郭子阳 (市场运营人员) ...

CSS3 flex的使用方法

display:flex; align-items://水平对齐方式 justify-content://垂直对齐方式 flex://盒子所占大小(如果你盒子里面只有两个div，那么你设置其中之一个flex，那么另外一个会自动填充)

flex水平垂直居中

我是通过flex的水平垂直居中噢！ html,body{ width: 100%; height: 200px; } .parent { display:flex; align-items: center;/*垂直居中*/ justify-...

macos下安装oh-my-zsh和zsh-autosuggestion

1:安装oh-my-zsh sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.

Jqeury Mobile实战之切屏效果以及屏幕滚动到底端加载更多和点击切换更多

http://blog.csdn.net/q718330882/article/details/46120691 //页面滚动到底部加载更多事件 $( window ).scroll(function(){ if ( $(window).

js template实现方法

培训类型：入园-家长会 待回访 ...

linux su和sudo命令的区别

一. 使用 su 命令临时切换用户身份 1、su 的适用条件和威力 　　su命令就是切换用户的工具，怎么理解呢？比如我们以普通用户beinan登录的，但要添加用户任务，执行useradd ，beinan用户没有这个权限，而这个权限恰恰由root所拥有。

使用u盘安装os x系统

从 App Store 下载 OS X 安装器 请执行以下步骤下载要安装的 OS X 版本。 1. 从 Apple 菜单中，选取“App Store”。  2. 按住 Option 键并点按“已购项目”标签。

一颗可靠的时间胶囊：苹果AirPort Time Capsule测评

http://sspai.com/24181/ 如何从 Time Machine 备份恢复数据？ AirPort Time Capsule能轻松完成备份，自然也少不了方便地恢复备份。一般常见的恢复备份有以下三种情形： 1. 恢复特定文件或文件夹：只需打开需要恢复的文件夹或应用程序，从顶部菜单栏中的 Time Machine 图标选取进入 Time Machine，系统就将显示按时间排序的恢复界面。

阿里云设置CDN加速访问OSS文件

快速配置OSS：https://help.aliyun.com/document_detail/31885.html?spm=5176.doc31886.6.97.8iuJo5 快速配置CDN：https://help.

PHPStorm IDE 快捷键(MAC)

⌘——Command ⌃ ——Control ⌥——alt ⇧——Shift ⇪——Caps Lock fn——功能键就是fn 编辑 Command+alt+T 用 (if..else, try.

macbook上安装homestead

参考资料： 1：https://solarhell.com/post/2016/04/homestead 2:https://phphub.org/topics/491 3:http://laravel-china.org/docs/5.1/homestead 安装 Laravel 之后，你必须设置一些权限。

macbook 上安装git和将github作为托管服务器

首先安装git，进入官网并下载：地址，下载后并安装，可以通过输入命令行，查看是否安装成功： sh-3.2# git --version git version 2.7.1 安装好后，我们来配置我们的git，这里的you name和yourmail@server.

composer 报 zlib_decode(): data error

使用composer 安装lumen 项目，执行composer create-project laravel/lumen --prefer-dist，命令报 [ErrorException]    zlib_decode(): data error 错。

设置网页大小为手机端比例，双击不能放大或者缩小

js获取height和width总结

js获取height和width总结 $(document).ready(function() { alert("浏览器当前窗口可视区域高度:"+$(window).

Mac 键盘快捷键

要使用键盘快捷键，请按住一个或多个修饰键，同时按快捷键的最后一个键。例如，要使用快捷键 Command-C（拷贝），请按住 Command 键并按 C 键，然后同时松开这两个键。Mac 菜单和键盘通常使用符号来代表某些按键，其中包括以下修饰键： Command ⌘ Shift ⇧ Option ⌥ Control ⌃ Caps Lock ⇪ Fn 如果您使用的是 Windows PC 专用键盘，请用 Alt 键代替 Option 键，用 Windows 标志键代替 Command 键。

解决inline-block上下不对齐

一开始都是行内元素，但是左边按钮和右边标题就是对不齐，于是，设置左边按钮float:left就可以了。 快乐成长的小太阳 .

制作一个在指定区域显示模态框

//添加权限模态框 function addRoleModal() { var $navPanelRight = $(".nav-panel-right") var $roleContent = $(".

Mac OS X上安装配置apache服务器

说明：Mac在安装完成Mac系统的时候它已经自带了apache服务器，接下来就是配置和将它启动运行了。那么接下来要做的事情就是： 1.配置apache的配置文件 2.设置虚拟主机 启动并查看apache 打开终端输入以下命令： $sudo apachectl s...

eclipse 发布web工程，修改tomcat端口

转：http://hbiao68.iteye.com/blog/1964618 如果想修改tomcat发布的端口，有两种方法：   1、用记事本打开tomcat安装目录下的conf文件夹下的server.xml,找到 把8080改成80，然后启动tomcat的服务就行了，要确保80端口没有被占用，否则会报错的。