Tag: 前端

如何在Chrome开发人员工具中访问特定文件？: 我正在开发一个重要的前端方法的Web应用程序。通过使用Dojo和AMD的方式，我目前有testing屏幕，可以轻松地加载超过一百个不同的JavaScript文件。当我想debugging任何特定问题，或者validation是否看到特定文件的旧版本时，我发现在Chrome开发人员工具的“来源”选项卡中很难find我的文件。有没有任何捷径或行动，我可以让我input文件的名称，并将我带到该文件的来源？

是否有可以重新devise的所有Bootstrap元素的巨大“资产页面”？: http://twitter.github.com/bootstrap/base-css.html 查看所有示例元素，如h1，h2，h3，input等？我正在寻找一个简单的网页，每一个Bootstrap的input/forms/元素/等，而不是别的。然后，我可以让我们的devise人员用他自己的样式来修改基本的CSS文件，并且可以刷新资源页面以查看他的所有更改以及整个样式指南是如何形成的。对于我们的团队来说，这对我们的客户是非常有帮助的，所以他可以在一个整合的页面上看到我们的整个“外观和感觉”。这样的网页是否存在？

以正确的方式重新学习CSS: 我是一个做web开发超过两年的程序员。尽pipe过去两年我一直在做前端工程，但我认为我没有做到这一点例如：我仍然使用表格进行布局，而不是仅使用CSS。我还没有find一种方法来正确呈现数据alignment和表格。我不知道display: none之间的区别display: none和visibility: hidden （嗯，我现在知道，但有很多情况下，如填充，边距，溢出等）我没有真正遵循inheritance的方式来编写CSS。几乎每种风格都以#而不是类开头。每当一个页面加载缓慢的时候，html元素不合要求，只有在完全加载的时候，才会进入顺序。我不知道萤火虫这幅画是怎样传达的（顺便说一下，萤火虫是我的救世主，没有萤火虫，生活本来是不可能的）每当布局乱七八糟的时候，我都想用position：absolute。它总是在一个更大的混乱。我知道我在这里做了很多错误的事情（而且我需要把它弄对），但是我设法把事情弄明白，然后以某种方式显示出来，只是看到它在不同的浏览器中搞砸了。我不想做一个CSS或CSS的傻瓜入门。我知道的不止这些。我想以正确的方式学习CSS。关注像我上面展示的例子那样的问题并纠正它们。你可以指点我的资源，或者添加CSS开发人员使用的常见build议和提示，以使其正确无误。

如何计算CSS像素大小？: 在深入CSS单元的过程中，我遇到了参考像素的定义。但是，我无法find一个与CSS像素单元关系的一致和全面的描述。我在这方面做了一些研究，但对我还是有点不清楚。 1.收集到的信息 1.1像素定义像素有两种不同的types/定义： “设备像素” – 显示屏上的单个物理点。和： CSS像素 – 最接近匹配参考像素的单位。 [ 1 ] 同名的两个平行的概念绝对不能澄清混淆。我完全理解介绍第二个的目的，但我觉得它的命名误导。 CSS像素被分类为绝对单位，并且： “绝对长度单位是固定的相互关系。” [ 1 ] 上面的说法对于像素以外的每个单元都是非常明显的。遵循w3c规范： “对于一个CSS设备来说，这些维度要么通过将物理单元与物理测量相关联，要么通过将像素单元与参考像素相关联来锚定（i）。（…）请注意，如果锚点单位是像素单位，则物理单位可能与其物理测量值不匹配。或者，如果锚单元是物理单元，则像素单元可能不映射到整个设备像素。“[ 1 ] 考虑到上述引文，我假设绝对单位不是绝对的，因为它们可能会锚定在参考像素上。 1.2参考像素参考像素本身实际上是一个angular度测量[ 2 ]： “参考像素是指像素密度为96dpi，距离arm距离为读数的设备上的一个像素的可视angular度，对于标称臂长为28英寸，视angular大约为0.0213度。 [ 1 ] 以下图片显示的是：尽pipe将参考像素定义为视angular，我们可以进一步阅读： “对于arm长度来说， 1px因此相当于大约0.26毫米（1/96英寸）” 。抛开不一致的地方，我们能够build立一个angular度的价值： α = 2 * arctan(0.026/142) = 0.02098° where: α — […]

前端testing：testing什么和如何testing，以及使用什么工具？: 我一直在为Ruby代码编写testing，但是作为一个前端开发人员，我显然有兴趣把它写入我为我的前端代码编写的代码中。有很多不同的select，我一直在玩： CasperJS 水豚＆Rspec 茉莉花黄瓜或只是Rspec 什么是人们使用testing？还有，人们testing什么呢？只是JavaScript？链接？ forms？硬编码的内容？任何想法将不胜感激。

前端与UI开发人员有什么区别？: 我已经做了一段时间的Web开发人员做后端/前端一段时间了。在尝试寻找新的东西的时候，一些招聘人员已经联系到了UI Dev的职位。虽然我理解用户界面的概念，但我不确定这个名字，所以我不确定我是否可以这样做。我一直认为前端开发人员是使用以下技术进行编码和testing的人员（示例）： – HTML; – CSS; – JAVASCRIPT / AJAX /animation; – 浏览器和设备testing; 从我所了解的UI开发人员来说，完全一样？（*）我不确定是否应该在“超级用户”或“Stackoverflow”中发布。我认为这应该问开发商，所以我张贴在这里（对任何事抱歉）。非常感谢您的期待！

好的postgresql客户端的Windows？: 经过几年的oracle后重新回到postgresql … 什么是最先进的postgresqlpipe理/ ddl生成/数据插入在Windows前端？如果它已经整合了postgis，那也不错。它应该是独立的或者intellij想法的插件回想起来，所有我用过的postgresql的windows程序都是废话，特别是PGAdmin。它变得更好了吗？

使用reactjs和requirejs: 最近，我开始使用reactjs和backbonejs路由器来构build一个应用程序。我通常使用requirejs进行依赖和代码pipe理。但是，当我尝试包含包含jsx语法的文件时，会出现问题。这是我到目前为止我的router.js ： define(["backbone", "react"], function(Backbone, React) { var IndexComponent = React.createClass({ render : function() { return ( <div> Some Stuff goes here </div> ); } }); return Backbone.Router.extend({ routes : { "": "index" }, index : function() { React.renderComponent(<IndexComponent />, document.getElementById('index')); } }); }); 我如何把IndexComponent放在它自己的文件中，并在这个文件中调用它？我已经尝试了通常的方法（与我已经使用的骨干和反应一样），但由于jsx语法而出现错误。

前端开发者面试问题: 对于这里的软件开发人员来说，有很多很好的面试问题（甚至是“拼图”），但我想知道是否有人对前端开发人员有一些好的问题。我们正在寻找知道HTML + CSS + JS的人。一些明显的问题：你有没有使用JavaScript库？ – 后续工作：哪一个，为什么那一个比其他人？你正在跟随HTML5和CSS3的发展吗？ – 后续：你最期待哪个function，为什么？你知道前端开发人员有什么好的“谜题”吗？也许一个JS嘶嘶声？编辑：改变了这两个问题要多一点开放。

什么是最常见的字体大小的H1 – H6标签: 我一直不确定从哪里开始，作为一般的最佳实践基准。是的，我知道这取决于你的devise – 但最常见的是什么？以下是我目前作为首发的原因： h1 { font-size: 24px;} h2 { font-size: 22px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 12px;} h6 { font-size: 10px;} 是的，我目前的工作不使用新兴市场。谢谢