小编Her*_*key的帖子

在构建用于生产的角度2 app时,我们使用

ng build --prod --w --aot 

但是我们的模拟服务也可能因为我们拥有而捆绑和缩小

import {XMockService} from "./xxx-mock.service";

这可以防止树摇晃丢弃未使用的服务.这是我们简化的app.module.ts,它在environment.mock = true时有条件地延迟加载模拟服务

我想这是一个常见的场景,但我找不到任何答案.

app.module.ts:

import {BrowserModule} from "@angular/platform-browser";
import {NgModule} from "@angular/core";
import {FormsModule} from "@angular/forms";
import {HttpModule} from "@angular/http";
import {AppComponent} from "./app.component";
import {environment} from "../environments/environment";
import {XService} from "./xxx.service";
import {XMockService} from "./xxx-mock.service";

let importedModules: Array<any> = [
  XService
];

if (environment.mock) {
  importedModules.push(
    {provide: XService, useClass: XMockService}
  );
} else {
  importedModules.push(
    XService
  );
}

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule, …

有没有办法使用 Tailwind CSS 调整 HTML 组件背景图像样式的线性渐变角度？

我唯一能做的就是在方向选项之间进行选择：t(top)、tr(top-right)等，但我想将具有 Tailwind 类的 hr 元素的渐变角度设置为 24 度.bg-gradient-[160deg]（以及颜色：.from-lime .to-red）

我观察到在角度2中,promise API没有finally块

