小编TAB*_*TAB的帖子

jQuery与javascript?

我最近偶然发现了一些javascript论坛(遗憾的是,链接在宇宙中的某个地方丢失了),在那里你可能会觉得真的讨厌jQuery而不是......有什么好处?

大多数论点实际上似乎都有意义.

现在,我真的很喜欢jQuery,主要是为了让我专注于我想要做的事情而不是浏览器的不一致性,它实际上使AJAXing的酷炫(或过度使用?)效果很有趣.

但是,如果jQuery的核心确实存在腐烂的东西,我不想依赖它,实际上......依赖它.

我不想再开始讨论哪个框架是最好的......但......哪个框架最好(玩笑)?作为案例用法,考虑中小型网络及其管理.

我只想弄清楚,如果某些框架中的东西或纯粹的javascript与少数我的函数确实有所不同.

编辑:

其实,我想有过优点和缺点1.正常的客观discusssion,使用框架在纯JavaScript和2,jQuery的与别人,因为jQuery的似乎是最容易最快捷的学习曲线的工作.然而,有些人只是不理解它,并认为我开始了另一个火焰(我不是).我实际上是在投票重新打开这个问题.

我真的很感兴趣:

  • jQuery是否严重依赖浏览器嗅探?这可能是未来的潜在问题吗?为什么?
  • 我找到了很多JS-selector引擎,有没有AJAX和FX库?
  • 有没有任何理由(除了浏览器嗅探和对John Resig的个人"仇恨")为什么jQuery是错的?

实际上,jQuery实际上也代表了其他框架.

javascript jquery

76
推荐指数
6
解决办法
12万
查看次数

将Bootstrap 4添加到Angular 6或Angular 7应用程序

我正在使用Bootstrap 4开发Angular应用程序。

我需要与我的angular应用程序中添加的scss相关的帮助。

我的问题是:

  • 在Angular 6和Angular 7中添加bootstrap 4 scss的方式是否相同?

npm install bootstrap --save  
Run Code Online (Sandbox Code Playgroud)

然后,打开angular.json文件,并将引导文件路径添加到样式部分。喜欢:

"styles": [
  "src/styles.css",
  "node_modules/bootstrap/dist/css/bootstrap.min.css"
],
Run Code Online (Sandbox Code Playgroud)

以上两种方式的角度是否相同。

npm bootstrap-4 angular-cli angular angular7

15
推荐指数
3
解决办法
3万
查看次数

Trie实施

我试图在Java中实现一个非常简单的Trie,支持3个操作.我希望它有一个insert方法,一个has方法(即trie中的某个单词),以及一个以字符串形式返回trie的toString方法.我相信我的插入工作正常,但是并且toString被证明是困难的.这是我到目前为止所拥有的.

特里班.


public class CaseInsensitiveTrie implements SimpleTrie {

    //root node
    private TrieNode r;

    public CaseInsensitiveTrie() {
        r = new TrieNode();
    }

    public boolean has(String word) throws InvalidArgumentUosException {
        return r.has(word);
    }

    public void insert(String word) throws InvalidArgumentUosException {
        r.insert(word);
    }

    public String toString() {
        return r.toString();
    }

    public static void main(String[] args) {

        CaseInsensitiveTrie t = new CaseInsensitiveTrie();

        System.out.println("Testing some strings");
        t.insert("TEST");
        t.insert("TATTER");
        System.out.println(t.has("TEST"));
    }
}
Run Code Online (Sandbox Code Playgroud)

和节点类


public class TrieNode {

    //make child nodes
    private TrieNode[] c;
    //flag for end …
Run Code Online (Sandbox Code Playgroud)

java abstract-data-type trie radix radix-tree

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

H2-Console未在浏览器中显示

我正在使用SpringBoot api并使用具有以下属性设置的H2数据库.

spring.h2.console.enabled=true
spring.datasource.name=test
spring.datasource.username=sa
spring.datasource.password=
spring.datasource.driver-class-name=org.h2.Driver
spring.jpa.database-platform=org.hibernate.dialect.H2Dialect
spring.datasource.initialization-mode = embedded
spring.datasource.url=jdbc:h2:mem:test
spring.jpa.hibernate.ddl-auto = update
Run Code Online (Sandbox Code Playgroud)

当我想使用浏览器通过' http:// localhost:8082/h2-console ' 查看H2数据库控制台时,在浏览器中打开一个带有连接和测试连接按钮的屏幕.当我单击"测试连接"时,它会返回成功,但是当单击"连接"按钮时,会出现localhost拒绝连接的错误.

这是该错误的屏幕

h2 spring-boot

14
推荐指数
3
解决办法
5207
查看次数

在Angular 7组件(TypeScript)中按ID获取元素,并在组件中使用其属性

我们可以使用标准的Javascript方法来获取元素的id:

document.getElementById("dataBlock").innerHTML = "";
Run Code Online (Sandbox Code Playgroud)

但是在Angular中,引用元素的首选方法是使用模板引用变量:

<div #dataBlock></div>
<button (click)="dataBlock.innerHTML = ''">Clear content</button>
Run Code Online (Sandbox Code Playgroud)

该变量还允许在@ViewChild的帮助下访问代码中的元素:

@ViewChild("dataBlock") block: ElementRef;

clearContent() {
  this.block.nativeElement.innerHTML = "";
}
Run Code Online (Sandbox Code Playgroud)

我的问题是,上面的代码会对角度应用程序中的性能和内存产生什么影响.

html5 typescript angular

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

Angular 7项目在Internet Explorer 11中无法正常工作

我已经完成了互联网上不同帖子中提到的所有内容,但是我的问题仍然存在。

我未评论IE 9、10、11所需的polyfill

/** IE9, IE10 and IE11 requires all of the following polyfills. **/
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/set';
Run Code Online (Sandbox Code Playgroud)

我在index.html中应用了meta标签

<meta http-equiv="X-UA-Compatible" content="IE=edge" >
Run Code Online (Sandbox Code Playgroud)

但是在IE 11中工作时仍然出现错误:

