标签: javascript-framework

jQuery - 在 iframe 内聚焦?

我正在使用一个 wysiwug jQuery 插件,它为我的 textarea 创建一个 iframe,如下所示:

<div class="wysiwyg" style="width: 581px;">
<ul class="panel" role="menu">
<div style="clear: both;"></div>
<iframe id="id_message_bodyIFrame" frameborder="0" src="javascript:false;" style="min-height: 170px; width: 573px;" tabindex="0">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
</head>
<body style="margin: 0px;">
DETECT WHEN I START TYPING TEXT HERE <--------
</body>
</html>
</iframe>
</div>
<textarea id="id_text_area" name="message_body" cols="70" rows="10" style="display: none;"></textarea>
</div> 
Run Code Online (Sandbox Code Playgroud)

我希望能够当我开始的键入文本内检测到bodyiframe,像focus()做文字输入。有任何想法吗?

javascript jquery jquery-plugins javascript-framework jquery-selectors

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

用于前端开发的Javascript框架

过去可能已经提到过这个问题,但是我无法弄清楚谷歌会得到什么来得到答案.

我正在编写一个Web应用程序,其中整个后端已作为API提供.我想知道javascript框架对于编写前端会有什么好处.什么JavaScript框架适用于前端开发?

我不需要像Meteor和Node.js那样的整个堆栈,我只需要一些逻辑控制器和视图.Node.js对此有好处吗?是否存在其他框架?我可能会在前端有业务逻辑,所以有一个对此有利的框架会很好.

javascript javascript-framework

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

AngularJS控制器到底是如何定义的?

我有一个与控制器的语法以及在AngularJS中声明它们的方式有关的问题。我相当确定我知道它们是如何工作的,但是我的问题与语法有关。

所以我可能会有这样的事情:

// MODULE:
var weatherApp = angular.module("weatherApp", ['ngRoute', 'ngResource']);

// Home Page Controller:
weatherApp.controller('homeController', ['$scope', function($scope) {
    // Controller business operation   
}]);
Run Code Online (Sandbox Code Playgroud)

第一行声明weatherApp变量,它是我的模块,并且与我的页面相关联。并且module()是一种以模块名称和该模块使用的依赖项列表为参数的方法。那正确吗?

主要问题与控制器定义有关。

weatherApp.controller('homeController', ['$scope', function($scope) {
    // Controller business operation   
}]);
Run Code Online (Sandbox Code Playgroud)

在上一个weatherApp变量(我的模块)上,我调用controller()方法来设置控制器设置。因此,第一个参数是控制器名称(homeController在这种情况下),然后是一个数组,该数组首先必须包含依赖项列表(在这种情况下,只有$scopeAngularJS提供的服务),而最后一个元素是一个将这些依赖项作为实现控制器行为的输入参数。

为什么Angular会这样做?为什么依赖关系和实现控制器的功能在单个数组中一起传递?

也许我在理解这种行为方面有些困难,因为我来自Java背景,在该背景下,数组不能包含不同类型的对象,而函数不是对象。

javascript javascript-framework angularjs angularjs-controller

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

为什么 ngStyle 指令被声明到 [] 中?

我是Angular 2的绝对初学者,我对ngStyle指令的正确语法有以下疑问。

我有这个例子(效果很好):

<p [ngStyle]="{backgroundColor: getColor()}">Server with ID {{ serverID }} is {{ getServerStatus() }}</p>
Run Code Online (Sandbox Code Playgroud)

我知道,在这种情况下,ngStyle指令添加了类似以下内容:

style="background-color: green;"
Run Code Online (Sandbox Code Playgroud)

在我的 HTML 段落中。

我的疑问与此语法的正确含义有关。为什么:

[ngStyle]="{backgroundColor: getColor()}"
Run Code Online (Sandbox Code Playgroud)

并不是

ngStyle="{backgroundColor: getColor()}"
Run Code Online (Sandbox Code Playgroud)

为什么它会进入[...]?它到底意味着什么?

javascript javascript-framework angular2-directives angular

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

用 Svelte 连接数据库

我是 Svelte 的新手,想使用 Svelte 创建一个订购网站。我知道我需要一个数据库来跟踪订单、客户名称、价格等。我以前使用过 MySQL,但我还没有学会如何将数据库连接到网站。

  • 如果您使用 Svelte,是否有可以使用的特定数据库?或者有没有办法将 MySQL 连接到 Svelte?

  • 我已经在 Youtube 和 Google 上搜索过这个,但我不确定如果你使用 Svelte 是否有所不同,所以我想确定一下。

