CKeditor與npm

https://ithelp.ithome.com.tw/articles/10198816
圖片上傳與hightligh
https://gvmonthly.typeform.com/to/jSogeat
https://www.gvm.com.tw/event/201811-bubble-tea/?utm_source=OfficialSite&utm_medium=GV_banner_300x250&utm_campaign=1811_201811-bubble-tea


webpack import：
webpack 支持所有 ES5 兼容（IE8 及以下不提供支持）的浏览器。webpack 的 import() 和 require.ensure()需要环境中有 Promise。如果你想要支持旧版本浏览器，你应该在使用这些 webpack 提供的表达式之前，先 加载一个 polyfill。

這個寫得很好，要用他的git檔案，官網的檔案跟他的不同。 https://ithelp.ithome.com.tw/articles/10198816

npm 最初install與結構介紹

https://medium.com/html-test/%E5%BE%9E%E9%9B%B6%E9%96%8B%E5%A7%8B-%E4%BD%BF%E7%94%A8npm%E5%A5%97%E4%BB%B6-317beefdf182

※本地安裝和全局安裝

npm的包安装分为本地安装（local）、全局安装（global）两种，从敲的命令行来看，差别只是有没有-g而已，比如

npm install grunt # 本地安装
npm install -g grunt-cli # 全局安装

这两种安装方式有什么区别呢？从npm官方文档的说明来看，主要区别在于（后面通过具体的例子来说明）：
本地安装
1. 将安装包放在 ./node_modules 下（运行npm时所在的目录）
2. 可以通过 require() 来引入本地安装的包

全局安装
1. 将安装包放在 /usr/local 下
2. 可以直接在命令行里使用

→https://www.cnblogs.com/chyingp/p/npm-install-difference-between-local-global.html

textarea user edit style

I think you looking for textarea (WYSIWYG) editors. You can find more by googling. Try these,

CKEditor

Demo: http://ckeditor.com/demo

TinyMCE

Demo: http://www.tinymce.com/tryit/full.php

For More, Check these links for more editors,

http://web.enavu.com/tutorials/14-jquery-and-non-jquery-rich-text-editors/

http://www.webdesignerdepot.com/2008/12/20-excellent-free-rich-text-editors/

reference:
https://stackoverflow.com/questions/15539166/html-text-area-with-custom-user-font-size-style-and-colour

對於javascript中的this還有很多可學習

下方這個連結還沒看完，其中說到嚴格模式blabla，之前沒仔細學過，可注意研究一下
http://www.codedata.com.tw/javascript/essential-javascript-11-what-is-this/


用google找一下this的new用法解析，為什麼作用域指向元素？