資訊專欄INFORMATION COLUMN
摘要：開發(fā)環(huán)境已經(jīng)普及使用瀏覽器環(huán)境卻支持不好需要開發(fā)環(huán)境編譯內(nèi)容很多，重點(diǎn)了解常用語(yǔ)法面試開發(fā)環(huán)境的使用重點(diǎn)語(yǔ)法的掌握問(wèn)題模塊化如何使用，開發(fā)環(huán)境如何打包和普通構(gòu)造函數(shù)有何區(qū)別的基本使用和原理總結(jié)一下其他常用功能模塊化的基本語(yǔ)法開發(fā)環(huán)境電腦有
ES6
開發(fā)環(huán)境已經(jīng)普及使用
瀏覽器環(huán)境卻支持不好（需要開發(fā)環(huán)境編譯）
內(nèi)容很多，重點(diǎn)了解常用語(yǔ)法
面試：開發(fā)環(huán)境的使用 + 重點(diǎn)語(yǔ)法的掌握
問(wèn)題
ES6模塊化如何使用，開發(fā)環(huán)境如何打包
Class和普通構(gòu)造函數(shù)有何區(qū)別
Promise的基本使用和原理
總結(jié)一下ES6其他常用功能
?
模塊化的基本語(yǔ)法//util1.js
export default {
a: 100
}
//util2.js
export function fn1() {
alert("fn1");
}
export function fn2() {
alert("fn2");
}
//index.js
import util1 from "./util1.js"
import { fn1, fn2 } from "./util2.js"
console.log(util1);
fn1();
fn2();
開發(fā)環(huán)境-babel
1、電腦有node環(huán)境，運(yùn)行npm init 2、npm install --save-dev babel-core babel-present-es2015 babel-present-latest 3、創(chuàng)建`.babelrc`文件 4、npm install --global babel-cli 5、babel --version 6、創(chuàng)建 ./src/index.js 7、內(nèi)容：[1,2,3].map(item => item +1)開發(fā)環(huán)境-webpack
1、npm install webpack babel-loader --save-dev //--save -dev保存在開發(fā)環(huán)境中 2、配置 webpack.config.js 3、配置package.json中的script 4、運(yùn)行npm startrollup介紹（vue、react都是通過(guò)rollup打包的）
能優(yōu)化冗余代碼，體積更小
1、npm init 2、 npm i rollup rollup-plugin-node-resolve rollup-plugin-babel babel-plugin-external-helpers babel-preset-latest --save-dev 3、配置 .babelrc 4、 rollup.config.js
rollup功能單一，webpack功能強(qiáng)大，學(xué)習(xí)成本很高
關(guān)于JS眾多模塊化標(biāo)準(zhǔn)問(wèn)題解答沒(méi)有模塊化
AMD成為標(biāo)準(zhǔn)，require.js（也有CMD）
前端打包工具，是的node.js模塊化可以被使用
ES6出現(xiàn)，想統(tǒng)一現(xiàn)在所有模塊化標(biāo)準(zhǔn)
node.js積極支持，瀏覽器尚未統(tǒng)一
語(yǔ)法：import export (注意有無(wú)default)
環(huán)境：babel編譯ES6語(yǔ)法，模塊化可用webpack和rollup
擴(kuò)展：說(shuō)一下自己對(duì)模塊化統(tǒng)一的期待
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/99631.html
摘要：在搭建過(guò)程中，還是會(huì)踩很多坑的。如果還不熟悉的話，建議自己搭建一次。開篇 原文地址：www.ccode.live/lentoo/list… 前段時(shí)間，看到群里一些小伙伴面試的時(shí)候被面試官問(wèn)到這類題目。平時(shí)大家開發(fā)vue項(xiàng)目的時(shí)候，相信大部分人都是使用 vue-cli腳手架生成的項(xiàng)目架構(gòu)，然后 npm run install 安裝依賴，npm run serve啟動(dòng)項(xiàng)目然后就開始寫業(yè)務(wù)代碼...
摘要：插件開發(fā)前端掘金作者原文地址譯者插件是為應(yīng)用添加全局功能的一種強(qiáng)大而且簡(jiǎn)單的方式。提供了與使用掌控異步前端掘金教你使用在行代碼內(nèi)優(yōu)雅的實(shí)現(xiàn)文件分片斷點(diǎn)續(xù)傳。 Vue.js 插件開發(fā) - 前端 - 掘金作者：Joshua Bemenderfer原文地址: creating-custom-plugins譯者：jeneser Vue.js插件是為應(yīng)用添加全局功能的一種強(qiáng)大而且簡(jiǎn)單的方式。插....
摘要：前端日?qǐng)?bào)精選了解中的全局對(duì)象和全局作用域張?chǎng)涡聆慰臻g鑫生活子進(jìn)程你應(yīng)該知道的一切直出內(nèi)存泄露問(wèn)題的追查實(shí)踐我他喵的到底要怎樣才能在生產(chǎn)環(huán)境中用上模塊化騰訊前端大會(huì)大咖說(shuō)大咖干貨，不再錯(cuò)過(guò)發(fā)布發(fā)布中文翻譯在使用進(jìn)行本地開發(fā)代碼 2017-07-07 前端日?qǐng)?bào) 精選 了解JS中的全局對(duì)象window.self和全局作用域self ? 張?chǎng)涡?鑫空間-鑫生活Node.js 子進(jìn)程：你應(yīng)該知道...
摘要：函數(shù)式編程前端掘金引言面向?qū)ο缶幊桃恢币詠?lái)都是中的主導(dǎo)范式。函數(shù)式編程是一種強(qiáng)調(diào)減少對(duì)程序外部狀態(tài)產(chǎn)生改變的方式。 JavaScript 函數(shù)式編程 - 前端 - 掘金引言 面向?qū)ο缶幊桃恢币詠?lái)都是JavaScript中的主導(dǎo)范式。JavaScript作為一門多范式編程語(yǔ)言，然而，近幾年，函數(shù)式編程越來(lái)越多得受到開發(fā)者的青睞。函數(shù)式編程是一種強(qiáng)調(diào)減少對(duì)程序外部狀態(tài)產(chǎn)生改變的方式。因此，...
閱讀 2398·2021-10-09 09:41
閱讀 3200·2021-09-26 09:46
閱讀 846·2021-09-03 10:34
閱讀 3186·2021-08-11 11:22
閱讀 3381·2019-08-30 14:12
閱讀 721·2019-08-26 11:34
閱讀 3353·2019-08-26 11:00
閱讀 1785·2019-08-26 10:26