角1:

 loadUsers() {
  fetch('/api/users').then((response) => {
    return response.json();
  }).then((data) => {
    this.users = data;
  }).catch((ex) => {
    console.error('Error fetching users', ex);
  }).finally(() => {
     this.userLoaded = true;
};

假设我必须在角度2中做同样的事情

如何在角度2承诺中添加finally块,截至目前只有then & catch blocks角度2可用.如果不是最后那么在执行每个方法之后有没有办法添加清理代码,我在哪里编写代码来做最后的阻塞活动？

所以.. 我正在构建一个 chrome 扩展程序，它包含一个简单的弹出页面，当您单击扩展程序的图标时会出现该页面。这个弹出页面由一些简单的 HTML、CSS 和 jQuery 代码组成。没有什么花哨。

该JS似乎运行正常，但CSS悬停，过渡和动画效果是非常laggy （可达5秒落后），当我交互与它在外部监视器上。

其他一切都运行得很好，我可以看到 JavaScript 正在按预期执行。这只是上面提到的 CSS 渲染问题。

有趣的是，如果我将相同的浏览器窗口拖到笔记本电脑的本机屏幕上，问题就消失了。一切顺利。将同一个窗口拖到我的 2 个外接显示器和 Bam 中的任何一个！落后城市...

我在我朋友的电脑上测试过，他也有同样的问题。在本机屏幕上运行良好，在外部显示器上运行缓慢。到目前为止，该问题似乎只发生在 Mac 上。经过排除，我知道问题不是显示器本身造成的，与视频输入线无关。我只能在连接到我的 Macbook Pro（2015 年初）和我朋友的 Macbook Pro（2014 年初）的外接显示器上观察到此错误。

我尝试过的事情（并没有帮助）：

• 通过 Chrome 设置禁用“硬件加速”
• 将 Chrome 恢复为默认设置
• 监控系统性能（CPU 和内存使用率均远低于限制）
• 监控 Chrome 任务管理器（该扩展程序使用最少的内存，并且在滞后和非滞后测试之间没有显着的 CPU 使用差异）
• 在 chrome://flags 中切换一堆设置
• 更换各种电缆（HTMI、DVI 和 VGA）

想知道其他人是否遇到过类似的问题？这个奇怪的外部显示器延迟问题整周都在困扰着我，我完全没有想法。

Github repo 到演示项目 -> https://github.com/peachteaboba/chrome_extension_bug_demo

- - - - - - - - - - - - - 更新 - - - - - - - - …

我有一个组控制器,它接受哈希数组作为创建操作的POST请求的参数

  def create
    response = Group.create(current_user_id, group_params)
    render json: response
  end

  def group_params
    params.require(:group).permit(:group_name, :group_title, group_members: [])
  end

但它不通过强参数接受group_members参数

以下是我的应用程序中带有params的传入请求

Started POST "/groups" for 127.0.0.1 at 2014-08-04 08:25:37 +0545
Processing by GroupsController#create as JSON
  Parameters: {"group"=>{"group_name"=>"Fourth group", "group_title"=>"fourth tester", "group_members"=>[{"id"=>"0833be3c-17db-11e4-904b-3f662703cb5b", "darknet_accountname"=>"@ckgagan", "access_level"=>"Write"}]}}
Unpermitted parameters: group_members
Completed 200 OK in 10ms (Views: 0.2ms)

我看过很多帖子,说在允许内部添加group_members:[]会有效但在我的情况下不起作用.

我正在使用 antd 并且看到此错误

findDOMNode 在 StrictMode 中已弃用。findDOMNode 传递了一个 DOMWrap 实例，它在 StrictMode 中。相反，直接向要引用的元素添加 ref

我意识到这是因为mode="horizontal". 我也尝试过使用其他组件，我在 antd 中经常看到这个错误。有没有办法解决这个问题？这是我当前的代码

import React from 'react'
import { connect } from 'react-redux';
import { Layout, Menu  } from 'antd';

const { Header, Footer, Content } = Layout;

  const AddForm = () => {
    return (
    <div>
        {/* // Menu Starts from here */}

        <Layout className="layout">
            <Header>
            <div className="logo" />
            <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['2']}>
                <Menu.Item key="1">nav 1</Menu.Item>
                <Menu.Item key="2">nav 2</Menu.Item>
                <Menu.Item key="3">nav 3</Menu.Item>
            </Menu> …

问题：

如何使用项目根目录中的文件路径在 NodeJS 中导入 JavaScript 文件？（而不是相对文件路径）

换句话说，我的团队正在尝试从语法样式 A过渡到语法样式 B（如下所示）：

语法风格A

const source = require(\'../../../../../../source.js\');\n

语法风格 B

const source = require(\'src/source.js\'); // "src" is a direct subfolder of the project root\n

我已经审阅了很多关于这个主题的帖子，但没有一个能够满足我的项目的要求......

项目要求：

\n
• 要求#1：没有外部包（例如 Babel.js 或 Webpack），因为磁盘空间有限。另外，我们无法使用“npm install”安装任何东西。
\n
• 要求#2：JavaScript 文件应该能够使用“项目根”文件路径而不是相对文件路径导入另一个 JavaScript 文件。（这将避免诸如“../../../../../../../script.js”之类的长相对路径，这可能会变得难以管理。）
\n
• 要求#3：在源代码中的任意位置右键单击导入的类应该会弹出一个上下文菜单，其中包含“转到声明”选项（这将我们直接带到导入的文件）。此外，将 JavaScript 文件移动到 IDE 中的其他文件夹应该会自动更新所有引用。我们可以使用任何IDE。
\n
• 要求#4：为了采用一致的方式导入脚本，我们将使用 NodeJS 的“require”关键字进行导入（而不是 JavaScript 的“import”关键字）。
\n

设置：

以下是我的设置。Package.json是由WebStorm生成的，我没有更改它。

今天（请不要杀死我）我使用了一个<blink>标签。

这只是一个测试：我需要一些文本放入一些代码中，以检查它是否正确地提供了HTML，因此我将其Hello world!包装在一个<blink>标签中。

我知道我做错了，我保证不会再做。

但是，我很惊讶地发现Firefox 34并没有使文本闪烁！这是可以预期的吗？Chrome和IE也会拒绝这样做吗？从技术上讲，这是实现HTML规范的失败吗？

显然，我永远不会<blink>在真实代码中使用标签。但是我确实记得，他们在1990年代首次出现时就让我震惊，我觉得我已经失去了一部分青春期，即使您知道那已经是青春期的绝妙部分了，这还是有些痛苦的。

我不明白为什么会发生这个错误。我正在创建一个表单来提交用户电子邮件

export const register = createAsyncThunk<
  User,
  RegisterProps,
  {
    rejectValue: ValidationErrors;
  }
>("auth/registerStatus", async (credentials, { rejectWithValue }) => {
  try {
    // Don't POST blank email
    if (!credentials["email"]) {
      delete credentials["email"]; //editor marking in this line there is error.
    }
    const response = await api.post(API_REGISTER, credentials);
    return response.data;
  } catch (err) {
    const error: AxiosError<ValidationErrors> = err;
    if (!error.response) {
      throw err;
    }
    return rejectWithValue(error.response.data);
  }
});

但我面临这个错误：

“删除”运算符的操作数必须是可选的。ts(2790)

我猜有一些逻辑错误，但我需要你的帮助来解决这个问题。

我正在使用 ASP.NET Core 6 编写一个网站。它最初是来自 YouTube 的 .NET Core 3 教程。所以我面临迁移问题。\n这里，我有一个 DbInitializer 文件，其中包含我的所有数据（即：我的数据库）。

using DrinkAndGo.Data.Models;\nusing Microsoft.AspNetCore.Builder;\nusing Microsoft.Extensions.DependencyInjection;\nusing System.Collections.Generic;\nusing System.Linq;\n\nnamespace DrinkAndGo.Data\n{\npublic class DbInitializer\n{\n    public static void Seed(IApplicationBuilder applicationBuilder)\n    {\n        AppDbContext context =\n            applicationBuilder.ApplicationServices.GetRequiredService<AppDbContext>();\n\n        if (!context.Categories.Any())\n        {\n            context.Categories.AddRange(Categories.Select(c => c.Value));\n        }\n\n        if (!context.Drinks.Any())\n        {\n            context.AddRange\n            (\n                new Drink\n                {\n                    Name = "Beer",\n                    Price = 7.95M,\n                    \n                    Category = Categories["Alcoholic"],\n                    ImageUrl = "http://imgh.us/beerL_2.jpg",\n                    InStock = true,\n                    IsPreferredDrink = true,\n                    ImageThumbnailUrl = "http://imgh.us/beerS_1.jpeg"\n                },\n                new Drink\n                {\n                    Name = "Rum & Coke",\n                    Price …