我一直在做一些研究,我想我已经知道了答案,但我想知道是否有任何方法可以在不使用javascript或依赖CSS3媒体查询的情况下获得设备的屏幕尺寸和像素密度.
本质上,我正在研究获取屏幕分辨率和像素密度所需的内容,以便服务器可以决定在URI请求中向服务器提供哪个图像.
到目前为止,我还没有找到任何说这甚至可能的东西,但我觉得嘿,为什么不问?
我的页面上有一个 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 切换它们。它真的很脏,但我不确定我的其他选择是什么。
我们正在实现的 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仅已知的好字符串并让正常*匹配捕获其他任何内容?
我希望答案不是“硬编码所有区域设置”......
假设你有一个颜色的 CSS 自定义属性:
--color: 255,0,0
并且您希望每次都根据需要rgb或rgba根据需要专门混合它。这是有效的 CSS:
rgba(var(--color), .3)
...但是Sass 爆炸了。我一直试图看看我是否可以编写一个 mixin 或其他东西,但我无法弄清楚如何解决 Sass 坚持使用它自己的颜色函数的问题,即使它们不是必需的。
我一直在研究使用 Google/Typekit 的 WebFont Loader 处理远程 @font-face 请求失败的概念验证,但我遇到了障碍。
演示:http://dl.dropbox.com/u/114859/code-experiments/web-fonts-loader-test/index.html
现在,它不加载字体(因为它不应该加载,它不存在),但需要五秒钟才能失败。这是一个问题,因为我告诉它只需要一秒钟就会失败。据我在文档中所知,我已经正确完成了此操作(如果我给它一个正确的字符串,它就会加载字体)。
当字体 URL 错误时,除了 404 之外,我没有收到任何错误。我怎样才能解决这个问题?
所以我之前看到过类似的问题,但是我并没有考虑在Git的服务器上推送/撤销回购,这只是在我的机器上本地保存回购的地方.我仍然推/拉到GitHub.
我知道它可以在技术上生活在我想要的任何地方,但任何人都可以想到这可能会导致严重的原因吗?
我在Mac,Windows系统和Linux服务器上使用Dropbox,如果这有所不同的话.
我使用我的 Jekyll 站点(托管在 GitHub Pages 上)来做很多演示等等。为了避免拆分那些演示文件所在的位置,我真的希望能够在演示文件夹中包含一个目录,我可以用它来执行 Sass 包含(而不是构建更长的单个文件)。
换句话说:
/css 应该允许 Sass 包含来自该文件夹或子文件夹(它目前这样做)。
/demos/project-1/css 应该允许 Sass 从该文件夹或子文件夹中包含(目前还没有)。
我还没有想出如何使这种行为。
是否有纯JS版本?
$(document).on('click', 'a[href]', function(event) {
event.preventDefault();
here.change(this);
});
Run Code Online (Sandbox Code Playgroud)
我正在寻找的特定功能是为以后通过JS(例如AJAX)创建的任何链接添加事件监听器。
javascript ×3
sass ×2
ajax ×1
css ×1
dropbox ×1
firefox ×1
font-face ×1
git ×1
github ×1
github-pages ×1
html ×1
jekyll ×1
jquery ×1
localization ×1
mixins ×1
playback ×1
reactjs ×1
repository ×1
ruby ×1
video ×1