标签: web-frontend

我正在寻找一种在Windows服务中托管Web UI的方法,以便我可以在浏览器中配置和控制它.我想要一个简单轻量级的解决方案,我不想使用IIS.

我可能手动滚动大部分但是我想知道是否有一些东西可以简化这个过程.

我想从一个sass文件输出多个css文件.我有一个文件:schemes.scss,代码如下:

$schemes: (
  'light': (
    'body-background': white,
    'headline-color' : #111,
    'subheadline-color': #222
  ),
  'dark': (
    'body-background': black,
    'headline-color' : #ddd,
    'subheadline-color' : #eee
  ),
  'moderate': (
    'body-background': gray,
    'headline-color' : black,
    'subheadline-color' : #333
  )
);

@each $scheme in $schemes{
  //do something to export to separate file
  @include scheme-base-mixin($scheme);
}

所以结果是3个单独的css文件:

scheme-light.css:

body{
    background-color: white;
}

h1{
    color: #111;
}

.subheadline{
    color: #222;
}

scheme-dark.css:

body{
    background-color: black
}

h1{
    color: #ddd;
}

.subheadline{
    color: #eee; …

我在网上看到了一些关于使用HTML5 WebWorkers呈现React组件的东西.即使是Pete Hunt,React正在谈论它.

我对数组的每个元素进行了一些CPU密集型工作,然后对数组的每个元素进行React渲染,因此我考虑将每个元素放在WebWorker中,然后将HTML字符串发布回主UI线程.

我的问题是 - 它似乎React.renderToString被弃用了ReactDOMServer.renderToString...所以我问你们所有人和Pete Hunt - 我们是否应该在前端使用ReactDOMServer,如果我们希望使用WebWorkers来呈现React组件或是否有另一个推荐方法？

(当然,我们只能在JS中的线程之间传递字符串/序列化数据,因此我们的想法是将React组件呈现为字符串,然后将其作为字符串传递回主UI线程.)

我正在尝试创建一个允许用户创建和共享Jupyter笔记本的Web应用程序。

目前，我已经启动并正在运行JupyterHub，并且能够为单个服务器生成新服务器。

但是，我不知道如何将Jupyter笔记本嵌入HTML页面。我已经尝试过nbconvert，但这给了我noteboo的静态呈现。我需要的是一个动态笔记本，用户可以编辑和运行它。

我计划将笔记本存储在GitHub中，并允许用户通过Web应用程序查看它们。

我在Quantopian网站上看到了类似的内容。（例如：Quantopian笔记本）。在事物的前端方面如何实现类似的目标？

任何帮助将不胜感激！

了解单例会创建共享的全局状态这一事实，在某些情况下我可能想要单例，例如redux存储/状态对象。

如果使用的是ES模块，则可以使用以下简单代码创建单例：

// a.js (singleton module)
class A {}

// Create singleton
export const a = new A();

现在，我可以在另一个模块的任何地方使用此实例化的对象：

// b.js
// Import singleton
import { a } from './a.js';

console.log(a);


// c.js - some other nested file
import { a } from '../../a.js';

console.log(a);

从理论上讲，如上所述，应该有可能管理单例创建。但是从今天开始，我们使用诸如Webpack.js或Rollup.js之类的模块捆绑器来向浏览器提供JavaScript。如果这些捆绑器意外/有意地多次包含某个模块，该怎么办。我能想到的最简单的事情是，如果我有某种符号链接可以通过不同的路径解析为同一模块。或者它可能只是模块解析过程中的一个错误。

我的问题是- 这些模块捆绑程序是否始终确保创建单例对象的模块在任何情况下都保持单例状态？

我没有完全研究一个主题。我知道ES符号在全球范围内是唯一的，它们用于创建私有对象成员。这是我的下一个问题- 符号的这种特性是否可以帮助我创建真正的单例？（我认为如果捆绑过程不健全，符号也会遭受同样的问题。）

最后，最后一个问题：是否有可能在JavaScript中可靠地创建真正的单例？

注意：我不是要防范Module bundler中的错误。错误类比只是说明这一想法的一种表象。

有没有办法锁定一个合并请求的状态，直到另一个合并请求通过？

例如，如果我向 API 项目提交 API 更改，并向前端项目提交前端更改，我不希望 API 更改在没有前端更改的情况下通过，反之亦然，并且我想将它们锁定在一起，这样应用程序就不会中断如果我的合并请求获得批准。它们完全属于不同的项目，但它们相互依赖。

在此处输入图片说明

我尝试使用 vue.js 构建一个登陆页面，标题设计如上图所示。

所以，我创建了一个名为“header”的组件，根据设计包含内容。

如何制作固定的导航栏，当页面滚动时导航栏仍在顶部？

在iOS键盘上，顶行有时会有自动完成建议。

keydown当用户单击这些自动完成建议之一时，不会触发该事件。

当用户单击自动完成建议之一时是否可以侦听事件？

在我的前端项目中，我一直在他们自己的文件中放置不同的“工具配置”。

例如： babel in babel.config.js、 jest in jest.config.js、 eslint in an.eslintrc.json等。

然而，我最近注意到，可以将许多这些配置直接放在项目package.json文件中。

我在网上做了一些挖掘并询问了一些同事，但似乎没有人能给我一个明确的答案，为什么人们可能更喜欢一种方法而不是另一种方法。

这纯粹是喜好问题吗？

我正在尝试开发 Web Api (NET CORE) 可插件应用程序的前端。我想使用 Angular 9，但我不是 Angular 专家。

我的后端被设计为可扩展的，在启动时它会在指定的文件夹中监视，如果存在一个或多个包含扩展基本应用程序（如插件）逻辑的 dll 文件，它会加载它们。我想在前端使用类似的方法。我尝试了不同的解决方案并阅读了很多文章，但很难找到想要在编译时导入未知插件的人。

我尝试了懒惰的模块（从这个开始：https : //www.mokkapps.de/blog/manually-lazy-load-modules-and-components-in-angular/）这将是完美的，但使用这个我必须知道实现插件（模块）在编译我的 angular 应用程序之前，因为如果我想使用模块，我必须在我的主应用程序中使用导入功能。

因此，我进行了更多搜索，在使用 Angular CLI 和 Angular 5 在运行时动态加载新模块一文之后，我尝试了 System.Js 方法，但找不到适用于 angular 9 的解决方案。

我很确定我不是唯一一个会创建可插入的 Angular 应用程序的人，该应用程序无需重新编译主应用程序即可加载插件。

我需要一些关于正确方法的建议，或者一个使用插件架构的 angular 应用程序的工作示例。