小编ant*_*129的帖子

<strong> vs <em>?

有什么不同?他们都强调文本.该<em>标签显示的文字为楷体,而<strong>使得文本加粗,这是唯一的区别?

html xhtml semantics

46
推荐指数
4
解决办法
2万
查看次数

如何从ServiceWorker流式传输视频?

我有一个服务工作者捕获我的页面的请求(fetch事件),当URL匹配某个模式时,它将获取另一个URL并用该新内容替换响应.它适用于文本数据(JS,XML ...)或二进制数据(例如图像),但是当涉及到视频时,会出现故障.

我在OSX上使用Chrome 41.

这是我的工作人员的简化代码:

self.addEventListener('fetch', function(event) {
  var url = event.request.url;
  console.log('SW: fetch', url);
  if (/\.mp4$/.test(url)) {
    url = 'https://vjs.zencdn.net/v/oceans.mp4';
    var options = {
      credentials: 'include',
      mode: 'no-cors'
    };
    event.respondWith(fetch(url, options));
  }
});
Run Code Online (Sandbox Code Playgroud)

这是我的HTML页面中的简化代码:

navigator.serviceWorker.register('sw.js').then(function(reg) {
  console.info('ServiceWorker registration successful for', reg.scope);

  var video = document.createElement('video');
  video.src = '/video.mp4';
  video.controls = true;
  video.autoplay = true;
  video.onerror = function(err) {
    console.error('Video load fail', err);
  }
  video.onload = function(data) {
    console.info('Video load success');
  }
  document.body.appendChild(video);

}).catch(function(err) {
  console.error('ServiceWorker registration failed:', …
Run Code Online (Sandbox Code Playgroud)

javascript html5 video-streaming html5-video service-worker

13
推荐指数
1
解决办法
2298
查看次数

如何在React Native应用程序中集成G​​oogle的reCAPTCHA?

我没有找到任何React Native库来帮助reCAPTCHA,我找到的唯一的Android库是Android-Lib-reCAPTCHA,但它使用旧的API(显示一个密码而不是一个复选框).

我试图使用react-native-webview-bridge显示Javascript reCAPTCHA,但我无法使其工作,而且非常缓慢且不稳定.此外,有时候验证码不仅仅是一个复选框,还需要更多空间来显示图片.

除了WebView,您还知道其他任何方式吗?我还检查了原生Android验证码系统,但它们都太旧/复杂(密码).

此外,机器人安装应用程序和订阅的频率是多少?也许我不需要验证码,只需要一个密钥/ CSRF令牌?

captcha recaptcha webview react-native

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

JavaScript中的链式赋值和循环引用

请考虑以下陈述:

var foo = {n: 1};
foo.bar = foo = {n: 2};
Run Code Online (Sandbox Code Playgroud)

你能解释为什么foo.barundefined被代替foo

javascript

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

将不同高度的盒子均匀地分布在 flexbox 列上

我有一些宽度相同但高度不同的框(取决于它们的内容——它们是标题+文本的注释)和一个自动高度的容器(愿意滚动)。这个想法是将容器中的笔记跨列分布,使其看起来像 Google Keep。现在我正在使用 flexbox 行,但我正在失去空间:

带有 flexbox 行的示例

我当前的 CSS 看起来像:

.container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  padding: 10px;
}
.note {
  flex-basis: 50%;
}
.note>div {
  margin: 10px;
}
Run Code Online (Sandbox Code Playgroud)

问题是,如果我切换到flex-direction: column,因为height: auto我的 flexbox 容器,注释只生成一列,因为他们看不到任何换行的理由。如果不先渲染注释,在 Javascript 中计算容器的高度将非常困难(我正在使用 React ......)我在这里遗漏了什么吗?

这是我希望实现的结果:

在此处输入图片说明

我不想使用 jQuery,我很想避免使用 Javascript ...

javascript css flexbox reactjs

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

material-ui安装npm依赖项

我是React和NPM的新手.我创建了一个新的目录,没有npm init,npm install我安装了反应.

这是我的package.json:

{
  "name": "reactapp",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "react": "^15.0.1",
    "react-dom": "^15.0.1"
  },
  "devDependencies": {
    "babel-core": "^6.7.6",
    "babel-loader": "^6.2.4",
    "babel-preset-es2015": "^6.6.0",
    "babel-preset-react": "^6.5.0",
    "webpack": "^1.12.15"
  }
}
Run Code Online (Sandbox Code Playgroud)

问题是在安装时material-ui我得到了这个屏幕,我无法理解我是如何解决它的.

丝网印刷

谢谢.

npm reactjs material-ui

2
推荐指数
1
解决办法
1616
查看次数