小编Jon*_*son的帖子

通过 CSS 在弹出模式后面添加背景模糊

我希望模糊点击按钮时弹出的固定模式后面的整体 100% 背景。

我本以为它只是一个模糊滤镜,但它似乎只覆盖了屏幕的一小部分。我尝试添加 100vh 高度 + 宽度,并将位置设置为固定为 top: 0, left: 0 但元素没有向右居中。

需要明确的是 - 我希望模态后面的背景元素变得模糊,因此它后面的部分但模态处于焦点。

这是 HTML(不太确定,但还是发布):

这就是我到目前为止编写的所有代码 - 希望在添加其余部分之前执行此操作。任何提示都会很棒。干杯!

.blog-modal-section {
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: blur(8px);
  -webkit-filter: blur(8px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
}

.blog-modal-container {
  height: 40%;
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
Run Code Online (Sandbox Code Playgroud)
<section class="blog-modal-section">
  <div class="blog-modal-container">
    <div class="blog-modal-content">
      <h2>My blogs</h2>
      <ul>
        <li>
          <a href="#">Blog 1 - Coming Soon</a>
        </li>
      </ul>
    </div> …
Run Code Online (Sandbox Code Playgroud)

html css

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

无需发布 iOS 应用程序即可获取 App Store ID

我目前正在开发一个 React Native 应用程序,最终将在 iOS App Store 上发布。

我目前正在尝试在应用程序内构建深层链接,但我需要一个 App Store ID 才能执行此操作。

在谷歌上搜索后 - 这个查询没有当前的答案,但感觉非常重要,而且我找不到任何关于它的文档。

有谁知道是否可以在不发布应用程序的情况下获得 App Store ID?

ios react-native

6
推荐指数
0
解决办法
656
查看次数

调用 Vercel 无服务器函数时 Stripe Webhook 返回 308 错误

我已经使用 Stripe 设置了一个 Webhook,它在触发时调用无服务器函数。

该函数的目的是在调用时更新我的​​数据库中的条目,表明用户已注册高级帐户。

当我在本地运行它时,网络钩子工作得很好。它触发 API、更新用户并处理付款。

然而,当它上线运行时,我不断收到 308 错误:

重定向到 my-app-url.com

这是我的函数的代码:

import { buffer } from "micro"
import { createClient } from "@supabase/supabase-js";

require("dotenv").config();

const stripe = require("stripe")(process.env.STRIPE_LIVE_KEY)

const endpointSecret = process.env.STRIPE_WEBHOOK_SECRET

const supabaseUrl = process.env.REACT_APP_SUPABASE_URL
const supabaseAnonKey = process.env.REACT_APP_SUPABASE_ANON_KEY

const supabase = createClient(supabaseUrl, supabaseAnonKey)

module.exports = async (req, res) => {

   const signature = req.headers["stripe-signature"]
   const reqBuffer = await buffer(req)

   let event 

   try {
    event = stripe.webhooks.constructEvent(reqBuffer, signature, endpointSecret)
   } catch (err) {
    console.log(err)
    return res.status(400).send(`Webhook error: …
Run Code Online (Sandbox Code Playgroud)

node.js stripe-payments serverless vercel

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

如何根据变量的输出设置 React Web 应用程序中组件的宽度

我有一个组件,我试图根据变量的结果设置其宽度。

该变量返回 1 到 100 之间的数字,因此我想设置宽度以反映变量的结果。

但是,尽管能够在组件内渲染结果,但我无法设置宽度。这是我第一次尝试有条件地渲染 React 组件的宽度,所以我认为我做了一些明显错误的事情。

这是有问题的渲染函数:

const fetchLoans = this.state.debts.map(debt => {

      const loanBalance = debt.balance
      const loanBorrowed = debt.borrowed
      const loanSum = Math.round(loanBalance / loanBorrowed * 100)

      return (<div className="individual-loan-amount-outstanding" key={debt._id}>

        <div className="individual-loan-amount-bar">

          <div className="individual-loan-amount-indicator" style={{ width: {loanSum} }}>{loanSum}%</div>

        </div>
        </div>
      )
    })
Run Code Online (Sandbox Code Playgroud)

正如您希望看到的那样,我正在尝试根据“loanSum”的结果设置“宽度”。

我可以在 div 中渲染“loanSum”,但不能使用宽度。

谁能指出我哪里出错了?

谢谢!

css reactjs

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

通过 JS 在 HTML 中打印当前年份时间戳

我试图在我的页脚中在我的版权旁边打印当前年份,但它不起作用。
"Name "会由我的品牌名称替换。

<div class="footer-content-3">
    <i class="far fa-copyright"></i>
    <h4 id="copyright-year"></h4>
</div>

<script>
    var year = getFullYear();
    document.getElementById('copyright-year').innerHTML = ("Name " + year);
</script>
Run Code Online (Sandbox Code Playgroud)

html javascript

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

在 Go 中将字符串从 HTTP 请求转换为数据结构

我有一个 HTTP Post 方法,它成功地将数据发布到外部第三方 API 并返回响应。

然后,我需要从此响应返回的数据发布到我的数据库。

响应包含一些数据,但我只需要其中的“access_token”和“refresh_token”。

因此,我试图做的是将响应从字符串转换为我创建的新数据结构中的各个组件,然后传递到我的数据库。

然而,尽管数据已成功写入我的浏览器,但数据显示为空白。我显然做了一些根本错误的事情,但不确定是什么......

这是我的代码:

type data struct {
    Access_token  string `json:"access_token"`
    Refresh_token string `json:"refresh_token"`
}

func Fetch(w http.ResponseWriter, r *http.Request) {

    client := &http.Client{}

    q := url.Values{}

    q.Add("grant_type", "authorization_code")
    q.Add("client_id", os.Getenv("ID"))
    q.Add("client_secret", os.Getenv("SECRET"))
    q.Add("redirect_uri", "https://callback-url.com")
    q.Add("query", r.URL.Query().Get("query"))

    req, err := http.NewRequest("POST", "https://auth.truelayer-sandbox.com/connect/token", strings.NewReader(q.Encode()))

    if err != nil {
        log.Print(err)
        fmt.Println("Error was not equal to nil at first stage.")
        os.Exit(1)
    }

    req.Header.Add("Content-Type", "application/x-www-form-urlencoded")

    resp, err := client.Do(req)
    if err != nil {
        fmt.Println("Error sending …
Run Code Online (Sandbox Code Playgroud)

go

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

将 client_reference_id 附加到 stripe 触发器 webhook

我目前正在尝试在结帐会话完成后通过 Webhook 测试从 Stripe 接收 client_reference_id 。

目前,我正在通过 Stripe CLI 使用以下命令运行测试触发器:

条带触发器 checkout.session.completed

这成功调用了我后端的端点,并记录了事件。

但是,在通过 CLI 进行的这些触发器调用中,client_reference_id 为空。我想用我网站的用户 ID 填充此内容,这样我就可以更新我的数据库以将用户标记为高级帐户。

为此,我尝试这样做:

条带触发器 checkout.session.completed --add customer:client_reference_id=1234

希望它将 id 设置为 1234。但是,它保持为 null。

有谁知道通过 Stripe CLI 设置 client_reference_id 的命令是什么?

stripe-payments

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