全栈练习笔记

get请求有长度限制

在地址栏上可以看到传递参数，不安全

get是一个请求

post是两次请求

在网络环境比较好的时候，两种传输速度无所谓

但是在网络环境不好时，post就安全保证一些

可以有post请求，也可以get请求

可以将form表单中的数据序列化后，再用ajax请求。

可以直接使用post请求带参传递

但是对于json数据有多层结构时，就比较难以自动拼接（不常用）

只能是get请求

window.location.href="${pageContext.request.contextPath}/app/login/receive/ordersQuery.action?"+$.param(data);

注意这里的$.param(data);序列化后的json结构变成了平铺行，因此后台也无法直接获得原始的json结构，当然也可以写一些方法封装嘛

可以与后台来回传递参数

最大的问题就是：后台接受ajax请求，就无法使用model模型转发页面

接受可以用封装好的Page

返回参数

pojo.java

mapper.xml

mapper.java

service.java接口

serviceImpl.java接口实现类

controller

jsp

@Controller

@Service

@Autowired与@Resource的区别

mybatis开发dao两种方法：

与前端交互时，直接传递一个对象一个map一个集合都可以，为什么使用json？

List<Map<String,object>>使用List2Json转换失败

java将map类型转换成json对象

前端报错

描述

解决办法

细节

Date（long，String，Calendar都可与之按一定形式实现互换，所以就已Date为相互之间的媒介）

分支主题

必须存放相同类型的内容

数组名是一个引用，它并不是数组本身

数组本身的大小（长度）不可变

数组与集合比较

Arrays.sort();

System.arrayCopy;

Arrays.copyOf方法用于数组的复制

图片

Collection

图片

通用

HashMap

LinkedHashMap

所有集合都带有泛型参数

增加for循环

使用getInstance()方法的原因及作用 先举例说明： 下面是一个例子，为什么要把这个类实例化？有什么好处？ //实例化 public static DBConnect instance; public static DBConnect getInstance(){ if(instance == null){ instance = new DBconnect(); } return instance; } 总的来说：这是单例模式，一般用于比较大，复杂的对象，只初始化一次，应该还有一个private的构造函数，使得不能用new来实例化对象，只能调用getInstance方法来得到对象，而getInstance保证了每次调用都返回相同的对象。 详细解释一下：对象的实例化方法，也是比较多的，最常用的方法是直接使用new，而这是最普通的，如果要考虑到其它的需要，如单实例模式，层次间调用等等。 *直接使用new就不能实现好的设计，这时候需要使用间接使用new，即getInstance方法。这是一个设计方式的代表，而不仅仅指代一个方法名。 1. new的使用: 如Object _object = new Object()，这时候，就必须要知道有第二个Object的存在，而第二个Object也常常是在当前的应用程序域中的， 可以被直接调用的 2. GetInstance的使用: * 在主函数开始时调用，返回一个实例化对象，此对象是static的，在内存中保留着它的引用，即内存中有一块区域专门用来存放静态方法和变量， * 可以直接使用，调用多次返回同一个对象。 3.两者区别对照: * 大部分类(非抽象类/接口/屏蔽了constructor的类)都可以用new，new就是通过生产一个新的实例对象，或者在栈上声明一个对象 ，每部分的调用 * 用的都是一个新的对象。 * getInstance是少部分类才有的一个方法，各自的实现也不同。 * getInstance在单例模式(保证一个类仅有一个实例，并提供一个访问它的全局访问点)的类中常见，用来生成唯一的实例，getInstance往往是static的。 * * (1) 对象使用之前通过getInstance得到而不需要自己定义，用完之后不需要delete； * (2)new 一定要生成一个新对象，分配内存；getInstance() 则不一定要再次创建，它可以把一个已存在的引用给你使用，这在效能上优于new； * (3) new创建后只能当次使用，而getInstance()可以跨栈区域使用，或者远程跨区域使用。所以getInstance()通常是创建static静态实例方法的。 * * 总结： * getInstance这个方法在单例模式用的甚多，为了避免对内存造成浪费，直到需要实例化该类的时候才将其实例化，所以用getInstance来获取该对象， * 至于其他时候，也就是为了简便而已，为了不让程序在实例化对象的时候，不用每次都用new关键字，索性提供一个instance方法，不必一执行这个类就 * 初始化，这样做到不浪费系统资源！单例模式 可以防止 数据的冲突，节省内存空间

java中局部变量不赋值也没报错是什么情况？

字符串是一个比较特殊的对象。 字符串之所以特殊，是因为java会在内容中为String类型的对像开辟一个空间，我们叫他串池! 字符串对象的创建之后会被放入到串池中。 串池有一个特点，就是对于相同对象，池中只存储一份。 那么串池把神马样的String看做是相同的String呢。请看： String a="abc";和String b="abc" 对于这样的类型的声明方式（不是new出来的）串池把他们看做一个对象，所以池中只存储一分，只是有a 和b 两个引用罢了！ 对于String只要用new关键字new出来的string，都是单独的一个对象。 而“==”号，他是用来比较对象的内存地址，所以只要用==号来比较string，只要不是自己比自己，那肯定是false。 而String中的equls方法已经做了处理，他是比较内容，所以要比较string的内容的时候而不是地址的时候，那就用它吧！

