隨堂筆記一

display：flax(彈性佈局)

flex-direction：row（一行）；column（一列）

justify-context：flex-start（靠左）；flex-end（靠右）；center(居中)；space-between（分開靠旁邊）；space-around（分開並居中）

flex-wrap：（自動換行）

align-items：flex-end（尾部）；flex-start（頭部）；center（垂直居中）；baseline（在頭部並之內容對齊）；stretch（在尾部並之內容對齊）

flex-grow（放大比例，這個放大是整個div放大，裏面的東西不放大）

單位（em、vh、vw(根據窗體而變化)、px（固定的））

margin：外邊距

padding：內邊距

 

java面試必考

singleton:單例模式

singleton是bean Ioc裏面的默認模式

23種模式（背）

若是view改變，那自動修改model

 

懶漢模式：可能有二個new或者三個new

 

 （1）經過提供一個靜態的對象instance，利用private權限的構造方法和getInstance()方法來給予訪問者一個單例。

（2）缺點是，沒有考慮到線程安全，可能存在多個訪問者同時訪問，並同時構造了多個對象的問題。

（3）之因此叫作懶漢模式，主要是由於此種方法能夠很是明顯的lazy loading。

一、單例模式只有一個實例

二、單例類必須建立本身的惟一實例

三、單例類必須向其餘對象提供這個實例

 

異步：2件事能夠同時執行

同步（不是同時執行）：排隊執行

 

二進制：http://www.360kuai.com/pc/9ce37cba723784011?cota=3&kuai_so=1&tj_url=xz&sign=360_e39369d1&refer_scene=so_1   

java增刪改查：https://www.cnblogs.com/wzqkalil/p/5328955.html   

網頁清除緩存：https://www.jb51.net/article/74223.htm

java購物車：https://blog.csdn.net/qq_41307491/article/details/82810097

layui開發文檔https://www.layui.com/doc/
https://blog.csdn.net/QYHuiiQ/article/details/82117660

多模塊：http://www.mvnrepository.com

原生js電子書的翻頁連接：https://www.cnblogs.com/muamaker/p/10820528.html

css3動畫效果：

https://www.w3school.com.cn/css3/css3_animation.asp
https://blog.csdn.net/dayexiaofan/article/details/90646354
https://www.cnblogs.com/best/p/6143522.html

css3文字特效：http://www.jq22.com/webqd5589

張果老師博客https://www.cnblogs.com/best/p/6107565.html

 

畫圖工具的快捷鍵：mspaint

前端：

傳統的界面
手動寫代碼操做界面

工具類：
IDEA,maven,git

數據庫：
mysql [oracle]

node.js,javascript->ES6
-->>mvvm模型-->vue（主力學習）,
react(難度有點高)

-->>vue + ui框架
禁止手動寫代碼操做界面（信仰）+微信

後端：
(第一代)java+Javaweb（servlet+jsp+jstl）
--->SSM(解除被Tomcat中的servlet的依賴解耦)
(第二代)依賴解耦：一、脫離servlet-api.jar
二、代碼層面也再也不依賴servlet
(第三代)java+springboot
-->(tomcat也不依賴了)

要背：
MVC,IOC,AOP,MVVM,ORM
面試時可能要手寫jdbc代碼

http://mavenrepository.com/

String username
string username = request.getparameter("username")

model.addAttribute("pp8",pp);
request.setAttribute("pp8",pp);

return "a1";
request.getRequestDispatcher("ai.jsp").forward(request,response);
-------------------------------------------
前端 <--->後端(ssm,c#,php)
ajax()<--->輸出json
fetch()，
axios(),
wx.request()

一個對象{name:value}有屬性和方法
一個數組[{},{}]
全部語言都對json支持（xml,json是通用的）
var name="123"
var kk = {name:name,age:17};
console.log(kk.name);
控制檯輸出123

var name="123"
var kk = {"name":name,age:17};
console.log(kk.name);
控制檯輸出123

var name="123"
var kk = {"name":"name",age:17};
console.log(kk.name);
控制檯輸出name
控制檯輸出123

resources FastJSON

var mydom = document.getElementById("kkk");
//mydom.text("abcd");不能使用jQuery的方法
//把js的dom對象轉爲jQuery對象，使用工廠函數$()
console.log(mydom);

var mydom2 = $(mydom);
console.log(mydom2);
//alert(mydom2);
//ES5
//$()-->>jQuery的工廠函數-->>生成對象
// 一、把DOM對象轉換成jQuery對象
var tmp={};
console.log(tmp);

$(){}--->>>jQuery對象[Object Object]
.....
選擇器「#id」
dom對象

div,css--->>>嗮做品
jQuery
$ajax{
$get()
$post()
$getJson()
}

數據庫鏈接處DBCP組件：速度很快，不穩定，可更換爲C3P0
構件是系統(項目)中可更換的（重點：可更換）
構件由接口和實現類組成的

一對一，一對多，List：有序的，無序的，配備的

List源碼本質上就是數組，List是容許重複的
不可重複時必須用set（數據有重複，但運行不想重複，那就用set來過濾數據）
自學：軟件工程師（接口），數據結構，操做系統

 

網頁學習transition:opactity is cose-in-out 0.5s,transition is ease-in-out

margin:0 auto:0表示垂直居中，auto表示左右居中
vw的單位最大值是100vw
float:自適應佈局，寬通常用%相對定位
（position：relative），不能夠脫離文本流
position：absolute

//居中
justufy-content:center;
display:flex;
align-items:center;

經典面試題：
springMVC跟servlet的區別？
一、spingmvc容許多個不一樣的
springMVC跟Struts的區別
回答：沒有學過Struts，可是springMVC我仍是很熟練的，並且聽說Struts又慢，又不安全，還被不少公司淘汰的

spring IOC源碼內部就是工廠模式
java經常使用23種模式（套路）
{
抽象工廠模式，工廠方法模式，單例模式，建造者模式，原型模式，
適配器模式，裝飾器模式，代理模式
觀察者模式，責任鏈模式
}

抽象(是不具體的，沒有像實體類那種具體的)類和接口有什麼不同？抽象類能夠實現一部分方法，接口是能夠實現所有的方法