小编Pri*_*ome的帖子

如何使用CSS将长文本指定到较小的固定列中?

如何将长文本放入固定宽度的列中,我只有一行文本空间?文本需要剪切到固定的宽度(比如100px),我想在最后添加点"...".像这样的东西例如:

给定字符串:

Some really long string that I need to fit in there!
Run Code Online (Sandbox Code Playgroud)

固定宽度列中的所需输出应为:

Some really long string...
Run Code Online (Sandbox Code Playgroud)

css string truncate

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

AWS CloudFront访问被拒绝到S3存储桶

我正在尝试设置CloudFront为我的S3存储桶中托管的静态文件.我有设置分发,但我AccessDenied在尝试浏览/CSS/stlyle.cssS3存储桶中的CSS()文件时得到:

<Error>
    <Code>AccessDenied</Code>
    <Message>Access Denied</Message>
    <RequestId>E193C9CDF4319589</RequestId>
    <HostId>
xbU85maj87/jukYihXnADjXoa4j2AMLFx7t08vtWZ9SRVmU1Ijq6ry2RDAh4G1IGPIeZG9IbFZg=
    </HostId>
</Error>
Run Code Online (Sandbox Code Playgroud)

我已将我的CloudFront分配设置为我的S3存储桶并创建了新的Origin Access Identity policy自动添加到S3存储桶:

