小编Jon*_*lok的帖子

在Chrome的网络标签中显示源地图

我开始将源映射用于我的SASS代码,以便在Chrome中进行调试。

我理解它的工作方式是Chrome要求样式表资源和.map资源,但我只看到样式表显示在“网络”标签中。

我知道它在那里并且我知道它正在工作,因为我可以在元素标签和源标签中从源地图中看到更多信息。

我也知道我没有明确需要看到它在网络选项卡,如果用户没有在开发工具的标志设置它不会加载,但我期望看到它加载其他事物一样正常请求,因为我想象它像其他所有资源一样被加载?我想绝对可以看到所有正在加载的东西都是让我省心的。我正在尝试创建一个性能卓越的网站,并且我真的不希望浏览器发出的请求不为所动!

那么,有什么方法可以使源地图显示在“网络”选项卡中?

css google-chrome sass source-maps

7
推荐指数
1
解决办法
1463
查看次数

在javascript中使用API​​,使用高于JS max整数的ID

我正在构建一个Node后端,它从Vine API中提取数据,并将其返回到我的前端.员额和用户的ID是Number类型的,他们经常超过JavaScript可以支持的最大整数,根据这个问题.

API的示例ID是934416748524998656.当我JSON.parse在前端使用时,它用0替换最后2位数字,因为它无法读取高数字当我尝试使用特定ID与API通信时会导致问题,因为它现在无法识别ID .

有没有什么东西,没有用另一种语言创建新服务,我可以做些什么来处理这些ID?我尝试使用toString()将数字解释为字符串,但这只是创建了一个已经格式错误的字符串.

谢谢你的帮助

javascript type-conversion node.js

5
推荐指数
1
解决办法
100
查看次数

将元素与Flexbox中的底部对齐,而不使用position:absolute

请参阅这里的jsfiddle:https://jsfiddle.net/q3ob7h1o/1/ 或者如果您愿意,请在此处阅读:

* {
  margin: 0;
  padding: 0;
}
ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-align-content: flex-end;
  align-content: flex-end;
}
.tile {
  width: 33%;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
}
.content {
  background: beige;
}
.footer {
  background: teal;
}
Run Code Online (Sandbox Code Playgroud)
<ul>
  <li class="tile">
    <div class="content">
      <div class="photo"></div>
      <h3>This is some long long long long long long long long long long long long long long long long …
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox

5
推荐指数
1
解决办法
959
查看次数