js和javascript的區(qū)別

兩者的總體關(guān)系是jQuery是JavaScript的一個(gè)類庫。即把JavaScript中的一些功能封裝成方法，將一些DOM對象重新封裝，是的開發(fā)人員使用起來更加快捷方便。

成都創(chuàng)新互聯(lián)致力于互聯(lián)網(wǎng)品牌建設(shè)與網(wǎng)絡(luò)營銷，包括成都網(wǎng)站建設(shè)、做網(wǎng)站、SEO優(yōu)化、網(wǎng)絡(luò)推廣、整站優(yōu)化營銷策劃推廣、電子商務(wù)、移動互聯(lián)網(wǎng)營銷等。成都創(chuàng)新互聯(lián)為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制及解決方案，成都創(chuàng)新互聯(lián)核心團(tuán)隊(duì)十年專注互聯(lián)網(wǎng)開發(fā)，積累了豐富的網(wǎng)站經(jīng)驗(yàn)，為廣大企業(yè)客戶提供一站式企業(yè)網(wǎng)站建設(shè)服務(wù)，在網(wǎng)站建設(shè)行業(yè)內(nèi)樹立了良好口碑。

jQuery相對于JavaScript有很大優(yōu)勢：

1、輕量級

JQuery非常輕巧，采用Dean

Edwards編寫的Packer壓縮后，大小不到30KB,如果使用Min版并且在服務(wù)器端啟用Gzip壓縮后，大小只有18KB。

2、強(qiáng)大的選擇器

JQuery允許開發(fā)者使用從CSS1到CSS3幾乎所有的選擇器，以及JQuery獨(dú)創(chuàng)的高級而且復(fù)雜的選擇器，另外還可以加入插件使其支持XPath選擇器，甚至開發(fā)者可以編寫屬于自己的選擇器。由于JQuery支持選擇器這一特性，因此有一定CSS經(jīng)驗(yàn)的開發(fā)人員可以很容易的切入到JQuery的學(xué)習(xí)中來。

3、出色的DOM操作的封裝

JQuery封裝了大量常用的DOM操作，使開發(fā)者在編寫DOM操作相關(guān)程序的時(shí)候能夠得心應(yīng)手。JQuery輕松地完成各種原本非常復(fù)雜的操作，讓JavaScript新手也能寫出出色的程序

4、可靠的事件處理機(jī)制

JQuery的事件處理機(jī)制吸收了JavaScript專家Dean

Edwards編寫的事件處理函數(shù)的精華，是的JQuery在處理事件綁定的時(shí)候相當(dāng)可靠。在預(yù)留退路、循序漸進(jìn)以及非入侵式編程思想方面，JQuery也做得非常不錯(cuò)。

5、完善的Ajax

JQuery將所有的Ajax操作封裝到一個(gè)函數(shù)$.ajax（）里，使得開發(fā)者處理Ajax的時(shí)候能夠?qū)Ｐ奶幚順I(yè)務(wù)邏輯而無需關(guān)心復(fù)雜的瀏覽器兼容性和XMLHttpRequest對象的創(chuàng)建和使用的問題。

6、不污染頂級變量

JQuery只建立一個(gè)名為JQuery的對象，其所有的函數(shù)方法都在這個(gè)對象之下。其別名$也可以隨時(shí)交流控制權(quán)，絕對不會污染其他的對象。該特性是JQuery可以與其他JavaScript庫共存，在項(xiàng)目中放心地引用而不需要考慮到后期的沖突。

7、出色的瀏覽器兼容性

作為一個(gè)流行的JavaScript庫，瀏覽器的兼容性是必須具備的條件之一。JQuery能夠在IE6.0+,FF

2+,Safari2.+和Opera9.0+下正常運(yùn)行。JQuery同時(shí)修復(fù)了一些瀏覽器之間的的差異，使開發(fā)者不必在開展項(xiàng)目前建立瀏覽器兼容庫。

Node.js配置別名alias的兩種方法

什么是別名？

可以省去 ../../../xxx ，直接從配置的目錄開始找文件

使用 webpack 進(jìn)行打包并且在 webpack.config.js 配置里面配置 alias

配置 webpack.config.js

之后在目錄 src 下面創(chuàng)建 index.js 和 test.js

index.js

test.js

之后控制臺輸入 webpack 編譯之后運(yùn)行 node dist/bundle.js 即可輸出結(jié)果 test

控制臺輸入 npm install module-alias 或 yarn add module-alias 安裝 module-alias

然后進(jìn)入 package.json 加入如下配置：

（如果使用 TypeScript 的話，可以用 tsc 直接編譯。但是清注意這里的 src 應(yīng)改成打包后的目錄比如 dist build 等）

之后在主入口文件頭部引用 module-alias/register 如：

index.js

test.js

之后控制臺運(yùn)行 node src/index.js 即可輸出結(jié)果 test

雖然打包運(yùn)行可以通過別名，但是 IDE 并不認(rèn)識

我們需要在項(xiàng)目根目錄新建文件 jsconfig.json （使用 TypeScript 則是 tsconfig.json ）

在 compilerOptions 加入：

文件最后如下：

安裝環(huán)境之后兩種辦法：

如何在JavaScript中別名默認(rèn)導(dǎo)入

實(shí)際上，Webstorm不能自動解析和應(yīng)用 web pack配置，但是你可以以同樣的方式設(shè)置別名。

你只需將"utils"的父文件夾標(biāo)記為資源 root ( 右鍵單擊，將目錄標(biāo)記為/資源 root ) 。

TypeScript 和 JavaScript 的區(qū)別

TypeScript 和 JavaScript 是目前項(xiàng)目開發(fā)中較為流行的兩種腳本語言，我們已經(jīng)熟知 TypeScript 是 JavaScript 的一個(gè)超集。JavaScript 和 TypeScript 的主要差異：

1、TypeScript 可以使用 JavaScript 中的所有代碼和編碼概念，TypeScript 是為了使 JavaScript 的開發(fā)變得更加容易而創(chuàng)建的。例如，TypeScript 使用類型和接口等概念來描述正在使用的數(shù)據(jù)，這使開發(fā)人員能夠快速檢測錯(cuò)誤并調(diào)試應(yīng)用程序

2、TypeScript 從核心語言方面和類概念的模塑方面對 JavaScript 對象模型進(jìn)行擴(kuò)展。

3、JavaScript 代碼可以在無需任何修改的情況下與 TypeScript 一同工作，同時(shí)可以使用編譯器將 TypeScript 代碼轉(zhuǎn)換為 JavaScript。

4、TypeScript 通過類型注解提供編譯時(shí)的靜態(tài)類型檢查。

5、TypeScript 中的數(shù)據(jù)要求帶有明確的類型，JavaScript不要求。

6、TypeScript 為函數(shù)提供了缺省參數(shù)值。

7、TypeScript 引入了 JavaScript 中沒有的“類”概念。

8、TypeScript 中引入了模塊的概念，可以把聲明、數(shù)據(jù)、函數(shù)和類封裝在模塊中。