标签: web-frontend

我们希望通过Team Foundation Server为客户提供报告错误以及查看现有错误和工作项的权限.

为此,我们需要一个客户友好的网络前端.它应该易于使用并具有良好的UI.我知道Web Access,但认为它太过面向开发人员而无法让我们的客户使用.

有没有好的开源或商业产品呢？重要的是,我们将能够根据我们的需求定制产品.

我在python中编写了一个算法,并围绕它编写了一个Web界面.提交表单并启动算法后,我想在页面运行时推送和更新页面上的数据.我怎么能做到这一点？

我在ASP.NET mvc项目之上使用了AngularJs.尽管AngularJs和ASP.NET都基于mvc架构,但是当我在ASP.NET mvc项目中使用AngularJs时,我可以看到一些优势.我在这种方法中看到的主要优点是更好地呈现视图.如果是这样,为什么不将ReactJs与ASP.NET mvc一起使用,因为它纯粹关注视图.为什么我们要搞乱两个mvc框架.在ASP.NET mvc之上使用Reactjs比使用AngularJs和ASP.NET mvc组合​​更好(注意我将始终使用ASP.NET mvc并且我不想使用纯JavaScript框架).如果我错了,请纠正我.提前致谢.

我正在开发一个Angular2最终应用程序,它目前有两个模块:

• CoreModule:包含共享组件和服务.
• AppModule:应用程序的根模块

的AppModule:

/**
 * Created by jamdahl on 9/21/16.
 */

// Angular Imports
import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {HttpModule} from '@angular/http';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {CoreModule} from '../core-module/core.module';
import {UserService, AuthService, AuthComponent} from '../core-module/core.module';

// Components
import {HomePageComponent} from './components/home-page.component';

//import {enableProdMode} from '@angular/core';
//enableProdMode();

@NgModule({
    imports: [
        BrowserModule,
        HttpModule,
        FormsModule,
        ReactiveFormsModule,
        CoreModule
    ],
    declarations: [
        AuthComponent,
        HomePageComponent
    ],
    providers: [
        AuthService,
        UserService
    ],
    bootstrap: [
        HomePageComponent
    ]
})
export class AppModule …

我想在我的angularjs控制器中做出承诺.我从Angularjs Doc中获取了示例并将其粘贴到我的控制器中.当我尝试运行代码时,控制台会打印:

Error: $q is not defined

为什么会发生此错误,如何解决？

我试图谷歌这个问题,但大多数问题都围绕着比我更具体的问题.

一(德国)指导告诉我的承诺已经在实施的角度js和没有必要添加任何东西给它.

编辑:

这是我的控制器:

app.controller("ArgumentationController", [
    '$scope', '$resource',
    function($scope, $resource) {

编辑2:评论员建议注入$ q.我这样做了:

app.controller("ArgumentationController", [
    '$scope', '$resource', '$q',
    function($scope, $resource, $q) {

现在,错误不会发生.

通常为了获取 SVG 中任何元素的边界框，我们使用 getBoundingClientRect() 或 getBBox() 分别给出顶部、底部、左、右、宽度、高度或 x、y、宽度、高度。但是，当文本旋转时，这些值不足以获得元素的紧密边界框，因为由这些值形成的框将具有水平和垂直边缘，而不是与文本平行。如何为旋转文本选择紧密边界框，如下图所示。（Chrome Inspect Element Selector 突出显示了该文本。）

我正在建立一个网站,我在其中放置了一个滚动动画,其中图标图像根据右侧容器内容的偏移位置向上移动.逻辑很有效,但动画片和Firefox中的动画不稳定.

网址 - http://ashirvad.xyz/qbf/

代码逻辑是这样的:

$(window).scroll(function() {    
    var height = $(window).height(),
        scroll = $(window).scrollTop()
        var offsetStart = $('#cardContent').offset();      
    if (initialOffSetStartPosition.top >= (offsetStart.top -scroll - 1) ) {
        $(".nav-sticky").offset({top:offsetStart.top});     
}
});

有帮助吗？

我们的业务应用程序具有许多 OPA 似乎非常适合的策略规则。举一个简单的例子：“如果用户处于角色‘R’，则可以将订单从状态‘X’修改为‘Y’”。

理想情况下，我们希望在前端和后端评估其中一些规则。在 FE 中（在我们的例子中是 Angular 应用程序中的浏览器），以提供良好的用户体验（根据规则的评估使字段可编辑或不可编辑），当然，也在后端。理想情况下，这些规则应该是同步的。

我看到“OPA 能够将 Rego 策略编译成可执行的 Wasm 模块，可以使用不同的输入和外部数据进行评估。” （链接）还有一个 JavaScript SDK，因此这似乎是一个可行的选择。

我无法找到类似的问题或任何人做类似事情的参考，我想知道这是否是一个好方法，或者是否有更好的替代方案来解决当前的问题。

我有一个这样的例子：

代码和盒子

我想在回调中修改一个状态值，然后使用新的状态值修改另一个状态。

export default function App() {
  const [count, setCount] = useState(0);
  const [text, setText] = useState("0");
  const [added, setAdded] = useState(false);

  const aNotWorkingHandler = useCallback(
    e => {
      console.log("clicked");
      setCount(a => ++a);
      setText(count.toString());
    },
    [count, setCount, setText]
  );

  const btnRef = useRef(null);
  useEffect(() => {
    if (!added && btnRef.current) {
      btnRef.current.addEventListener("click", aNotWorkingHandler);
      setAdded(true);
    }
  }, [added, aNotWorkingHandler]);

return <button ref={btnRef}> + 1 </button>

但是，在调用该处理程序后，count已成功增加，但text没有增加。

你们能帮我理解为什么会发生这种情况吗？以及如何干净地避免它？

谢谢你！

我是 alpine.js 的新手，我需要切换元素的innerText，有谁知道我可以结合显示元素和更改另一个元素的innerText吗？这是我的代码

<div x-data="{ numOrder: false, delNumOrder: 'Remove your order number' }">
  <button x-on:click="numOrder = !numOrder">
  Insert your order number</button>
  <input x-show="numOrder" type="text" placeholder="Order Number">
</div>

我需要通过delNumOrder覆盖按钮文本，我尝试使用x-text：

<button x-on:click="numOrder = !numOrder" x-text="delNumOrder = !delNumOrder">

我可以使用类似的东西吗？

<div x-data="{ numOrder: false, delNumOrder = delNumOrder ? 'Insert your order number' : 'Remove your order number' }"></div>