  • SCRIPT438:对象不支持属性或方法'bind'runtime.js(208,11)

  • 脚本1010:预期的标识符polyfills.js(3846,36)

  • 脚本1010:预期的标识符styles.js(310,24)

  • SCRIPT1028:期望的标识符,字符串或数字vendor.js(298,5)

  • SCRIPT1010:预期的标识符main.js(1424,32)

编辑1 这是我的tsconfig.json:

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [ …
Run Code Online (Sandbox Code Playgroud)

internet-explorer angular

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

错误:[HPM] 上下文无效。期望类似:“/api”或[“/api”,“/ajax”]

当我没有更改 Angular 7 项目中的任何内容时,我从现在开始收到以下错误。直到昨天才出现这个错误。

Error: [HPM] Invalid context. Expecting something like: "/api" or ["/api", "/ajax"]
at Object.matchContext [as match] (E:\Java\GitWorkspace\FE-Router\node_modules\http-proxy-middleware\lib\context-matcher.js:40:9)
at shouldProxy (E:\Java\GitWorkspace\FE-Router\node_modules\http-proxy-middleware\lib\index.js:82:27)
at middleware (E:\Java\GitWorkspace\FE-Router\node_modules\http-proxy-middleware\lib\index.js:39:9)
at app.use (E:\Java\GitWorkspace\FE-Router\node_modules\webpack-dev-server\lib\Server.js:347:22)
at Layer.handle [as handle_request] (E:\Java\GitWorkspace\FE-Router\node_modules\express\lib\router\layer.js:95:5)
at trim_prefix (E:\Java\GitWorkspace\FE-Router\node_modules\express\lib\router\index.js:317:13)
at E:\Java\GitWorkspace\FE-Router\node_modules\express\lib\router\index.js:284:7
at Function.process_params (E:\Java\GitWorkspace\FE-Router\node_modules\express\lib\router\index.js:335:12)
at next (E:\Java\GitWorkspace\FE-Router\node_modules\express\lib\router\index.js:275:10)
at goNext (E:\Java\GitWorkspace\FE-Router\node_modules\webpack-dev-server\node_modules\webpack-dev-middleware\lib\middleware.js:16:16)
at processRequest (E:\Java\GitWorkspace\FE-Router\node_modules\webpack-dev-server\node_modules\webpack-dev-middleware\lib\middleware.js:64:26)
at ready (E:\Java\GitWorkspace\FE-Router\node_modules\webpack-dev-server\node_modules\webpack-dev-middleware\lib\util.js:52:12)
at handleRequest (E:\Java\GitWorkspace\FE-Router\node_modules\webpack-dev-server\node_modules\webpack-dev-middleware\lib\util.js:168:5)
at Promise (E:\Java\GitWorkspace\FE-Router\node_modules\webpack-dev-server\node_modules\webpack-dev-middleware\lib\middleware.js:39:7)
at new Promise (<anonymous>)
at middleware (E:\Java\GitWorkspace\FE-Router\node_modules\webpack-dev-server\node_modules\webpack-dev-middleware\lib\middleware.js:38:12)
Run Code Online (Sandbox Code Playgroud)

这是我的 proxy.config.json

{
"/*": {
    "target": "http://localhost:8088",
    "secure": false,
    "changeOrigin": true,
    "logLevel": "debug" …
Run Code Online (Sandbox Code Playgroud)

angular

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

每个实体或表的 Hibernate_Sequence

默认情况下,Hibernate 使用一个名为 hibernate_sequence 的全局序列。因此,如果添加客户记录,id 生成 100,而接下来我添加国家记录,id 生成 101。

在国家模式

@Id
@GeneratedValue(strategy=GenerationType.AUTO)
@Column(name="CTRY_ID")
private long ctryID;
Run Code Online (Sandbox Code Playgroud)

在客户模型中

@Id
@GeneratedValue(strategy=GenerationType.AUTO)
@Column(name="CUST_ID")
private long custID;
Run Code Online (Sandbox Code Playgroud)

我想要客户和国家表的单独机制,即客户表中存储的最后一个 ID 是 91,所以在添加下一条记录时,ID 变为 92。类似的方式,存储在国家/地区的最后一个 ID 是 82,所以下一条记录,Id 应该是83.

我怎么能在 Spring Boot/Oracle 中实现这种行为。

java spring spring-data spring-data-jpa spring-boot

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

为什么在使用 ngModel 时需要提及 name 属性或 ngModelOptions="{standalone: true}" ?

我正在研究 Angular Form。我有一个具有一些属性的域模型。我通过使用绑定它们ngModel

在此期间,如果我不使用name属性,则会出现以下错误。

ERROR 错误:如果在表单标签中使用 ngModel,则必须设置 name 属性或表单控件必须在 ngModelOptions 中定义为“独立”。

示例 1:

<input [(ngModel)]="person.firstName" name="first">
Run Code Online (Sandbox Code Playgroud)

示例 2:

<input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}">
Run Code Online (Sandbox Code Playgroud)

为什么我需要提及name属性或ngModelOptions在双向绑定中绑定域模型时?

当我应用ngModelOptions="{standalone: true}"到我的所有字段时,无论控件(带有属性required)是否具有值,我的表单在所有情况下的 valid = true 。

我的表格是:

<form #detailForm="ngForm" (ngSubmit)="save(detailForm)" id="ngForm">
</form>
Run Code Online (Sandbox Code Playgroud)

虽然我的提交按钮在表单之外:

<input type="button" form="ngForm" class='Button' value="Save" (click)="detailForm.ngSubmit.emit()" [disabled]="!detailForm.form.valid" />
Run Code Online (Sandbox Code Playgroud)

angular-ngmodel angular

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

如何从表单外提交反应式表单[提交点击表单外的保存或更新按钮]

我正在处理 angular 7 的反应式表单,我需要从表单外的按钮调用提交。

<input type="button" form="ngForm"  class='Button' value="Save" (click)="detailForm.ngSubmit.emit()" />

<form [formGroup]="gDetailForm" (ngSubmit)="onSubmit()" >
</form>
Run Code Online (Sandbox Code Playgroud)

此功能运行良好。

现在,我需要从多个按钮提交表单,即

  • 如果用户单击“保存”按钮,则应提交表单并保存
  • 如果用户单击更新按钮,则应提交并更新表单

为此,我想传递一个标志“保存”或“更新”

<input type="button" form="ngForm"  class='Button' value="Save" (click)="detailForm.ngSubmit.emit('Save')" />

<input type="button" form="ngForm"  class='Button' value="Update" (click)="detailForm.ngSubmit.emit('Update')" />

<form [formGroup]="gDetailForm" (ngSubmit)="onSubmit(flag)" >
    </form>
Run Code Online (Sandbox Code Playgroud)

但我无法提交带有“保存”/“更新”标志的表单。如何将表单外的 Save 和 Update 按钮中的参数传递给我的提交函数。

任何富有成效的建议将不胜感激。

angular angular-reactive-forms

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

Rest Api:何时使用 Post、PUT、PATCH 和 Delete

我正在开发一个宁静的 api,我需要更新一个资源(即一个包含 10 个字段的客户详细信息记录)。

在添加请求时,我发送一个带有完整记录的 Post 请求。在更新请求时,我发送一个包含 10 个字段的完整记录的 PUT 请求。在验证请求中,我发送一个只有两个字段的 PUT 请求,即 recordId 和 versionNo。在删除请求时,我在 HttpOptions 中发送一个带有两个字段的 DELETE 请求。

我有几个问题:

  • 虽然,它是一个宁静的 api,但它是一个特定的应用程序,它将被一个有角度的应用程序使用,所以我应该返回数据以响应 POST/PUT 请求。

  • 我应该在验证的情况下使用 PATCH(或任何其他仅将 recordId 和 versionNo 发送到服务器以更改某些字段的操作)还是可以使用 PUT。

  • 为了统一起见,我是否应该在删除请求的正文中发送数据,因为我需要 recordId 和 versionNo 来删除记录。

rest http-post http-put http-method http-delete

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

如何在Spring Boot Api post方法中接收自定义JSON对象

我正在尝试在@RequestBody中接收一个我不知道的JSON对象,即JSON对象可以是任何长度和数据。

假设JSON可能如下所示

{'seqNo': 10 }

{'country': 'US', 'state': 'CA'}

{'customer': 'Alex', product: 'UPS', date:'25-Mar-2018'}
Run Code Online (Sandbox Code Playgroud)

在Spring Boot Api中,我有一个接收该JSON对象的方法。

@PostMapping(value = "/lookup")
public ResponseEntity<AppResponse> getLookup(@RequestBody LookupRequestObject lookupRequestObject) {

        // THIS METHOD KNOWS WHICH FIELD TO USE
        // FURTHER LOGIC WOULD BE HERE.


        return ResponseEntity.ok(response);

    }
Run Code Online (Sandbox Code Playgroud)

我已经阅读了有关Jackson序列化的内容,但仍在寻找解决方案。

自定义Jackson ObjectMapper

任何帮助将非常感激。

java json domain-object jackson spring-boot

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