如果您想了解在现有Javascript项目中提前验证TypeScript的相关知识，那么本文是一篇不可错过的文章，我们将对需要提供javascript进行全面详尽的解释，并且为您提供关于2在现有htm
如果您想了解在现有 Javascript 项目中提前验证 TypeScript的相关知识，那么本文是一篇不可错过的文章，我们将对需要提供javascript进行全面详尽的解释，并且为您提供关于2 在现有 html 文档中反应组件、2020 你应该知道的 TypeScript 学习路线【Typescript 基础介绍】、ASP.NET MVC- 在现有 MVC 项目添加 WebAPI【转】、Java x64 接口拒绝运行 在现有 Windows 安装上运行 .jar在新安装的 Windows 上运行 .jar的有价值的信息。
本文目录一览：- 在现有 Javascript 项目中提前验证 TypeScript（需要提供javascript）
- 2 在现有 html 文档中反应组件
- 2020 你应该知道的 TypeScript 学习路线【Typescript 基础介绍】
- ASP.NET MVC- 在现有 MVC 项目添加 WebAPI【转】
- Java x64 接口拒绝运行 在现有 Windows 安装上运行 .jar在新安装的 Windows 上运行 .jar
在现有 Javascript 项目中提前验证 TypeScript（需要提供javascript）
如何解决在现有 Javascript 项目中提前验证 TypeScript
有没有办法让 TypeScript 的提前验证功能在纯 JavaScript 项目中工作？我会安装 TypeScript，但老实说，它对我的目的来说似乎有点吓人且毫无用处。
解决方法
您只需使用 tsconfig.json 文件即可在 Javascript 项目中启用类型检查。无需实际编译 Typescript 文件。
{
"compilerOptions": {
"outDir": "./built","checkJs": true,"allowJs": true
}
}
2 在现有 html 文档中反应组件
如何解决2 在现有 html 文档中反应组件
有人问过这个问题，但解决方案似乎不起作用，我不知道为什么。
我有两个已编译并预处理为 JS 文件的 react 组件。我引用了现有 HTML 文档中脚本标记内的每个文件。
仅加载 1 个组件。两者都独立工作。它只会渲染/加载第一个脚本标签。
如何让两个组件都渲染？
路径：index.html
<html>
<head> </head>
<body>
<div id="like_button_container"></div>
<br /><br /><br />
<div id="progress_bar"></div>
<script
src="https://unpkg.com/react@17/umd/react.development.js"
crossorigin
></script>
<script
src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"
crossorigin
></script>
</body>
<!-- Load our React component. -->
<script src="progress_bar.js"></script>
<script src="like_button.js"></script>
</html>
路径：Progressbar.js（这是预处理成JS文件）
class ProgressBar extends React.Component {
constructor(props) {
super(props);
this;
}
render() {
return <div>Hello,this is a component</div>;
}
}
const domContainer = document.getElementById("progress_bar");
ReactDOM.render(<ProgressBar />,domContainer);
路径：like_button.js
"use strict";
const e = React.createElement;
class LikeButton extends React.Component {
constructor(props) {
super(props);
this.state = { liked: false };
}
render() {
if (this.state.liked) {
return "You liked this.";
}
return e(
"button",{ onClick: () => this.setState({ liked: true }) },"Like"
);
}
}
const domContainer = document.getElementById("like_button_container");
ReactDOM.render(e(LikeButton),domContainer);
2020 你应该知道的 TypeScript 学习路线【Typescript 基础介绍】
公众号：前端微服务
GitHub：https://github.com/yongbolu
作 者：子奕
一、概述
随着 Vue3 用 TypeScript 的重构与发布，作为 JavaScript 类型超集的 TypeScript，以可以编译成 JavaScript，可以在任何浏览器、任何计算机和任何操作系统上运行，并且开源，被再一次被推向了前端开发语言的巅峰，为了顺应时代的变化，争取成为与时俱进的开发者，小编今天从 Typescript 的概念、由来以及优缺点方面进行系统的讲解，希望为学习路上的大家提供一点点帮助，如果大家觉得有帮助，记得给小编点个赞，如果想获取更多干货请关注前端微服务公众号，不定期为大家带来干货。
二、TypeScript 是什么？
说到 TypeScript 一定离不开熟悉的 JavaScript，JavaScript 本身就是一门优秀且强大的编程语言。既然 JavaScript 已经这么优秀，为什么还要使用 TypeScript 呢，这要从 JavaScript 的缺点入手，在早期由于 JavaScript 是弱类型语言，在开发过程中如果书写代码不严谨，就会出现各种各样的 bug，导致代码质量下降，为了预防这种问题的出现，Facebook 出品的一个用于 JavaScript 代码的静态类型检查工具。用于找出 JavaScript 代码中的类型错误。Flow 采用 OCaml 语言开发。正是由于这种问题的存在，在很长一段时间内 JavaScript 被贴上了无类型的标签，但由于近几年 Node 的出现，推动了前端工程化和自动化以及三大框架 (Angular、React、Vue) 的发展，把前端推向了一个更高的起点，Node.js 之父瑞安达尔（Ryan Dahl）发布了新的开源项目 deno，而该项目最终是要提供一个安全的 TypeScript 运行环境。
三、为什么要学习 TypeScript？
-
拥有强大的靠山，分别为微软与谷歌。TypeScript 是由微软开发的，谷歌的 Angular 框架是用 Typescript 开发的。所以 TypeScript 很有可能是未来的前端脚本语言发展的主流方向。 -
三大主流框架中，Vue 3.0 源码全部用 typescript 重写。 -
TypeScript 是微软在 2012 年开发的一门免费开源的编程语言。它是 JavaScript 的一个超集（增强版）。它在 JS 原来的基础上增加了一套十分强大的类型系统，从而可以让小伙伴们在写代码的时候获得更加丰富的语法提示。在代码的编译阶段也可以通过类型系统的检查，从而有效避免一些线上错误。 -
TypeScript 是一门比 Java 更 Script 的编程语言。也就是说 TypeScript 具有真正的面向对象编程思想，你可以采用它来完成更加大型复杂的应用。 -
TypeScript 始于 JavaScript 终于 JavaScript。也就是说 TypeScript 遵循 JavaScript 的语法和语义，任何 Js 都可以在 Ts 内运行，但 TypeScript 它不可以直接在浏览器中运行，必须要将其转换为 JavaScript。
四、环境搭建
因为 TypeScript 在 JavaScript 的基础上增加了类型系统，所以 TypeScript 不能够直接在浏览器当中运行。我们需要使用编译器将 TypeScript 编译为 JavaScript。因为 TypeScript 编译为 JavaScript 需要 Node 环境的支持，所以在编译前请保证你本地已经安装 Node 运行环境。
4.1 全局安装 TypeScript
$ npm install typescript -g
# OR
$ yarn global add typescript
查看 TypeScript 版本
$ tsc --version
4.2 编写 TypeScript 代码
所有 TypeScript 代码全部以。为后缀
-
创建 index.ts 文件
// index.ts
const name:string = "xunzhaotech.com";// string 为设置变量类型
console.log(name);
-
编译将 index.ts 文件
$ tsc index.ts
-
在文件夹内多出一个名字为 index.js 的文件 -
接下来按照 js 的方式运行
$ node index.js
五、推荐阅读
-
官网：https://www.typescriptlang.org -
中文：http://www.tslang.cn -
官方博客：https://blogs.msdn.microsoft.com/typescript
六、关注我们
点击下方关注我
本文分享自微信公众号 - 前端微服务（micro_frontend）。
如有侵权，请联系 support@oschina.cn 删除。
本文参与 “OSC 源创计划”，欢迎正在阅读的你也加入，一起分享。
ASP.NET MVC- 在现有 MVC 项目添加 WebAPI【转】
1. 增加一个 WebApi Controller, VS 会自动添加相关的引用，主要有 System.Web.Http，System.Web.Http.WebHost，System.Net.Http
2. 在 App_Start 下创建 WebApiConfig.cs 并注册路由
using System;
using System.Collections.Generic;
using System.Linq; using System.Text; using System.Threading.Tasks; using System.Web.Http; namespace Libaray.Web.App_Start { public static class WebApiConfig { public static void Register(HttpConfiguration config) { // Web API 配置和服务 // Web API 路由 config.MapHttpAttributeRoutes(); config.Routes.MapHttpRoute( name: "DefaultApi", routeTemplate: "api/{controller}/{id}", defaults: new { id = RouteParameter.Optional } ); } } }3. 在 Global.asax， Application_Start 下添加 WebAPI 配置
using Libaray.Web.App_Start;
using System;
using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Http; using System.Web.Mvc; using System.Web.Optimization; using System.Web.Routing; namespace Libaray.Web { public class MvcApplication : System.Web.HttpApplication { protected void Application_Start() { AreaRegistration.RegisterAllAreas(); GlobalConfiguration.Configure(WebApiConfig.Register); FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters); RouteConfig.RegisterRoutes(RouteTable.Routes); BundleConfig.RegisterBundles(BundleTable.Bundles); } } }4. 在第一步添加的 WebApi 中填写相应代码，
using Libaray.Web.Models;
using System;
using System.Collections.Generic; using System.Linq; using System.Net; using System.Net.Http; using System.Web.Http; namespace Libaray.Web.Controllers { [RoutePrefix("api/SystemUsers")] public class SystemUsersController : ApiController { [HttpGet, Route("GetUserList")] public List<UserModel> GetUserModels() { UserModelService UserBS = new UserModelService(); return UserBS.FindList(u => u.isActive == true); } [HttpGet, Route("GetUser")] public UserModel GetUserModel(int id = 0) { if(id != 0) { UserModelService UserBS = new UserModelService(); return UserBS.Find(u => u.Id == id); } else { return null; } } [HttpPost, Route("Login")] public bool Login(string loginId,string password) { UserModelService UserBS = new UserModelService(); return UserBS.ValidateLoginInfo(loginId, password); } } }5. Run the application and call the API. Example: http://localhost:49919/api/SystemUsers/GetUserList
6. 一些疑问
做完以上配置后，运行网页，仍不能得到想要的结果，后查出因为我是在 Areas 里面建立了一个 API 的文件夹
只要将 View 文件夹和 APIAreaRegistration.cs 文件删除，问题就消失了，具体原因没有细究，应该还是路由的问题。
原文网址：
https://www.cnblogs.com/tuyile006/p/6151555.html
Java x64 接口拒绝运行 在现有 Windows 安装上运行 .jar在新安装的 Windows 上运行 .jar
如何解决Java x64 接口拒绝运行 在现有 Windows 安装上运行 .jar在新安装的 Windows 上运行 .jar
我在安装特定的 Windows 时遇到问题，其中 Java 的任何图形元素都拒绝运行。
Java 之前已经在当前的 Windows 安装上成功运行，但可能是在 12 个月前。
当我尝试运行 .jar 并且没有打开任何窗口（在任务管理器中没有任何迹象显示）时，这个问题就出现了。
在控制面板中单击“Java”会导致“等待”光标持续四分之一秒，然后什么也没有。 运行“关于 Java”和“配置 Java”快捷方式也会导致相同的行为。
我试过了：
- 卸载 Java，重新启动并重新安装最新的 x64 版本 (1.8.0_271)
- 运行“Javara”(JavaRa) 以清除卸载时遗漏的内容
- 按照 java x86 stackoverflow question 的建议从 PATH 环境变量中删除 ''.\\Oracle\\Java\\javapath''
我能得到的唯一生命迹象是在 powershell/命令提示符中。
运行 java -version 会产生预期的输出：
java version "1.8.0_271"Java(TM) SE Runtime Environment (build 1.8.0_271-b09)Java HotSpot(TM) 64-Bit Server VM (build 25.271-b09,mixed mode)
无论如何运行，java -jar ''jarfile.jar'' 不会启动应用程序窗口。
修正：
我尝试尝试在 USB 驱动器上安装 Windows 的全新副本。我已经使用相同的离线安装程序 .exe 安装了相同的 x64 版本的 Java
Java 在这个全新安装中正常工作。
在现有 Windows 安装上运行 .jar
运行 java -jar "technicLauncher.jar" 结果
Settings for exe: /D:/TechnicLauncher.jarPortable settings dir: E:\\technic
此时，应用程序用户界面没有打开，powershell 显示：Setting up logging 然后程序退出。
在新安装的 Windows 上运行 .jar
运行 java -jar "technicLauncher.jar" 结果
Settings for exe: /D:/TechnicLauncher.jarPortable settings dir: E:\\technic
此时，应用程序用户界面打开，我可以正常继续。
今天的关于在现有 Javascript 项目中提前验证 TypeScript和需要提供javascript的分享已经结束，谢谢您的关注，如果想了解更多关于2 在现有 html 文档中反应组件、2020 你应该知道的 TypeScript 学习路线【Typescript 基础介绍】、ASP.NET MVC- 在现有 MVC 项目添加 WebAPI【转】、Java x64 接口拒绝运行 在现有 Windows 安装上运行 .jar在新安装的 Windows 上运行 .jar的相关知识，请在本站进行查询。
本文标签：
