我最近偶然发现了一些javascript论坛(遗憾的是,链接在宇宙中的某个地方丢失了),在那里你可能会觉得真的讨厌jQuery而不是......有什么好处?
大多数论点实际上似乎都有意义.
现在,我真的很喜欢jQuery,主要是为了让我专注于我想要做的事情而不是浏览器的不一致性,它实际上使AJAXing的酷炫(或过度使用?)效果很有趣.
但是,如果jQuery的核心确实存在腐烂的东西,我不想依赖它,实际上......依赖它.
我不想再开始讨论哪个框架是最好的......但......哪个框架最好(玩笑)?作为案例用法,考虑中小型网络及其管理.
我只想弄清楚,如果某些框架中的东西或纯粹的javascript与少数我的函数确实有所不同.
其实,我想有过优点和缺点1.正常的客观discusssion,使用框架在纯JavaScript和2,jQuery的与别人,因为jQuery的似乎是最容易最快捷的学习曲线的工作.然而,有些人只是不理解它,并认为我开始了另一个火焰(我不是).我实际上是在投票重新打开这个问题.
我真的很感兴趣:
实际上,jQuery实际上也代表了其他框架.
我正在使用Bootstrap 4开发Angular应用程序。
我需要与我的angular应用程序中添加的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)
以上两种方式的角度是否相同。
我试图在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) 我正在使用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拒绝连接的错误.
我们可以使用标准的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)
我的问题是,上面的代码会对角度应用程序中的性能和内存产生什么影响.
我已经完成了互联网上不同帖子中提到的所有内容,但是我的问题仍然存在。
我未评论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) 当我没有更改 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) 默认情况下,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 中实现这种行为。
我正在研究 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 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 按钮中的参数传递给我的提交函数。
任何富有成效的建议将不胜感激。
我正在开发一个宁静的 api,我需要更新一个资源(即一个包含 10 个字段的客户详细信息记录)。
在添加请求时,我发送一个带有完整记录的 Post 请求。在更新请求时,我发送一个包含 10 个字段的完整记录的 PUT 请求。在验证请求中,我发送一个只有两个字段的 PUT 请求,即 recordId 和 versionNo。在删除请求时,我在 HttpOptions 中发送一个带有两个字段的 DELETE 请求。
我有几个问题:
虽然,它是一个宁静的 api,但它是一个特定的应用程序,它将被一个有角度的应用程序使用,所以我应该返回数据以响应 POST/PUT 请求。
我应该在验证的情况下使用 PATCH(或任何其他仅将 recordId 和 versionNo 发送到服务器以更改某些字段的操作)还是可以使用 PUT。
为了统一起见,我是否应该在删除请求的正文中发送数据,因为我需要 recordId 和 versionNo 来删除记录。
我正在尝试在@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序列化的内容,但仍在寻找解决方案。
任何帮助将非常感激。
angular ×6
java ×3
spring-boot ×3
angular-cli ×1
angular7 ×1
bootstrap-4 ×1
h2 ×1
html5 ×1
http-delete ×1
http-method ×1
http-post ×1
http-put ×1
jackson ×1
javascript ×1
jquery ×1
json ×1
npm ×1
radix ×1
radix-tree ×1
rest ×1
spring ×1
spring-data ×1
trie ×1
typescript ×1