随堂笔记一

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种模式（套路）
{
抽象工厂模式，工厂方法模式，单例模式，建造者模式，原型模式，
适配器模式，装饰器模式，代理模式
观察者模式，责任链模式
}

抽象(是不具体的，没有像实体类那种具体的)类和接口有什么不同？抽象类能够实现一部分方法，接口是能够实现所有的方法