项目流程
由项目经理与客户沟通好后，然后项目经理通过一些工具对客户的项目的要求进行简单的罗列,搞好后，交由ui设计师通过一些软件的加工和美化,然后设计成一张张的设计稿,这些都干完后，再移交给前端人员来实现对应的网页,然后，前台人员在设计的时候,要和后台人员进行交流后，然后获得后台数据,布置到页面中,这些干完后.在移交给后台,后台人员进行一些操作使得网页中的效果更具有交互性后,这个项目的代码编写过程就完成了,于是就开始测试。最后测试没问题后就可以发布到网上了。
内置对象
构造函数和创建对象
1.两种函数
2.创建对象的两种方式
1.两种函数
普通函数:用来实现某个功能
构造函数:用来创建对象
<script>
function sum(a,b){
var num=a+b;
return num;
}
function Cat(name,age){
this.name=name;
this.age=age;
}
var cat=new Cat('小花',18);
var cat1=new Cat('小红',9);
console.log('name',cat.name);
console.log('age',cat.age);
</script>
2.创建对象的两种方式
<script>
var obj={
name : '小红',
age : 18
}
console.log(obj.name);
function Cat(name,age){
this.name=name;
this.age=age;
}
var obj1=new Cat('小哈',19);
console.log('name',obj1.name);
</script>
3.日期对象常用的方法和插件
(1).创建日期对象
(2).日期常用方法
(3).日期函数应用
(4).日期函数库
1.创建日期的三种方式
<script>
var date=new Date();
console.log('date',date);
var data=new Date('2020-12-12 00:00:00');
console.log('data',data);
var date2=new Date(0);
console.log(date2);
var date3=new Date(86400000);
console.log("date3,date3");
</script>
日期的常用方法
1.new Date()
2.getFullYear()
3.getMonth() + 1
4.getDate()
5.getHours()
6.getMinutes()
7.getSeconds()
8.getDay()
9.getTime()
10.Date.now()
<script>
var date = new Date();
var Y = date.getFullYear();
var M = date.getMonth();
var D = date.getDate();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
</script>
3.日期函数应用
（1）.格式化日期
<script>
function formatDate(str) {
var date;
if (!str) {
date = new Date();
} else {
date = new Date(str);
}
var Y = date.getFullYear();
var M = date.getMonth()+1;
var D = date.getDate();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
M = M<10?`0${M}`:M;
D = D<10?`0${D}`:D;
h = h<10?`0${h}`:h;
m = m<10?`0${m}`:m;
s = s<10?`0${s}`:s;
return `${Y}年${M}月${D}日 ${h}:${m}:${s}`
}
var date1 = formatDate();
console.log('date1',date1);
var date2 = formatDate('2020-11-11 11:11:11');
console.log('date2',date2);
</script>
2.日期函数库
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="http://cdn.staticfile.org/moment.js/2.24.0/moment.js"></script>
</head>
<body>
<script>
var date1 = moment('2001-11-17').format('YYYY-MM-DD HH:mm:ss');
document.write('陈*元的生日是: '+date1);
var date2 = moment().add(3, 'days').format('MM-DD');
document.write('<br/>')
document.write('三天后是: '+date2);
</script>
</body>
</html>
字符串常用方法
思维导图
https://www.kdocs.cn/view/l/sh7WxQWpyMX2
(1).基本类型添加属性无效
<script>
var b=0;
b.name='老马';
console.log(b.name);
</script>
（2）.字符串常用方法
1.length // 字符串的长度
2.trim() // 去掉字符串前后的空格
3.split() // 字符串转数组,接收一个参数,作为转换的标志
截取字符串
4.substring() // 截取字符串,接收两个参数,开始的位置和结束的位置
5.slice() // 截取字符串, 用法类似substring, 但可以复数
s6.ubstr() // 截取字符串, 接收两个参数,第一个参数是开始位置, 第二个参数是截取的字符个数
检测字符串
7.charAt() // 下标对应的字符, 若没有返回空
8.indexOf() // 返回检测字符串的位置
9.lastIndexOf() // 同上,但从后面开始检查
10.includes() // 检查字符串是否包含指定字符
11.toLowerCase() // 转小写字母
12.toUpperCase() // 转大写字母
13.match() // 检查有没有包含某个值, 返回符合一个数组,存放符合条件的字符
14.replace() // 替换
<script>
var str1 = "abcdef";
console.log("str1长度:", str1.length);
console.log("第1个字符:", str1[0]);
console.log("最后1个字符:", str1[str1.length - 1]);
var str2 = " asdfasdfas ";
console.log("str2长度", str2.length);
var newStr2 = str2.trim();
console.log("新字符串的长度", newStr2.length);
var str3 = "张三,李四,王五";
var arr3 = str3.split(",");
console.log("arr3", arr3);
str3 = "asdfjal;sjfasjkf;asjfl;asjkdfl;ak";
arr3 = str3.split("a");
console.log("arr3", arr3);
</script>
//截取字符串
subString（不常用）
slice(常用)
substr 第二个参数为截取的个数
<script>
var str = "13812345678";
var str1 = str.substring(2, 5);
console.log("str1", str1);
var str2 = str.slice(2, 5);
console.log("str2", str2);
str2 = str.slice(2, -1);
console.log("str2负数", str2);
str2 = str.slice(2);
console.log("str2一个参数", str2);
str2 = str.slice(-4);
console.log("str2一个负数参数", str2);
var str3 = str.substr(2, 5);
console.log("substr", str3);
</script>
//检验字符串
// 1.charAt
var str = 'abcdefgabcdefg';
var str1 = str.charAt(2);
// var str1 = str.charAt(10);
console.log('str1',str1);
// 2.includes
var boo2 = str.includes('a'); // true
var boo2 = str.includes('x'); // false
console.log('boo2',boo2);
// 3. indexOf
var index3 = str.indexOf('b'); // 1
var index3 = str.indexOf('bb'); // -1
console.log('index3',index3);
// 4.lastIndexOf
var index4 = str.indexOf('f'); // 5
var index4 = str.lastIndexOf('f'); // 12
console.log('index4',index4);
//小写和大写字母,match,replace
var str = 'myName,myAge';
var str1 = str.toLowerCase();
console.log('str1',str1);
var str2 = str.toUpperCase();
console.log('str2',str2);
// 3.match
var str3 = str.match('my'); // 匹配
var str3 = str.match('ny'); // null
console.log('str3',str3);
str3 = str.match(/Name/);
console.log('str3正则',str3);
str3 = str.match(/my/g);
console.log('str3正则',str3);
// 4.replace
var str4 = str.replace('my','you');
console.log('str4',str4);
str4 = str.replace(/my/g,'you');
console.log('str4正则',str4);
|