【js-01】
基本数据类型
number
string
boolean
null
undefined
引用数据类型
object
【】string -> number
var a = + "123";//+123
var b = - "123";//-123
【】boolean -> number
+true 1
-true -1
+false 0
-false 0
+ - * / %
&& || !
【】number -> boolean 0/NaN:false;其他为true
var v1 = NaN;
var b1 = !(!v1);
【】string -> boolean 内容为空的字符串为false
var str1 = "";
var b1 = !(!str1);
【】null/undefined -> boolean : false
【】对象类型 -> boolean : true
【函数类型】Function
声明函数的三种方式
01 var f1 = new Function("a","b","return a+b;");
02 function f2(a,b){return a-b;}
03 var f3 = function(a,b){return a*b;}
f1.length 参数列表的参数个数
f1.arguments 存放参数的数组
function sum() {
var rs = 0;
for(var index in arguments){
rs += arguments[index];
}
return rs;
}
【数组类型】Array
定义数组的三种方式
01 var arr1 = new Array(len);
02 var arr2 = new Array(1,2,3);
03 var arr3 = [2,2];
var str3 = arr3.join("--");// 2--2
arr3.push(12);//[2,2,12]
arr3.pop();//[2,2]
【日期类型】Date
var d1 = new Date();
d1.getTime();
d1.toLocaleString();
var d2 = new Date("yyyy-MM-dd hh:mm:ss");
【Math类型】
abs
ceil 向上取整
floor 向下取整
round 四舍五入
random [0,1)
【正则类型】RegExp
var r1 = new RegExp("^\\w{6,12}$");
r1.test("123456");
var r2 = /^\w{6,12}$/;
[a] [ab] [a-zA-Z0-9_]
\d 单个数字字符 [0-9]
\w 单个单词字符 [a-zA-Z0-9_]
? 0/1次
* 0/多次
+ 1/多次
{m,n} m <= 出现次数 <= n
{,n} 最多输入 n次
{m,} 最多输入 m次
开始 ^
结束 $
【Global类型】全局类型，不需要定义，直接使用方法即可
encode(str)
decode(str)
encodeURIComponent(str)
decodeURIComponent(str)
parseInt("a123"); // NaN
parseInt("1F",16); // 31
isNaN(tmp)【】
NaN == NaN ,false
NaN === NaN ,false
isNaN(NaN),true【】
var jscode = "alert(123);";
eval(jscode);【接受js字符串，并将它作为脚本代码来执行】
【html-form css】
<form action="#" method="post"></form>
<input type="text" name="username" placeholder="请输入用户名">
text/password/radio(checked)/checkbox(checked)
file/hidden/color(取色器)/date/datetime-local【部分浏览器不支持】
email/number
<select name="province">
<option value="">--请选择---</option>
<option value="gd" selected>广东</option>
<option value="bj">北京</option>
</select>
<textarea name="intro" id="" cols="30" rows="10">
</textarea>
<input type="submit" value="登录">
<input type="reset" value="重置">
<input type="button" value="普通按钮"><br>
<input type="image" src="../tmpImg/regbtn.jpg">
【CSS】
引入css的三种方式：
01 作用于一个标签【内敛样式】
<div style="color: blue;">AAA</div>
02 作用于当前页面【内部样式】
<style>
span{
color: orange;
}
</style>
03 引用外部的样式【外部样式】
<link rel="stylesheet" href="../css/a.css">
<style>
@import "../css/a.css";
</style>
【CSS 语法】
选择器{
属性名1：属性值1;
属性名2：属性值2;
...
}
基本选择器：
元素选择器 < class选择器 < id选择器【优先级】
div .class1 #id1
其他选择器
01 选择所有：*{}
02 并集选择器：div,p{}
03 子选择器：div p{}【选择p】
04 父选择器：div > p{}【选择div】
05 属性选择器：input[type="text"]{border:5px solid;}
06 伪类选择器：a:link{color:pink;}
a
link 初始化的状态
hover 鼠标悬浮的状态
active 鼠标点击的状态
visited 鼠标点击过的状态
【CSS 属性】
01 文本、字体
font-size:30px;
color:red;
text-algin:center;
line-height:200px;
02 边框
boder:1px solid black;
03 背景：
background：url("../img/logo.jpg") no-repeat center;
04 尺寸
width:90%;
height:300px;
05 盒子模型
margin:外边距
padding；内边距
【注意，内边距一般会影响盒子大小】
【需要设置box-sizing:border-box;属性】
【让width和height最终决定盒子的大小】
06 浮动：
float:left
float:right
【其他】
01 让 div 水平居中
margin:auto;
02 让 div 垂直居中
vertical-algin:middle;
03 设置边框的圆角
border-radius: 5px;
padding-left: 10px;
【html】超文本标记语言
<!doctype html>
<html>
<head>
<title>
<body>
<!-- html注释 -->
<h1> to <h6>
<p>
<br/>
<hr color="red" width="90%" size="20px" algin="center">
<b> 字体加粗
<i> 字体斜体
<font>
<center color="red" size="20px" face="黑体"> 文本居中
<img src="./images/jingxuan.jpg" alter="乌镇" algin="left" width="300" height="160" >
<ol>
<li>java</li>
<li>mysql</li>
<li>html</li>
</ol>
<ul>
<li>java</li>
<li>mysql</li>
<li>html</li>
</ul>
<a href="#" target="_blank">注册</a>
<div> 每一个div沾满一行，块级标签
<span>文本信息在一行显示，行内标签，内联标签
<table algin="center" border="1" cellspacing="0" bgcolor="yellow">
<caption>
<tr bgcolor="red" algin="center">/<th>
<td>
【JDBC-02】
01 数据库连接池
DataSource
c3p0
c3p0-0.9.5.2.jar mchange-commons-java-0.2.12.jar
Druid
druid-1.0.9.jar
02 Spring JDBC Jdbc-Template
JdbcTemplate template = new JdbcTemplate(DataSource ds);
int template.update(sql,new Object[args]);
执行DML语句，实现数据的增加、删除、修改，并返回影响的行数。
Map<String,Object> map = template.queryForMap(sql,new Object[args]);
执行DQL语句，实现数据的查询，并返回一个Map集合。
其中，key为列名，value为对应的值。
【注意】
查询的sql语句必须只返回一条数据集。
否则，将报错：
IncorrectResultSizeDataAccessException 或 EmptyResultDataAccessException
List<Map<String,Object>> mapList = template.queryForList(sql,objs);
执行DQL语句，实现数据的查询（多条)
List<User> userList = jdbcTemplate.query(sql, objs, new BeanPropertyRowMapper<>(User.class));
查询数据，返回一个引用类型为 pojo 的 List
【重点】
01 BeanPropertyRowMapper implements RowMapper
02 pojo 中的字段名 与 数据表的列名一一对应，且字段类型为 引用类型（如果是基本数据类型，使用对应的包装类型）
Integer count = jdbcTemplate.queryForObject(sql, objs, Integer.class);
查询结果，并将结果封装为对象返回
【一般用于聚合函数的查询】
|
|
收藏
淘帖
踩
