小编dou*_*aci的帖子

检测服务器端的屏幕尺寸和像素密度?

我一直在做一些研究,我想我已经知道了答案,但我想知道是否有任何方法可以在不使用javascript或依赖CSS3媒体查询的情况下获得设备的屏幕尺寸和像素密度.

本质上,我正在研究获取屏幕分辨率和像素密度所需的内容,以便服务器可以决定在URI请求中向服务器提供哪个图像.

到目前为止,我还没有找到任何说这甚至可能的东西,但我觉得嘿,为什么不问?

ruby ruby-on-rails device-detection

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

HTML5 视频在循环中卡顿?

我的页面上有一个 HTML5 视频元素,它被缩放以填充整个背景,其想法是它会在播放时循环播放。这在 Chrome 中运行良好,但 Safari 和 Firefox 在循环中出现卡顿。在 Firefox 中这是一个很好的半秒。有任何想法吗?

这是我对视频播放器的标记:

<video id="vid" preload="auto" autoplay loop onended="this.play();">
  <source src="vid.mp4" type="video/mp4"/>
  <source src="vid.webm" type="video/webm"/>
</video>
Run Code Online (Sandbox Code Playgroud)

我尝试了很多东西,比如完全用 JS 控制播放,而不是依靠浏览器来解决。但总是有口吃。我不认为这是预加载的问题,因为如果我在本地进行所有操作,视频会立即加载(显然)但仍然存在相同的循环。这只是这些浏览器固有的问题吗?

我很想创建视频的两个实例,并在每个完成后简单地用 JS 切换它们。它真的很脏,但我不确定我的其他选择是什么。

html javascript video firefox playback

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

在 React Router v6 中将动态段限制为某些值?

我们正在实现的 URL 结构具有类似于mysite.com/en/some-page页面en要翻译成的语言的 URL。我的代码的一个简化示例是:

<Router>
    <Routes>
        <Route path="/" element={<RedirectToLocale />} />
        <Route path="/:locale">
            <Route index element={<Home />} />
            <Route path="about" element={<About />} />
            <Route path="news" element={<News />} />
            <Route path="*" element={<NotFound />} />
        </Route>
        <Route path="*" element={<NotFound />} />
    </Routes>
</Router>
Run Code Online (Sandbox Code Playgroud)

RedirectToLocale如果某人点击基本页面,则只需将其重定向到适当的区域设置。

mysite.com/en问题是这显示了(好)和mysite.com/asdf(坏)的主页。后者应该被视为*错误。

以前版本的 React Router 对动态段有一定程度的正则表达式支持,但 v6 似乎没有。有没有一种方法可以限制:locale仅已知的好字符串并让正常*匹配捕获其他任何内容?

我希望答案不是“硬编码所有区域设置”......

localization reactjs react-router-dom

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

由于 CSS 自定义属性而导致 Sass 中断?

假设你有一个颜色的 CSS 自定义属性:

--color: 255,0,0

并且您希望每次都根据需要rgbrgba根据需要专门混合它。这是有效的 CSS:

rgba(var(--color), .3)

...但是Sass 爆炸了。我一直试图看看我是否可以编写一个 mixin 或其他东西,但我无法弄清楚如何解决 Sass 坚持使用它自己的颜色函数的问题,即使它们不是必需的。

css sass mixins css-variables

4
推荐指数
1
解决办法
1301
查看次数

WebFont Loader 似乎不尊重超时属性?

我一直在研究使用 Google/Typekit 的 WebFont Loader 处理远程 @font-face 请求失败的概念验证,但我遇到了障碍。

演示:http://dl.dropbox.com/u/114859/code-experiments/web-fonts-loader-test/index.html

现在,它不加载字体(因为它不应该加载,它不存在),但需要五秒钟才能失败。这是一个问题,因为我告诉它只需要一秒钟就会失败。据我在文档中所知,我已经正确完成了此操作(如果我给它一个正确的字符串,它就会加载字体)。

当字体 URL 错误时,除了 404 之外,我没有收到任何错误。我怎样才能解决这个问题?

javascript font-face webfont-loader

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

如何在Dropbox中保留GIT存储库?

所以我之前看到过类似的问题,但是我并没有考虑在Git的服务器上推送/撤销回购,这只是在我的机器上本地保存回购的地方.我仍然推/拉到GitHub.

我知道它可以在技术上生活在我想要的任何地方,但任何人都可以想到这可能会导致严重的原因吗?

我在Mac,Windows系统和Linux服务器上使用Dropbox,如果这有所不同的话.

git github repository dropbox

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

在 GitHub Pages 的 Jekyll 站点中包含多个 sass 目录?

我使用我的 Jekyll 站点(托管在 GitHub Pages 上)来做很多演示等等。为了避免拆分那些演示文件所在的位置,我真的希望能够在演示文件夹中包含一个目录,我可以用它来执行 Sass 包含(而不是构建更长的单个文件)。

换句话说:

/css 应该允许 Sass 包含来自该文件夹或子文件夹(它目前这样做)。

/demos/project-1/css 应该允许 Sass 从该文件夹或子文件夹中包含(目前还没有)。

我还没有想出如何使这种行为。

sass jekyll github-pages

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

单击香草JS版本的jQuery文档是否可获得链接?

是否有纯JS版本?

$(document).on('click', 'a[href]', function(event) {
  event.preventDefault();
  here.change(this);
});
Run Code Online (Sandbox Code Playgroud)

我正在寻找的特定功能是为以后通过JS(例如AJAX)创建的任何链接添加事件监听器。

javascript ajax jquery addeventlistener

0
推荐指数
2
解决办法
2345
查看次数