小编Max*_*Gui的帖子

我正在使用基本示例在 Ubuntu 上构建 lambda。它构建时没有任何错误，但如果我在 aws 上上传并测试它，则会崩溃：

{
  "errorMessage": "RequestId: 7f4d0aca-125c-4032-98dd-9ff387e5252b Error: Runtime exited with error: exit status 1",
  "errorType": "Runtime.ExitError"
}

日志输出为：

START
RequestId: 7f4d0aca-125c-4032-98dd-9ff387e5252b
Version: $LATEST.~.jwtauthorizeraws.jwtauthorizerawsapplication: /lib64/libc.so.6: version `GLIBC_2.32' not found (required by ./~.jwtauthorizerawsapplication)
END 
RequestId: 7f4d0aca-125c-4032-98dd-9ff387e5252b
REPORT
RequestId: 7f4d0aca-125c-4032-98dd-9ff387e5252b
Duration: 56.02 ms
Billed Duration: 57 ms
Memory Size: 128 MB
Max Memory Used: 7 MB   
RequestId: 7f4d0aca-125c-4032-98dd-9ff387e5252b
Error: Runtime exited with error: exit status 1
Runtime.ExitError

我正在开发一个 Web 项目，并从其他人创建的 HTML/CSS 模板开始。它似乎使用了我不太了解的引导程序。

在使用 chrome 开发工具时，我注意到所应用的一些 css 样式来自我在系统上找不到的 scss 文件。我想知道这些文件存在于哪里？

截图来自

1. Chrome 开发工具告诉我应用样式的 scss 文件的路径

2. 我的系统上的 scss 文件夹所在的路径似乎不存在。请注意，我位于“vendor”文件夹中，但没有开发工具显示的 scss 文件夹。

有人可以向我解释浏览器从哪里加载这些 scss 文件吗？我尝试过让 Windows 显示隐藏的文件和文件夹，但这没有什么区别。谢谢！

通过 Chrome 开发工具访问 scss 文件的路径：

我的文件系统上的相同路径

我似乎无法让卡片横跨 col-md-6 列的整个宽度，除非卡片中有足够的文本将其推到全宽。但是，即使没有文本，我也希望它是 col-md-6 列的全宽。

如果我取消注释该<p>标签，则它完全适合宽度，但即使文本很少或没有文本，我也需要使其全宽。

<div class='col-md-6 jobs_index_middle_panels'>
      <div class="row">

            
  <div class="card">
    <div class="card-block">
      <h4 class="card-title">Card title</h4>
      <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
      <!--<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>-->

    </div>
  </div>        


    </div> <!--/.row -->
 </div> <!-- ./col-md-6 -->

我正在创建一个标题，标题中有多个项目，例如联系人、产品等。

因此，我正在使用下拉菜单创建产品，如果我将鼠标悬停，则应该出现下拉菜单。

但由于我的样式存在一些问题，它位于标题后面。

这是codesandbox - https://codesandbox.io/s/youthful-worker-btgscc?file=/src/Components/Header.jsx

我认为这个问题主要是由 z-index 引起的，但我尝试使用它，但没有成功。

我想知道你是否可以帮助我。我有多个复选框输入，并且在许多设备和浏览器中进行了测试。仅在 Apple 13.7 中，我看到我的复选框输入是圆形且非常小，如下图所示：

我的HTML：

form-group {
    margin-bottom: 15px;
}

.dataallow {
    display: flex;
}

.dataallow input {
    margin-right: 8px;
}

label {
    color: #595959;
}

.dataallow label {
    margin-left: 3px;
    margin-bottom: 0;
}

.size-small {
    font-size: 13px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> …

我将 tailwindcss 安装到 vuejs SPA 中，所有设置都创建了 asset/css/tailwind.css 并添加了必要的基本样式，将其导入到 main.js 文件中创建了 postcss.config.js 文件并从官方复制了所需的配置文档，但顺风样式不适用于我的标记。

tailwind.css 内部：

    @tailwind base;
    
    @tailwind components;
    
    @tailwind utilities;

在 postcss.config.js 内：

    module.exports = { 
        plugins: [ 
            // ... 
            require("tailwindcss"),
            require("autoprefixer"), 
            // ... 
        ],
    }

在 main.js 文件中：

    import Vue from "vue"
    import App from "./App.vue"
    import "./registerServiceWorker"
    import router from "./router"
    import store from "./store"
    import axios from "axios"
    import "./assets/css/tailwind.css"
    import firebase from "firebase/app"
    import "firebase/firestore"
    import "firebase/auth"

package.json 文件：

    "dependencies": { 
        "autoprefixer": "^9.7.6",
        "axios": "^0.19.2",
        "core-js": …

一直在尝试更改 HTML5 视频的源视频（单击按钮后）。但是我遇到了错误。代码和错误如下：

相关 HTML：

<video id="video2" playsinline controls muted preload="auto" style="z-index: -1; position: absolute;">
    <source src="exercise_media/vid_exercise_sample_1.mp4" type="video/mp4"  > 
</video>

（关于 z-index 的东西 - 这个视频播放然后被一个重新绘制它的画布抓取，作为整个应用程序的一部分。可能不相关，但我想我会提到它。）

相关的Javascript。启动视频，播放正常。这有点深奥，因为我是从别人的样本开始的。

loadCompanionVideo();

export async function loadCompanionVideo() {
    setStatusText('Setting up companion video...');
  try {
    video2 = await loadVideo2();
  } catch (e) {
    let info = document.getElementById('info');
    info.textContent = '(video player) this device type is not supported yet, ' +
      'or this browser does not support video capture: ' + e.toString();
    info.style.display = 'block';
    throw e;
  } …

我是 HTML、CSS 新手，我一直在努力用图像制作这个负责任的网格。当您将鼠标悬停在它们上方时，会出现文本，但效果很好。问题是，一旦我调整屏幕大小，网格就会保持不变，并且不会缩小以适应。此外，一旦屏幕宽度小于 900 像素，图像就会变得混乱。

预先感谢您的提示！

全屏截图

当屏幕较小时

屏幕宽度低于 900px

#grid {\n    width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-auto-rows: 0.2fr;\n    grid-gap: 10px; \n}\n\n.contain {\n    position: relative;\n    margin: 0;\n    width: 100%;\n    height: 100%;\n}\n\n#grid img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.description {\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    padding: 1rem;\n    text-align: left;\n    background: rgba(29, 106, 154, 0.72);\n    color: #fff;\n    visibility: hidden;\n    opacity: 0;\n    transition: opacity 0.4s, …

我有一个管理员，他可以在其中创建和更新用户。我提出了一个名为UserUpdateRequest. 如何传递用户 ID 以便它可以更新用户详细信息？这是我的规则：

// UserUpdateRequest 
public function rules()
{
    return [
        'firstname' => 'required|min:2|max:255',
        'lastname' => 'required|min:2|max:255',
        'username' => 'required|max:255',
        'password' => 'required|min:6|confirmed',
        'email' => 'required|email|max:255|unique:users,email,????',
        'contact' => 'required|integer',
        'gender' => 'required|in:m,f',
        'role_id' => 'required|exists:roles,id',
    ];
}

// Controller
public function update(UserUpdateRequest $request, User $user)
{
    $user->update([
        'firstname' => request('firstname'),
        'lastname' => request('lastname'),
        'username' => request('username'),
        'email' => request('email'),
        'contact' => request('contact'),
        'gender' => request('gender'),
        'role_id' => request('role_id'),
    ]);

    session()->flash('message', 'User has been successfully added.');

    return redirect('/users/' …

我试图在 JavaScript 或 jQuery 中从字符串（而不是对象）中删除所有样式属性。

例子

var html = "<p style="color:red">my text</p>";

我想获得这个：

<p>my text</p>

是否可以不调用我们可以在对象上调用的函数（as removeAttr）？

谢谢

嘿，我在一个项目网站上工作，但我遇到了问题，列，

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class="row-eq-height">
  <div class="col-xs-4 col-md-4">
    <div class="thumbnail">
      <img src="img/seo.png" height="150" width="150">
      <div class="caption">
        <h4 class="text-center">SEO Services</h4><hr class="style-one">
        <h4 class="text-center">We provide you with SEO Services ,which will boost your site ranking on different search engine, Google,Yahoo,etc.</h4>
        <div class="text-right">
          <a href="#" class="btn btn-primary" >25$</a>
        </div>
      </div>
    </div>
  </div>


  <div class="col-xs-4 col-md-4 ">
    <div class="thumbnail">
      <img src="img/s2.png" height="150" width="150">
      <div class="caption">
        <h4 class="text-center">Websiite Templates</h4><hr class="style-one">
        <h4 class="text-center">Here we provide you …

author我正在尝试获取实体中一对多属性的内容Strip。该关系是实体Account与实体之间的Strip、双向的、并且由实体所拥有Strip。

这是我的代码：

剥离.php

/**\n* Strip\n*\n* @ORM\\Table(name="strip")\n* @ORM\\Entity(repositoryClass="AppBundle\\Repository\\StripRepository")\n*/\nclass Strip\n{\n//...\n    /**\n     *\n     * @ORM\\ManyToOne(targetEntity="Account", inversedBy="strips")\n     * @ORM\\JoinColumn(name="author_id", referencedColumnName="id")\n     */\n    private $author;\n//...\n}\n

帐户.php

/**\n * Account\n *\n * @ORM\\Table(name="account")\n * @ORM\\Entity(repositoryClass="AppBundle\\Repository\\AccountRepository")\n */\nclass Account\n{\n    //...\n    /**\n     * @var array\n     *\n     * @ORM\\OneToMany(targetEntity="Strip", mappedBy="author")\n     */\n    private $strips;\n\n    public function __construct() {\n        $this->strips = new ArrayCollection();\n    }\n    //...\n}\n

author当我尝试从 a获取属性时strip，account右侧为空id，但其他字段（username、slug、...）为空。 …

我需要一个在转换完成时返回承诺的元素。下面的代码工作正常，但是，我想知道是否可以用完整的async/await语法重写此代码。

const box = document.querySelector(".box");

const animate = () =>
  new Promise((resolve) => {
    box.classList.add("animate");
    box.addEventListener("transitionend", () => resolve());
  });

box.addEventListener(
  "click",
  async() => {
    await animate();
    console.log("done animating!");
  }, {
    once: true
  }
);

.box {
  width: 100px;
  height: 100px;
  background-color: blue;
  transition: width 3s linear;
}

.box.animate {
  width: 100%;
}

<div class="box"></div>