小编Web*_*nik的帖子

图标字体偶尔显示为正方形,并在悬停时返回图标

获得FontAwesome图标字体的奇怪行为.

图标确实显示在页面加载上,但是当我在标签之间翻转并返回原始页面时,图标可能显示为白色方块(不是每个图标,只有一些).将鼠标悬停在它们上方时,它们将恢复正常显示.

在此输入图像描述

我正在通过CDN加载字体:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)

我猜白色方块来自FontAwesome CSS,浏览器有识别字符的麻烦:

.fa-facebook:before {
  content: "\f09a";
}
Run Code Online (Sandbox Code Playgroud)

我有点迷失为什么在切换标签后它会继续发生.字体似乎被加载,因为在第一次加载时我可以看到图标.可能与其他CSS冲突?

需要一些建议在哪里寻找根本原因.

html css fonts font-face font-awesome

13
推荐指数
1
解决办法
2926
查看次数

Doctrine自定义数据类型

我正在使用Symfony2开发应用程序.Symfony2正在使用Doctrine 2进行DBAL和ORM.据我所知,Doctrine2没有支持BLOB数据类型.但是,我想通过自定义数据类型映射实现BLOB支持:

http://www.doctrine-project.org/docs/dbal/2.0/en/reference/types.html

但是我很难理解这部分应该去哪里.

<?php
Type::addType('money', 'My\Project\Types\MoneyType');
$conn->getDatabasePlatform()->registerDoctrineTypeMapping('MyMoney', 'money');
Run Code Online (Sandbox Code Playgroud)

有人在经历吗?

我需要BLOB类型的原因是我想从现有MySQL数据库导入映射.

mysql orm doctrine symfony dbal

10
推荐指数
2
解决办法
7406
查看次数

是什么让<button>将内部文本定位在中心(垂直和水平)?

我试图理解是什么使得<button>标签在默认情况下位于元素中心的位置.水平对齐由text-align: center.什么控制垂直对齐?

这是小提琴:http://jsfiddle.net/GW9KL/

这是Chrome默认样式表<button>.无法看到是什么使它垂直对齐.

在此输入图像描述

html css

9
推荐指数
1
解决办法
670
查看次数

使用JWT处理用户数据的最佳实践

我正在通过Json Web Tokens(JWT)实现无状态REST API.目前,我想知道将用户数据传递到前端的最佳方法是什么.这些是我需要在前端访问的字段username, email, role, full_name, description, profile_img, facebook_id, twitter_id, custom_setting_1, custom_setting_2, custom_setting_3, custom_setting_4

我看到有两个选项:

  1. 在JWT创建期间,将用户数据添加到JWT有效负载.然后在前端解码它.虽然我担心如果我添加有效载荷会变得非常大的所有数据.
  2. 我只能添加像username, roleJWT 这样不可更改的字段.创建JWT并返回到前端后,我从API发送另一个用户数据请求.

我也可能在这里遗漏一些东西.所以想知道用JWT处理用户数据的最佳方法是什么.

api rest jwt json-web-token

9
推荐指数
1
解决办法
1631
查看次数

Angular [ngPaste]中的"粘贴"事件

如何在Angular 1.1.5的输入中执行"粘贴"事件的功能?我知道有一个ng-change输入指令.但每次输入更改时它都会触发,我在初始粘贴时只需要一次.

用例:我有一个URL输入.我想在用户粘贴URL后执行一个函数.用户也可以手动输入URL并按Enter键执行该功能.

-

更新:自Angular 1.2.0起,ngPaste是一个原生指令.

javascript angularjs angularjs-directive

8
推荐指数
3
解决办法
2万
查看次数

UI-Router 1.0基于用户角色重定向

我正在升级ui-router@1.0.0-beta.2并尝试弄清楚如果用户没有必要的权限,将用户重定向到其他状态的最佳方法是什么.

这就是我所拥有的:

.state('company_dashboard', {
    url: '/dashboard',
    templateUrl: 'dashboard.html',
    controller: 'CompanyDashboardCtrl',
    resolve: {
        user: function(UserService) {
            return UserService.getActiveUser();
        },
        company: function(UserService) {
            return CompanyService.getActiveCompany();
        },
        permissions: function(CompanyService, user, company){
            return CompanyService.getUserPermissions(company, user);
        }
    },
    onEnter: function($state, permissions) {
        if (permissions.canAccessDashboard === false)
            return $state.go('company_landing_page');
    }
})
Run Code Online (Sandbox Code Playgroud)

上面的例子有效,但它记录了以下错误:TransitionRejection(type: 2, message: The transition has been superseded by a different transition, detail: Transition#1( ''{} -> 'company_landing_page'{} ))这让我觉得,应该有更好的方法.

边题,这是检查权限期间的好习惯resolve吗?

更新:

更改$state.go()$state.target()帮助我摆脱控制台错误.这条评论有所帮助.虽然问题在于,我是否正确地做到了这一点?

angularjs angular-ui-router

6
推荐指数
1
解决办法
1832
查看次数

带有ng-animate的下一个/上一张幻灯片的2个不同动画

在我的例子中,ng-view是一个滑块,它有箭头显示下一个模板和上一个模板.目前,它有一种类型的动画用于模板之间的转换.

<div data-ng-view data-ng-animate="{enter: 'slide-forward-enter', leave: 'slide-forward-leave'}"></div>
Run Code Online (Sandbox Code Playgroud)

我想扩展行为以根据单击的箭头执行不同的动画.单击"下一步"箭头应执行slide-forward-enter&slider-forward-leave动画,同时单击"上一步"箭头应执行slide-reverse-enter&slider-reverse-leave.

怎么做到这一点?

angularjs ng-animate

3
推荐指数
1
解决办法
4998
查看次数

如何在 Twig 中对 HTML 转义文本进行 URL 编码?

我有一个字符串Picture > 1000 words,它存储为 HTML 转义的Picture &gt; 1000 words。我需要对原始字符串进行 URL 编码才能得到Picture%20%3E%201000%20words

我尝试了不同的过滤器序列,但没有一个产生所需的结果。

{# title = "Picture &gt; 1000 words" #}

{{ title | url_encode(true)  }}
{{ title | raw | url_encode(true)  }}
{{ title | url_encode(true) | raw  }}
Run Code Online (Sandbox Code Playgroud)

所有 3 种情况的结果都是相同的:Picture%20%26gt%3B%201000%20words。如何避免 Twig 对已经转义的文本进行编码并获得所需的结果?

php symfony twig

3
推荐指数
1
解决办法
1万
查看次数

在 Guzzle 6 中设置默认查询字符串

升级到 Guzzle6 后,我不知道如何为客户端设置默认查询字符串。

我有以下几点:

$client = new \GuzzleHttp\Client( [
    'base_uri' => 'http://api.example.org/',
    'query'   => ['key' => 'secretKey']
] );
$client->get( 'extract', ['query' => ['url' => $url]] );
Run Code Online (Sandbox Code Playgroud)

在此请求中,我的默认查询字符串key=secretKey被忽略。

我怎样才能让它工作?

php guzzle

3
推荐指数
1
解决办法
2055
查看次数