小编Dja*_*ave的帖子

花式盒子第二次没有打开iFrame

第一篇文章 - 你好!我使用fancybox(Fancybox主页)来显示模态窗口.我正试图在这个div里面显示一个带有iFrame的隐藏div.效果很好.第二次单击该链接时,它不会加载iFrame(不是404错误,只是iFrame中没有内容).有人可以帮忙吗?

重要的一点:

<script type="text/javascript">
function openIframeLink() {
    $.fancybox({
        'type'          : 'inline',
        'href'          : '#data'
    });
};
</script>
Run Code Online (Sandbox Code Playgroud)

和HTML:

<div id="hiddenElement">
    <iframe id="data" src="frames/frame4.php" width="100%" height="300"></iframe>
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery fancybox modal-window

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

具有不同文件的 HTML5 视频,用于响应式设计

srcsetHTML5 视频有等效的吗?目前,我在一个页面上有一个视频网格,连续 3 个,共 5 行(总共 15 个视频),如下所示:

<video width="400" poster="14.jpg" loop="loop" autoplay="autoplay">
  <source src="14.webm" type="video/webm">
  <source src="14.mp4" type="video/mp4">
</video>
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是我的页面请求大约为 6mb。由于我的视频网格是 3 宽...

<div class="row">
  <video width="400" poster="13.jpg" loop="loop" autoplay="autoplay">
    <source src="13.webm" type="video/webm">
    <source src="13.mp4" type="video/mp4">
  </video>
  <video width="400" poster="14.jpg" loop="loop" autoplay="autoplay">
    <source src="14.webm" type="video/webm">
    <source src="14.mp4" type="video/mp4">
  </video>
  <video width="400" poster="15.jpg" loop="loop" autoplay="autoplay">
    <source src="15.webm" type="video/webm">
    <source src="15.mp4" type="video/mp4">
  </video>
</div>
Run Code Online (Sandbox Code Playgroud)

...很明显,对于屏幕尺寸约为 320 像素的小型设备,我不需要 3 400 像素的视频文件,我可以使用较小的视频文件。

我正要开始重构来加载我的页面,如下所示:

<div class="row">
  <video width="400" poster="13.jpg" loop="loop" autoplay="autoplay">
  </video>
  <video …
Run Code Online (Sandbox Code Playgroud)

javascript video pageload html5-video responsive-design

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

Laravel:合并两个查询构建器

我有一个可以免费访问的课程表,或者管理员需要单击某些内容才能让用户查看课程。

course表如下所示:

| id | title          | invite_only | 
|----|----------------|-------------|
| 1  | free course    | 0           |
| 2  | private course | 1           |
Run Code Online (Sandbox Code Playgroud)

除此之外,我有一个course_user表,最初用户请求访问,然后管理员可以批准或拒绝访问:

| id | user_id | course_id | approved | declined |
|----|---------|-----------|----------|----------|
| 1  | 3       | 2         | 1        | 0        |
| 2  | 4       | 1         | 0        | 1        |
| 3  | 4       | 2         | 0        | 0        |
Run Code Online (Sandbox Code Playgroud)

我想索引用户有权访问的所有课程:

class …
Run Code Online (Sandbox Code Playgroud)

laravel laravel-query-builder

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

Chrome`位置:固定;底部:0;`被 Android UI 遮挡

我在 Android Chrome 上遇到以下代码问题。导航栏覆盖了页面底部的元素。

#test{
  position: fixed;
  bottom: 0;
  width: 100%;
  background: red;
}
Run Code Online (Sandbox Code Playgroud)

桌面版 Chrome(正确)

在此输入图像描述

安卓浏览器:

Pixel 2 上的 Android Chrome

这是演示的链接: https ://codepen.io/EightArmsHQ/pen/EMNaVg

我知道我可以增加 使其bottom: $amount显示,但在其他浏览器上该消息不会与浏览器底部齐平。

关于如何实现这项工作有什么想法吗?

css browser google-chrome

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

是否可以向 Firebase Firestore 规则添加评论?

我一直无法在文档中找到任何说明您是否可以添加评论的内容,即

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      // Testing the removal of this line:
      // allow read: if true;
      allow read: if false;
      allow write: if request.auth.uid != null;
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

网上有关于规则语法的信息吗?它是用什么语言编写的?

firebase firebase-security google-cloud-firestore

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

Safari requestAnimationFrame 以 30fps 运行

我有一个移动和渲染飞机的基本场景。

  • Chrome 中的帧率为 120 fps
  • Safari 中的帧率为 30 fps

我怎样才能将它们标准化,并在两者上获得相似的性能,最好是达到 120fps 的速率?

