4月
03
lumen 是一个由 Laravel 组件搭建而成的微框架,是当前最快的 PHP 框架之一!
Lumen 专为微服务或者 API 设计,对 Laravel 优化了框架的加载机制, 所以 Lumen 对资源的要求少很多,速度也比laravel快很多; 因师承Laravel,所以Lumen 向 Laravel 迁移是很容易的事情。 Lumen目前是1.0 版本,基于 Laravel 5.x 开发。(Lumen 没有使用 Symfony 的路由模块, 而是采用了速度更加快的 nikic/fast-route。)
4月
03
4月
03
安装 lumen 后,使用 php artisan make:controller XXX 时出错。于是,查看了下相关的命令(php artisan list),发现对比 laravel 缺失了很多命令。
遇到这个问题的,都是使用过 lumen的。遇到这个问题的,也有人解决这个问题。请看:https://github.com/webNeat/lumen-generators
github 上已经介绍了怎么安装使用。这里再啰嗦一下。
- 安装。
composer require wn/lumen-generators
- 注册服务。
在 app/Providers/AppServiceProvider.php 中添加:
public function register()
{
if ($this->app->environment() == 'local') {
$this->app->register('Wn\Generators\CommandsServiceProvider');
}
}
- 在
bootstrap/app.php 中注册。添加:
$app->register(Wn\Generators\CommandsServiceProvider::class);
- 再次查看和使用。
php artisan list //已经追加了一些新命令
php artisan wn:controller Lover //创建控制器,连带的路由也创建了
3月
19
div使用float时,父容器的高度不能撑开自适应,该怎么处理呢。
有两种方法:
- 在div的后边额外加一个div,并设置样式
clear:both
- 在父容器中,设置样式
overflow:auto;
3月
15
3月
08
花瓣的内容排版是使用瀑布流的方式排版。实现瀑布流式的排版的插件蛮多的,blocksit 就是一个比较简便的插件。
依赖少,仅仅依靠 jquery。 css也少。用该插件,注意以下几个问题就可以了
- 每次执行 BlocksIt 之前,设置父容器的宽度的时候要正确。
-
图片加载完成后,再 BlocksIt 一次。防止,图片排版错乱。
其实,排版的是图片的父容器。使用的是绝对定位。而为什么总是说图片,就是因为所要展示的中心是图片。围绕图片,可以在图片上放置div,图片下边,等放置div。其结构可以有下边这样的层次构成。
3月
08
在做 banner 切换的时候,swiper插件刚好能用上,效果也非常好。
可以先看下他们的demo:
http://www.swiper.com.cn/demo/index.html
滚动条效果,都做的非常有弹性。有需要的可以去尝试。
3D滚动切换也非常棒。有需要的可以去尝试。
3月
01
什么是 RESTful
RESTful 是一种软件设计风格,由 Roy Fielding 在他的 论文 中提出,全称为 Representational State Transfer,直译为表现层状态转移,或许可以解释为用 URL 定位资源,用 HTTP 动词描述操作,不用太纠结于定义,接下来我们会详细讨论。
RESTful 风格的接口,目前来看,实现的最好的就是 Github API,经常被效仿。接下来我们通过分析 Github API 来引出我们的 API 设计原则。
1月
28
textarea 原本是不会自适应高度的。可恨的滚动条也总会出现。想要让textarea自适应高度的,就用 js 吧。
自适应高度
$('textarea').each(function () {
this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
}).on('input', function () {
this.style.height = 'auto';
this.style.height = (this.scrollHeight) + 'px';
});
textarea 内容改变侦听
$('textarea').bind('input propertychange', function() {
$('.msg').html($(this).val().length + ' characters');
});
额外赠送 smplemde
https://github.com/sparksuite/simplemde-markdown-editor
可隐藏bar,可设置最小高度,可侦听变化,可复制粘贴图片。
额外赠送 js markdown->html
https://github.com/chjj/marked
调用 marked 方法即可。