依賴管理工具

PHP有composer
javascript 有npm

兩種東西大同小異，只是語言不同
另外有個東西叫做yarn因為npm不好用而出現的，
你可以用npm下載yarn之後拿它來取代npm  XD


阿然後
javascript因為有分前後端，前端有些專案也很多包
前端所以有了
bower
之後因為JS進步速度實在太快，又是時代的眼淚
bower沒人用了改用Browserify  或Webpack

是不是覺得js煩
是說npm也一直在進步，之後當然是以npm能夠包全部為主，就有點像CSS和SCSS的感覺，有可能學這麼多，進步趨緩之后，只剩下npm??



JS更新太快，改來學python好了??


從零開始: 使用NPM套件
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



javascript 依賴管理  講的歷史脈絡清楚
http://bearcatjs.org/%E5%8D%9A%E5%AE%A2/index.html

http://cyj.me/why-seajs/requirejs/

datatable的thead 會跑掉

在建立dataTable時，發現如果設定
scrollY:'420px',
爾且又將table包進
boostrap 的 tab-pane裡面時
thead 會跑掉
相關文章
https://datatables.net/forums/discussion/14342/column-header-not-aligned-with-column-data-with-horizontal-scrolling/p2
thead縮成一塊
https://datatables.net/forums/discussion/2148/header-width-issue

我是將
scrollY:'420px'刪掉即解決

Column width issues with Bootstrap tabs
https://www.gyrocode.com/articles/jquery-datatables-column-width-issues-with-bootstrap-tabs/

用composer 裝東西

composer require 套件名:版本號
composer  global require 套件名

上面兩個命令不同的地方在於

第一個是加入composer資料夾到當前路徑，像是twig這種模板引擎，生成之後我們只要require autoload.php就行了

第二個是加入到composer主程式的目錄下，目的在於像是laravel 這種有出一個laravel.bat這種安裝程式的，這樣將C:\Users\stanley\AppData\Roaming\Composer\vendor\bin加到環境變數之後
在cmd 輸入 laravel new 專案名

composer remove 套件名 (不用加版本號)
這樣就能完美移除不需要的套件

參考至:
https://henry255164.gitbooks.io/laravel_reviews/content/article1-1.html

關於那個被淘汰的iframe

IFRAME就像是新開了一個瀏覽器視窗，我遇到的困難有，它吃不到父頁的CSS，所以你IFRAME裡面也要有樣式，不然就只是HTAML的話會很醜

投機的方法:
iframe 怎么继承父页面的 css 和 js
https://zhidao.baidu.com/question/1431345202657576579.html?si=2&qbpn=1_2&tx=&wtp=wk&word=iframe+%E6%80%8E%E4%B9%88%E7%BB%A7%E6%89%BF%E7%88%B6%E9%A1%B5%E9%9D%A2%E7%9A%84+css+%E5%92%8C+js&fr=solved&from=qb&ssid=&uid=bd_1470676649_773&pu=sz%40224_240%2Cos%40&step=2&bd_page_type=1&init=middle

題外話?上面有人另外提到PJAX
那麼你聽過PJAX嗎?





詳述了IFRAME的強大應用
https://segmentfault.com/a/1190000004502619


理解簡單又強大的IFRAME之後
如何不用iframe做到隔离js和css？
不能。本来上个世纪早就可以了，但是大家都不肯使用IE5.0提出的Html Component。过了20年，别人终于把这个东西重新改了个名字要添加进标准了。题主再等几年吧。
https://www.zhihu.com/question/50482611

autocomplete失效

It appears that Chrome now ignores autocomplete="off" unless it is on the <form autocomplete="off"> tag since v34.

話不多說，附上連結:
https://stackoverflow.com/questions/31612867/autocomplete-off-not-working-in-chrome

寫CSS

 Sass, LESS, Stylus
這三種CSS的預處理器，可以讓我們輕鬆寫CSS，不必一直複製貼上
https://www.keycdn.com/blog/sass-vs-less/

寫完之後，懶惰的你如果不想用npm安裝東安裝西，這裡有個UI介面的軟體可以幫你編譯

歡迎無尾熊!!!!!!
https://www.minwt.com/webdesign-dev/html/12059.html

是說看看下面這篇!!!!!
SASS, LESS 退散，原生 CSS 可以使用變數啦！
時代的眼淚阿，WEB的進步飛速，我都想哭喔
http://muki.tw/tech/native-css-variables/

開發手機用網站

大概從高中畢業以後開始有了智慧型手機，大學3年級時，手機開始普及，身為原始人的我，則是到當完兵才開始用智慧型手機，總之大學畢業已經五年了，這段期間WEB方面又有了多少改變，想一想有點感傷QQ

手機有瀏覽器，手機用的網站一個網址，電腦用的網站一個網址，前端偵測完之後轉跳，兩個網站CODE也不同，但這樣維護起來超麻煩，


RWD
同個網站，依照視窗大小來呈現畫面，所以CSS幫了不少忙

AWD
我server判斷你是哪種用戶，吐出不同程式碼給你，蝦?不是改CSS就好嗎?幹嘛改後端的程式?


AWD還是有必要的，舉個例子來說，你的javascript要載jQuery，對手機來講負荷太大了，你想要換載jQuery Mobile ，總不是又兩個不同的網頁吧，後端判斷裝置再來改相對應的資源就好

像是大陸偏遠地區連到不同國家的網站，有些網速會特別慢，載那大的庫會哭出來喔..........


講到這個就要來講一下

『手机浏览器同时响应请求为4个请求』这个说法来自于哪里？

安卓浏览器为例，最大并发连接数是4，并不代表打开一个网站时，只能同时开4个连接，而是对同一个主机（主机名和域名相同）只能开4个连接。
參考至:
https://www.zhihu.com/question/47019814