Safari 的 30fps 给我的感觉就是杀手。

到目前为止,我已经尝试使用:

this.renderer = new THREE.WebGLRenderer({
  canvas: this.canvas,
  powerPreference: "high-performance",
});
Run Code Online (Sandbox Code Playgroud)

但该powerPreference属性似乎没有任何明显的区别,所以我认为这是requestAnimationFrame我需要修复的时间。

this.renderer = new THREE.WebGLRenderer({
  canvas: this.canvas,
  powerPreference: "high-performance",
});
Run Code Online (Sandbox Code Playgroud)
const mod = (k, n) => ((k %= n) < 0) ? k+n : k;
const lerp = (v0, v1, t) => (1 - t) * v0 + t * v1;
const fpsElem = document.querySelector("#fps");

const ThreeCarousel = {
  clock: …
Run Code Online (Sandbox Code Playgroud)

safari three.js

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

Laravel Cashier在每个月的最后一天进行Stripe结束试用并开始订阅

我正在尝试使用Stripe和Laravel以及Laravel Cashier根据当月的最后一天为用户创建订阅.所以,我只是设定了该月最后一天的试用结束日期,以阻止它们立即收费:

$user = Auth::user();

$user->trial_ends_at = Carbon::now()->lastOfMonth();
$user->save();
$user->subscription(Input::get('subscription'))->create(Input::get('stripeToken'), [
    'email' => $user->email
]);

return Redirect::to('/profile');
Run Code Online (Sandbox Code Playgroud)

但由于某种原因,Stripe和Laravel忽略了这一点,并且在我的数据库和Stripe admin中,我将试用结束日期设置为Stripe默认值(从今天起40天).如果我尝试在没有试用的Stripe帐户上进行设置,它会立即向测试用户收费.

我究竟做错了什么?

如果我注释掉该$user->subscription...行,它会在数据库中保留正确的时间.

laravel stripe-payments

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

如何设置Laravel Cashier的默认货币

如何设置Cashier的默认货币?抓我的头 - 有多个源文件和发行说明提到它,但我很难找到设置它的位置.我想从改变USDGBP.

此外,有一些功能,如dollars()删除或重命名,这将是最好的方法是什么?

laravel

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

更改 Git 中的远程分支

我在 Github 上有一个项目,但我很难将其更改转移到我的本地计算机上。我最近使用 Fortrabbit 部署了一个应用程序,其中涉及创建一个新的远程存储库以将所有文件推送到 \xe2\x80\x93\xc2\xa0now (我是一个菜鸟)我正在努力返回拉动和推送更改这origin

\n\n

如果我跑git status

\n\n
On branch master\nYour branch is up-to-date with 'fortrabbit/master'.\n\nnothing to commit, working directory clean\n
Run Code Online (Sandbox Code Playgroud)\n\n

如果我运行,git fetch origin则不会出现任何错误,只需返回命令行即可。

\n\n

如果我git status再次跑步,我仍然会得到

\n\n
On branch master\nYour branch is up-to-date with 'fortrabbit/master'.\n\nnothing to commit, working directory clean\n
Run Code Online (Sandbox Code Playgroud)\n\n

我想说的是Your branch is up-to-date with 'origin/master'.

\n\n

git remote -v给我两个存储库(我想?)

\n\n
fortrabbit  git@git8.eu1.frbit.com:app.git (fetch)\nfortrabbit  git@git8.eu1.frbit.com:app.git (push)\norigin  https://github.com/djave/app.git (fetch)\norigin  https://github.com/djave/app.git (push)\n
Run Code Online (Sandbox Code Playgroud)\n\n

我只是需要git …

git github

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

如何使用 p5.js 计算圆上直线的交点

我有一条线 ( se),我知道它从圆内开始,并且我知道在圆外结束。我试图找到一条l线与圆相交的点。

计算圆中直线的交点 - 设置

我正在使用p5.j​​s库并且可以访问它的所有 Vector 函数。

我的想法是,如果我可以在线上与半径成直角,我就可以开始解决一些问题。

计算圆中直线的交点 - 尝试

// Get the vector between s and c
let scVector = p5.Vector.sub(start, circleCenter);
// Get the angle between se and sc
let escAngle = this.v.angleBetween(scVector);
// Get the distance between t (where the right angle hits the center of the circle) and c
let tcDistance = Math.sin(escAngle) * scVector.mag();
// Get the distance between t and where the line intersects the circle
let tlDistance = Math.sqrt(Math.pow(hole.r, 2) - …
Run Code Online (Sandbox Code Playgroud)

javascript math processing geometry p5.js

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