{
    "Version": "2008-10-17",
    "Id": "PolicyForCloudFrontPrivateContent",
    "Statement": [
        {
            "Sid": "1",
            "Effect": "Allow",
            "Principal": {
                "AWS": "arn:aws:iam::cloudfront:user/CloudFront Origin Access Identity E21XQ8NAGWMBQQ"
            },
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::myhost.com.cdn/*"
        }
    ]
}
Run Code Online (Sandbox Code Playgroud)

我错过了什么?

我希望通过CloudFront提供此S3存储桶中的所有文件...

*更新*

这个云前端指南说:

默认情况下,您的Amazon S3存储桶及其中的所有对象都是私有的 - 只有创建存储桶的AWS账户才有权读取或写入其中的对象.如果要允许任何人使用CloudFront URL访问Amazon S3存储桶中的对象,则必须授予对象的公共读取权限.(这是使用CloudFront和Amazon S3时最常见的错误之一.您必须明确授予Amazon S3存储桶中每个对象的权限.)

所以基于此我已经为S3 bucket中的所有对象添加了新的权限Everyone Read/Download.现在我可以访问文件了.

但现在当我访问这样的文件https://d3u61axijg36on.cloudfront.net/css/style.css被重定向到S3 URI和HTTP.如何禁用此功能?

amazon-s3 amazon-web-services amazon-cloudfront

26
推荐指数
4
解决办法
2万
查看次数

如何在 Next.js 中设置 i18n 翻译的 URL 路由?

我正在使用Next.js i18n-routing来设置多语言网站。这非常有效。如果我在此创建一个文件,/pages/about.js将根据我的区域设置创建 URL,例如:

  • CN ->/about
  • 德->/de/about
  • 英语->/es/about

那就好了。

如果我想要每种语言的翻译 URL 路由怎么办?我被困在如何设置这个问题上......

  • CN ->/about
  • 德->/de/uber-uns
  • 英语->/es/nosotros

routes internationalization reactjs next.js

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

ESLint错误不需要 - 三元组

ESLint在我的JS模块中告诉我这条错误消息:error no-unneeded-ternary默认赋值不必要地使用条件表达式

错误出现在语句的get方法中?returnreturn val ? val : defaultVal;

import ls from 'local-storage';

export default {
    get(key, defaultVal = null) {
        var val = ls(key);
        return val ? val : defaultVal;
    },

    set(key, val) {
        return ls(key, val);
    },

    remove(key) {
        return ls.remove(key);
    },
};
Run Code Online (Sandbox Code Playgroud)

知道为什么我会收到此错误消息吗?我发现在ESLint网站关于此错误消息的一些资源在这里,但它适用于布尔表达式,我想不通为什么会适用于我的代码...

javascript eslint

22
推荐指数
2
解决办法
8400
查看次数

jQuery $(element).each函数不适用于新添加的元素

我正在使用.each函数来迭代元素列表.我有匹配元素的初始列表和.each在这些方面很有效.但是我可以通过AJAX方法添加新的元素....但是这些新添加的元素不起作用吗?

我知道有关新添加的元素的实时事件和重新绑定事件,但是.each不是事件我找不到任何有关如何正确使用它来影响新添加的元素的帮助.

怎么解决这个?

//Uploadify callback where I add new items
onComplete: function(event, queueID, fileObj, response, data)
{
    $(".blank").remove();
    $("#lib-contentWrap").append(response); 
}
});

//And my each loop where I loop the elements. All elements are wrapped inside the #lib-contentWrap div. And the looping begins if I change the state of a checkbox (=checkbox check/uncheck)! $('#chk-selected').change(function(){ if( $(this).is(':checked') ) { $(".lib-item").each(function () { if ( $(this).hasClass('item-selected') ) $(this).slideDown('fast'); }); } else { $(".lib-item").each(function () { if ( $(this).hasClass('item-selected') ) $(this).slideUp('fast'); }); } }); …

jquery jquery-selectors

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

iOS应用内购买沙箱环境 - 需要验证

我无法测试我的应用内购买,因为我总是收到此错误消息:需要验证:在您购买之前,您必须验证您的付款信息[环境:沙盒].UIAlertView中显示两个按钮:取消并继续.如果我点击继续,我会被重定向到Safari并遵循验证步骤,但在我的应用程序中,我总是得到"已取消的交易"事件.

我正在使用在iTunes Connect中创建的测试帐户.我尝试创建多个帐户,但始终会出现相同的消息.该怎么办?

任何提示?

in-app-purchase ios

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

如何更新mysql数据库中的外键值

我有三个表:类别,语言和categories_languages.Categories_languages是多对多的表格,它们将类别和语言联系在一起.我想更新表语言中的foregin键值,但它会抛出错误#1451 - 无法删除或更新父行:外键约束失败!

CREATE TABLE IF NOT EXISTS `categories` (
  `id` int(11) unsigned NOT NULL auto_increment,
  `name` varchar(20) NOT NULL,
  `modified` int(10) unsigned NOT NULL,
  PRIMARY KEY  (`id`),
) ENGINE=InnoDB  DEFAULT CHARSET=utf8;

CREATE TABLE IF NOT EXISTS `languages` (
  `id` char(2) NOT NULL,
  `name` varchar(20) NOT NULL,
  PRIMARY KEY  (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

CREATE TABLE IF NOT EXISTS `categories_languages` (
  `id` int(11) unsigned NOT NULL auto_increment,
  `category_id` int(11) unsigned NOT NULL,
  `language_id` char(2) NOT NULL,
  `translation` varchar(20) NOT NULL, …
Run Code Online (Sandbox Code Playgroud)

mysql many-to-many foreign-keys

12
推荐指数
2
解决办法
5万
查看次数

触发元素的x-editable访问属性值

我在我的网络应用程序中使用x-editable进行内联编辑.我想将其他参数传递给服务器,我想从触发元素的数据属性中读取.这是我的可编辑元素:

<a href="#" data-url="save_url" data-pk="271" data-type="text" data-value="Value" class="editable" data-param="XXX">Value</a>
Run Code Online (Sandbox Code Playgroud)

我想传递data-param属性,但我不知道如何访问trigger元素.我尝试过$(this).data('param'),但我得到null ...我的完整可编辑代码:

$.fn.editable.defaults.mode = 'inline';
$('.editable').editable({
    params: { param: $(this).data('param') }
});
Run Code Online (Sandbox Code Playgroud)

$('.editable').data('param')由于我有许多.editable元素,因此不会考虑呼叫.

谢谢

jquery-plugins inline-editing x-editable

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

Bootstrap 3轮播控件和指示灯链接不起作用

我在摸不着为什么Bootstrap 3轮播控件(和指示器)链接在我的页面上不起作用.这是一个简单的文档复制粘贴+一些CSS自定义.代码可以在这里看到http://bevog.si.bitcloud.nine.ch/(#gallery).

更新:

轮播初始化代码

/* GALLERY */
$('#gallery-carousel').carousel()
Run Code Online (Sandbox Code Playgroud)

轮播标记

<div id="gallery-carousel" class="carousel slide">
  <ol class="carousel-indicators">
    <li data-target="#bevog-image-1" data-slide-to="0" class="active"></li>
    <li data-target="#bevog-image-2" data-slide-to="1"></li>
    <li data-target="#bevog-image-3" data-slide-to="2"></li>
  </ol>

  <div class="carousel-inner">
    <div class="item active" id="bevog-image-1">
      <img src="img/bevog_gallery_01.jpg" alt="Bevog gallery picture title">
    </div>
    <div class="item" id="bevog-image-2">
      <img src="img/bevog_gallery_01.jpg" alt="Bevog gallery picture title">
    </div>
    <div class="item" id="bevog-image-3">
      <img src="img/bevog_gallery_01.jpg" alt="Bevog gallery picture title">
    </div>
  </div>

  <a class="left carousel-control" data-slide="prev" href="#"><span class="icon-prev"></span></a>
  <a class="right carousel-control" data-slide="next" href="#"><span class="icon-next"></span></a>
</div>      
Run Code Online (Sandbox Code Playgroud)

jquery carousel twitter-bootstrap-3

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

从PDF文件中删除所有文本

我正在使用Ghostscript将源PDF文件转换为PNG图像数组.在将PDF页面转换为PNG图像之前,我需要从PDF中提取(删除)所有文本,以便转换后的页面图像将包含除文本之外的所有其他元素.

我可以用Ghostscript实现这个目标,还是需要研究不同的工具?

我也对一个可以读取的工具感兴趣 - 保存我的源PDF删除所有文本.

pdf-generation ghostscript

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