underscore_js

1.
https://stackoverflow.com/questions/4778881/how-to-use-underscore-js-as-a-template-engine

2.
https://www.sitepoint.com/getting-started-with-underscore-js/

3.
https://playcode.io/

4.
https://wbkuo.pixnet.net/blog/post/207623383-%5Bjavascript%5D-underscore-%E7%9A%84-template-%E5%8A%9F%E8%83%BD%E6%B8%AC%E8%A9%A6

Backbonejs

https://code.tutsplus.com/tutorials/single-page-todo-application-with-backbonejs--cms-21417

https://github.com/tutsplus/single-page-todo-backbone

https://bocoup.com/blog/organizing-your-backbone-js-application-with-modules


https://github.com/mitsuruog/SPA-with-Backbone


https://github.com/mitsuruog/SPA-with-Backbone/tree/phase-1

https://blog.wu-boy.com/2012/04/backbonejs-framework-tutorial-example-1/

https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/277045/

1
http://icodingtw.blogspot.com/2012/04/backbonejs.html

2
http://icodingtw.blogspot.com/2012/04/backbonejs.html

3
http://icodingtw.blogspot.com/2012/05/backbonejs.html

4.
https://rightson.blogspot.com/2012/05/backbonejs.html

5.
http://rightson.blogspot.com/2012/07/backbonejs.html

6.
http://ozzysun.blogspot.com/2012/02/backbonejs-model-04fetch.html

7.
http://jamestw.logdown.com/posts/166159-backbonejs

8.
http://jamestw.logdown.com/posts/166159-backbonejs


9.
https://github.com/jashkenas/backbone/wiki/Tutorials%2C-blog-posts-and-example-sites

Good web design

http://www.eikospartners.com/blog/single-page-applications-a-powerful-design-pattern-for-modern-web-apps

https://medium.com/a-lady-dev/single-page-applications-a-powerful-design-pattern-for-modern-web-apps-ec3590bb7e7a

https://purpleorangepr.com/

https://www.intechnic.com/blog/60-beautiful-examples-of-one-page-website-design-inspirations/


https://www.awwwards.com/practical-uses-of-angularjs-create-a-single-page-application-spa-or-a-website-menu-in-an-instant.html

good
http://www.jollen.org/blog/2014/09/single-page-application.html


https://stackoverflow.com/questions/10040297/how-exactly-can-i-replace-an-iframe-with-a-div-and-javascript


https://codepen.io/ettrics/full/ogRaRv/

https://tympanus.net/Blueprints/MultiLevelMenu/

https://colorlib.com/wp/free-website-menu-templates/

PHP Security

#set up response header
<IfModule mod_headers.c>
Header set X-Frame-Options "SAMEORIGIN"
Header set Content-Security-Policy "default-src 'self'"
</IfModule>

https://adamschen9921.pixnet.net/blog/post/116879044-apache%E7%A7%BB%E9%99%A4%E9%87%8D%E8%A6%81%E8%B3%87%E8%A8%8Aheader

https://gist.github.com/phpdave/24d879514e7411047267

Net craft website

https://toolbar.netcraft.com/site_report?url=tympanus.net%2FBlueprints%2FMultiLevelMenu%2F

https://toolbar.netcraft.com/stats/topsites?c=JP&submit=Refresh

SSH web log tunnel, no need install browser in server

1. SSH

• ssh -L 8080:remoteMachine.me:80 user@remoteMachine

Local port: 8080

remote port: 80

ref 1 2 3

php centos7 install mysql and pdo

1. install mysql package for php
ref  https://www.opencli.com/php/php-use-mysqlnd-replace-libmysql

libmysql 是 PHP 沿用已久的 MySQL driver, 而在 PHP 5.3 開始, PHP 內建了 PHP 專用連接 MySQL 的 Driver — mysqlnd, 而從 PHP 5.4 之後的版本, mysqlnd 更被 PHP 作為預設安裝選項。

如果在 RHEL / CentOS 下要安裝 mysqlnd, 可以用 yum 指令完成, 但由於 php-mysqlnd (mysqlnd) 與 php-mysql (libmysql) 不能共存, 所以安裝前要先移除 php-mysql.

# yum install php-mysqlnd



2 PHP7 install phpmyadmin


Ref 1