国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

面試深入一、ES6模塊化、安裝和打包

verano / 2476人閱讀

摘要:開發環境已經普及使用瀏覽器環境卻支持不好需要開發環境編譯內容很多,重點了解常用語法面試開發環境的使用重點語法的掌握問題模塊化如何使用,開發環境如何打包和普通構造函數有何區別的基本使用和原理總結一下其他常用功能模塊化的基本語法開發環境電腦有

ES6

開發環境已經普及使用

瀏覽器環境卻支持不好(需要開發環境編譯)

內容很多,重點了解常用語法

面試:開發環境的使用 + 重點語法的掌握

問題

ES6模塊化如何使用,開發環境如何打包

Class和普通構造函數有何區別

Promise的基本使用和原理

總結一下ES6其他常用功能

?

模塊化的基本語法
//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();
開發環境-babel
 1、電腦有node環境,運行npm init
 
 2、npm install --save-dev babel-core babel-present-es2015 babel-present-latest
 
 3、創建`.babelrc`文件
 
 4、npm install --global babel-cli
 
 5、babel --version
 
 6、創建 ./src/index.js
 
 7、內容:[1,2,3].map(item => item +1)
 
開發環境-webpack
1、npm install webpack babel-loader --save-dev
//--save -dev保存在開發環境中

2、配置 webpack.config.js

3、配置package.json中的script

4、運行npm start
rollup介紹(vue、react都是通過rollup打包的)

能優化冗余代碼,體積更小

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功能強大,學習成本很高

關于JS眾多模塊化標準

沒有模塊化

AMD成為標準,require.js(也有CMD)

前端打包工具,是的node.js模塊化可以被使用

ES6出現,想統一現在所有模塊化標準

node.js積極支持,瀏覽器尚未統一

問題解答

語法:import export (注意有無default)

環境:babel編譯ES6語法,模塊化可用webpack和rollup

擴展:說一下自己對模塊化統一的期待

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/99631.html

相關文章

  • 面試官:自己搭建過vue開發環境嗎?

    摘要:在搭建過程中,還是會踩很多坑的。如果還不熟悉的話,建議自己搭建一次。開篇 原文地址:www.ccode.live/lentoo/list… 前段時間,看到群里一些小伙伴面試的時候被面試官問到這類題目。平時大家開發vue項目的時候,相信大部分人都是使用 vue-cli腳手架生成的項目架構,然后 npm run install 安裝依賴,npm run serve啟動項目然后就開始寫業務代碼...

    HelKyle 評論0 收藏0
  • JavaScript - 收藏集 - 掘金

    摘要:插件開發前端掘金作者原文地址譯者插件是為應用添加全局功能的一種強大而且簡單的方式。提供了與使用掌控異步前端掘金教你使用在行代碼內優雅的實現文件分片斷點續傳。 Vue.js 插件開發 - 前端 - 掘金作者:Joshua Bemenderfer原文地址: creating-custom-plugins譯者:jeneser Vue.js插件是為應用添加全局功能的一種強大而且簡單的方式。插....

    izhuhaodev 評論0 收藏0
  • 2017-07-07 前端日報

    摘要:前端日報精選了解中的全局對象和全局作用域張鑫旭鑫空間鑫生活子進程你應該知道的一切直出內存泄露問題的追查實踐我他喵的到底要怎樣才能在生產環境中用上模塊化騰訊前端大會大咖說大咖干貨,不再錯過發布發布中文翻譯在使用進行本地開發代碼 2017-07-07 前端日報 精選 了解JS中的全局對象window.self和全局作用域self ? 張鑫旭-鑫空間-鑫生活Node.js 子進程:你應該知道...

    import. 評論0 收藏0
  • JavaScript系列(四) - 收藏集 - 掘金

    摘要:函數式編程前端掘金引言面向對象編程一直以來都是中的主導范式。函數式編程是一種強調減少對程序外部狀態產生改變的方式。 JavaScript 函數式編程 - 前端 - 掘金引言 面向對象編程一直以來都是JavaScript中的主導范式。JavaScript作為一門多范式編程語言,然而,近幾年,函數式編程越來越多得受到開發者的青睞。函數式編程是一種強調減少對程序外部狀態產生改變的方式。因此,...

    cfanr 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<