注意:我还没有开始这个项目,所以我没有任何代码可以显示我只是想知道如果你使用 Svelte,你可以如何连接数据库。

mysql frameworks javascript-framework svelte

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

NodeJS 语法错误:意外的标记。我该如何尝试修复?

我对 NodeJS 很陌生,运行节点应用程序时遇到以下问题:

andrea@ubuntu:~/Documents/XXX/custom-dashboard-be$ npm run dev

> custom-dashboard-be@1.6.0 dev /home/andrea/Documents/XXX/custom-dashboard-be
> cross-env NODE_ENV=development nodemon src/index.js

[nodemon] 2.0.7
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): *.*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `node src/index.js`
/home/andrea/Documents/XXX/custom-dashboard-be/src/utils/esMapper.js:29
    if(data.result && data.result.body && data.result.body?.aggregations["2"]?.buckets.length > 0) {
                                                           ^

SyntaxError: Unexpected token .
    at Module._compile (internal/modules/cjs/loader.js:723:23)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Module.require (internal/modules/cjs/loader.js:692:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at Object.<anonymous> (/home/andrea/Documents/XXX/custom-dashboard-be/src/controllers/elastic.controller.js:5:109)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at …
Run Code Online (Sandbox Code Playgroud)

javascript javascript-framework node.js

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

组合javascript框架是正确的吗?

我想知道是否可以在同一个脚本中使用多个javascript框架(jQuery,Raphael)(使用jQuery处理事件&ajax并使用Raphael绘图)?

javascript jquery javascript-framework raphael

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

为什么这给了不同的月份

以下代码

var unixDate = new Date('07/28/2010');
    var unixMonth = unixDate.getMonth();
    var unixDay = unixDate.getDate();
    var unixYear = unixDate.getFullYear();
    alert(filterDate.value);
    alert(unixMonth);
    alert(unixDay);
    alert(unixYear);
Run Code Online (Sandbox Code Playgroud)

应该给我一个月07,但它谴责06 ......那是为什么

javascript javascript-events javascript-framework

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

这个javascript序列究竟发生了什么?

我想更深入地了解javascript的细微差别.

采取以下功能:

str.replace(/(\b[^:]+):'([^']+)'/g, function ($0, param, value) {
    ret[param] = value;
});
Run Code Online (Sandbox Code Playgroud)
  • 为什么需要/ g?
  • 究竟是什么传递给函数?
  • 这些价值来自哪里?

谢谢!

javascript javascript-framework

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

asp.net core 2.0 dotvvm vs razor pages.哪一个对于交互式Web应用程序更强大

随着最新发布的ASP.NET核心版本2.0,我们现在有剃刀网页,我真的很喜欢,因为它显示了一个MVVM发展的方式对此我已经很熟悉,因为我已经在使用它UWP.

我正在寻找开发没有js的 web应用程序,因为我是一个.net开发人员,我遇到了这个被称为DOTVVM的框架,它很棒,因为它提供了js框架的一些功能,如angular,react等,它也很好地与ASP集成.NET CORE 2.0

我想在以下3个场景中讨论这个问题:

我应该使用DOTVVM并且根本不使用js.

我应该使用razor页面而不是asp.net core 2.0,因为razor页面提供了dotvvm提供的所有功能,并且将来会有更多的社区.

我应该学习**js框架**像角或反应,因为剃刀页面和dotvvm都不足以取代它们.

讨论可以从所有开发人员的角度出发,因此我可以获得js开发人员以及使用dotvvmrazor页面的人的意见.目的是创建具有良好性能的完全交互式和响应式Web应用程序.

重要提示:**创建的网络应用程序从一开始就可以是一个渐进式网络应用程序,也可能在创建之后变成一个pwa,取决于我最后选择的技术.

我知道对于一个渐进的Web应用程序,我需要编写一些js,但这很好,因为它非常简单,很少编写.

这个问题的原因是我们可以从多个角度讨论这些选项,并在最后为我的应用推断出更好的选择.

提前致谢.

c# javascript-framework dotvvm asp.net-core-2.0 razor-pages

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