在Chrome中查看http://jsfiddle.net/aJ333/1/,然后在Firefox或Internet Explorer中查看.图像最初是120像素,我缩小到28像素,但无论你将它缩小到什么程度,它看起来都很糟糕.
图像是PNG,它有一个alpha通道(透明度).
这是相关的代码:
HTML:
<a href="http://tinypic.com?ref=2z5jbtg" target="_blank">
<img src="http://i44.tinypic.com/2z5jbtg.png" border="0" alt="Image and video hosting by TinyPic">
</a>?
CSS:
a {
width: 28px;
height: 28px;
display: block;
}
img {
max-width: 100%;
max-height: 100%;
image-rendering: -moz-crisp-edges;
-ms-interpolation-mode: bicubic;
}
在image-rendering和-ms-interpolation-modeCSS的线条似乎并没有做任何事情,但我发现他们在网上,而做对这个问题的一些研究.
我有一个有git repo的网站.我克隆了repo,这样我就可以在一个目录中开发,然后推送到repo,然后拉入live/prod目录(如果有的话,会有更好的方法来提供建议,但这是在这个问题的范围).
我在实时目录中执行了以下操作来推送所有最新更改:
git add .
git commit -a // added a message
git push
然后我在dev目录中执行了以下操作:
git clone git@bitbucket.org:user/repo.git
然后我打开了两个文件,prod/root/test.php和dev/root/test.php,它们看起来完全相同.但是,当我执行以下diff命令时,它输出了整个文件:
diff prod/root/test.php dev/root/test.php
我很困惑,为什么差异会输出整个文件,如果它们是相同的...我也尝试谷歌搜索这个,但找不到其他人有这个问题.也许这是一个行结尾问题或字符编码问题,它们看起来相同,但它们实际上是不同的,当你推送到它们的回购时git/bitbucket转换它？这是我唯一能想到的......无论是那还是我都错过了一些非常明显的东西.
这是输出:
1,3c1,3
< <?
< echo '<p>Hello world!</p>';
< ?>
---
> <?
> echo '<p>Hello world!</p>';
> ?>
我注意到了Amazon S3重定向规则 - 缺少GET数据,但在遵循接受的答案后,我的查询参数仍然没有被保留.
我有一个使用React和React Router的站点,这意味着我有几个URL加载相同的HTML和JS,然后JS根据URL确定要加载的应用程序的哪个部分.
例如:
/ foo,/ bar,/ baz都应该加载index.html,它会加载bundle.js.然后bundle.js观察URL并路由到一些React组件(也在bundle.js中).
但是S3中不存在foo,bar或baz文件,只有index.html.我想要做的是当我得到404,重定向到/#!/ {URL}(例如/ foo重定向到/#!/ foo).这适用于我的重定向规则(下面).但是,我也想带上查询参数(例如/ foo？ping = pong重定向到/#!/ foo？ping = pong)但是/ foo？ping = pong只是重定向到/#!/ foo.
这是我的重定向规则:
<RoutingRules>
<RoutingRule>
<Condition>
<HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals>
</Condition>
<Redirect>
<Protocol>http</Protocol>
<HostName>www.mydomain.com</HostName>
<ReplaceKeyPrefixWith>#!/</ReplaceKeyPrefixWith>
</Redirect>
</RoutingRule>
</RoutingRules>
我能以某种方式获得任何想法吗？理想情况下,每次添加新页面时都不必在S3/CloudFront中进行更改？
redirect amazon-s3 amazon-web-services amazon-cloudfront react-router
我将这个.vimrc复制粘贴到我在Fedora 15中的/ etc/vimrc中.每当我使用vim进行任何操作时,我会得到一些错误的行号,这些错误似乎不是我的vimrc文件的正确行号因为这些线上没有任何'.
我用谷歌搜索了这个问题,但是我认为这与我的问题无关.
我也删除了所说的所有内容,MySys() == linux/max/windows因为我正在使用linux,所以我只使用了linux行.
有任何想法吗？
编辑 - -
这是我的(几乎没有)修改过的vimrc文件:
https://docs.google.com/document/d/1PznK0FizGlBr6W6m9wikM334q8b6KFFCgmsF-f8MX3s/edit?hl=en_US
鉴于以下html ...
<div id="group">
<ul>
<li><div class="category">one</div></li>
<li><div class="category">one</div></li>
<li><div class="category">onetwo</div></li>
<li><div class="category">two</div></li>
</ul>
</div>
...我正在试图弄清楚如何在jQuery中创建一个选择器,它将选择所有具有innerHTML等于某个字符串'#group ul li'的子元素'.category'(例如"one").例如,给定字符串"one",此选择器将返回前两个li.
这是我到目前为止所拥有的:
$('#group ul li')将选择所有的李.然后我需要过滤:
$('#group ul li').filter(".category:contains('one')")将选择所有这些li,使他们有一个包含字符串'one'的类别的子类.但是,有没有办法检查这是否等于一？
我想也许只是编写我自己的函数来进行相等性检查并将其传递给过滤器？
我正在尝试将图像上传到S3但是当我调用s3.putObject(params,callback)时,我的回调永远不会被调用,也不会记录任何错误.
这是相关的代码:
var params = {
Key: key,
Body: imageData,
ContentLength: imageData.byteCount,
ContentType: contentType,
};
this.s3.putObject(params, function(err, data) {
console.log('here');
if (err) {
callback(err);
return;
}
callback(null, key);
});
params是 {
Key: 'e2f99bf3a321282cc7dfaef69fe8ca62.jpg',
Body: {imageData parsed from request using node-multiparty},
ContentLength: 27802,
ContentType: 'image/jpeg',
}
我已经验证this.s3是有效的,并且this.s3.ObjectObject的typeof按预期运行.
我正在尝试进行一些文本分析,以确定给定的字符串是否......谈论政治.我想我可以创建一个神经网络,其中输入是一个字符串或一个单词列表(排序可能很重要？),输出是字符串是否与政治有关.
但是,brain.js库只接受0到1之间的数字输入或0到1之间的数字数组.如何以可以完成任务的方式强制我的数据？
我有一个特定的组件，希望在用户每次导航时收到通知。有什么方法可以访问传递到路由器的历史记录吗？
<Router history={history}>
{// ...}
</Router>
子组件：
var Component = React.createClass({
componentDidMount: function() {
// history.listen(this.onRouteChange);
},
onRouteChange: function() {},
render: function() {...},
});
Allow attribute will take precedence over 'allowfullscreen'.
我收到此警告消息是因为我添加了一个 iframe 和allow="fullscreen" and allowfullscreen.
allow根据https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe，它似乎不适用于 IE、Edge 或 Firefox 。
如何以跨浏览器兼容的方式解决/消除此警告消息？
这是在 Chrome 中重现警告消息的最小片段：
const iframe = document.createElement('iframe');
iframe.setAttribute('allowFullScreen', '');
iframe.setAttribute('allow', 'fullscreen');
我在单页Web应用程序中使用React和React Router.由于我正在进行客户端渲染,因此我想用CDN提供所有静态文件(HTML,CSS,JS).我使用Amazon S3托管文件,使用Amazon CloudFront作为CDN.
当用户请求/css/styles.css时,该文件存在,因此S3为其提供服务.当用户请求/ foo/bar时,这是一个动态URL,因此S3添加了一个hashbang:/#!/ foo/bar.这将服务于index.html.在我的客户端,我删除了hashbang,所以我的网址很漂亮.
这一切都适用于100%的用户.
问题
问题是Google不会抓取我的网站.原因如下:
为什么要删除hashbang？我的应用程序适用于100%的用户,所以为什么我需要以这种方式重新设计它才能让Google正确抓取它？这是2016年,只需遵循hashbang ......
</咆哮>
难道我做错了什么？当它无法识别路径时,是否有更好的方法让S3服务于index.html？
设置节点服务器来处理这些路径并不是正确的解决方案,因为这会破坏拥有CDN的整个目的.
在这篇帖子中,反应路由器的最大贡献者迈克尔·杰克逊说:"谢天谢地,hashbang不再广泛使用." 你怎么改变我的设置不使用hashbang？