在ssm框架中，mapper.xml等中，<= 或则>=不能直接写，应该用替换符号代替

t开头

下划线连接

单词都小写

单词都小写

下划线连接

单词跳过移动光标

回到上次浏览位置

左右窗口切换

new后提示对象

返回上一步操作

对应crtl+z的撤销，下一步

复制光标所在行到下一行

删除光标所在行

当前窗口查找

当前窗口字符替换

当前项目查找文件或插件等

当前项目全局查找

当前项目字符替换

运行当前方法，常用再单元测试

整块代码右移

整块代码左移

清除没有引用的包

后台直接传递map给前台时，map里面使用等于号连接的，不能被一些方法识别，应该从后台传递一个json对象。${json}.key.key[].key这样的方式，不能${json.key}这样

Uncaught ReferenceError: is not defined

alert(JSON.stringify(data));

//创建 var data={ key1:"value1",key2:"value2"}; //取值 var dataValue = data["key1"] //或 var dataValue = data.key1,当key 为数值时该取值法不可用 //例： var data ={ 111:"111"，222:"222"} var dataValue = data["111"]//正确 var dataValue = data.111 //错误 //添加 data["key3"] = "value3"; //添加时无该key值则添加,有则修改value //修改 data["key1"] = "value0"; //存在则删除 if (!!data["key2"]) { delete (data["key2"]); } //!!把一个任意类型的值转换为布尔类型,存在为true，不存在为fleas --------------------- 作者：谁也没等，谁也不会来 来源：CSDN 原文：https://blog.csdn.net/weixin_43972348/article/details/85089551 版权声明：本文为博主原创文章，转载请附上博文链接！

对象.hasOwnProperty(prop)

Object.keys(json).length

js中 给json对象添加新的属性 比如现在有一个json对象为jsonObj，需要给这个对象添加新的属性newParam，同时给newParam赋值为pre。做法如下： var jsonObj={ 'param1':22, 'param2' :33 }; jsonObj. newParam ='pre'; 新的属性添加以后，json对象变成： var jsonObj={ 'param1':22, 'param2' :33, 'newParam':'pre' };

分支主题

分支主题

function getJsonLength(jsonData) { var length; for(var ever in jsonData) { length++; } return length; }

假设后台传递的loginName为“01”

var data = ${data}; var loginName = data.loginName;

var loginName = ${data.loginName}

delete data.loginName;

delete data[0].XXX

var obj = {"id": 1, "name":"张三"}; for(var key in obj) { alert("Key是:" + key); alert("对应的值是:" + obj[key]); }

Object.keys(data).length

</head>之前

</body>之前

单行

多行

var arr = Array（4）；

var arr = Array（“”，“”，“”）；

var arr = ["","",""];

arr[index] = x;

arr[0][0]

关联数组

创建对象及其属性

var lennon = {}；

对象里面有对象

分支主题

几种创建方式，以及怎么创建方法，百度一下。

几种对象

函数是定义在全局的

方法是对象内部的函数。

可以有返回值，可以参数

分支主题

分支主题

Comparison carAimType == 0 may cause unexpected type coercion less... (Ctrl+F1) This inspection reports usages of JavaScript equality operators which may cause unexpected type coercions. It is considered a good practice to use the type-safe equality operators === and !== instead of their regular counterparts == and !=. Depending on the option selected, this will either highlight: All usages of == and != operators. All usages except comparison with null. Some code styles allow using x == null as a replacement for x === null || x === undefined. Only suspicious expressions, such as: == or != comparisons to 0, '', null, true, false, or undefined.

不用innerHtml（）

内双外单，内单外双，内外相同用/转义

在拼接html语句时，应该用‘’单引号，而不是“”双引号

内有带参方法的调用拼接

得到元素节点对象的方式

元素节点对象.getAttribute("title");

元素节点对象.setAttribute("title",String);

元素节点对象.childtNodes；

元素节点对象.nodeValue;

节点类型

window.onload=moth；方法名不带（）；

分支主题

分支主题

有些浏览器会禁用javascript，最好的用户体验就是，单一的javascript代码有问题，不会整个网页都加载不出来。

判断浏览器的版本以及一些方法的正常使用与否。

分支主题

分支主题

代码优化

发布版本优化---压缩脚本

分支主题

分支主题

分支主题

分支主题

分支主题

分支主题

分支主题

分支主题

传统技术

DOM技术

分支主题

分支主题

元素内联样式

元素外联样式

http://www.cnblogs.com/yucheng6/p/9696274.html

设置div内容垂直居中

span默认不是设置大小（宽度和高度）

设置span圆角

样式的继承性

层叠性

颜色定义

字体文本相关

技巧

容器

图像

背景颜色图像

盒子模型

选择器

盒子模型之间的关系

a标签实现动态拼接路径

a标签实现从javascript变量获取动态路径

某个单独页面就算没有引用jquey也能使用$

按钮提交问题

如果想在提交之前做一些验证