bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
历届学生/18课程/class18_2/课程/2020-12-22/event.html Normal file
View File

@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.main button {
}
</style>
</head>
<body>
<p onclick="test()">点我</p>
<div class="main">
<button>点我</button>
</div>
<div class="text"></div>
</body>
<script>
// 事件源
// 事件类型
// 事件处理函数
function test() {
alert("11111")
}
// document.querySelector(".main button").onclick = function () {
// alert("1111")
// }
// document.querySelector(".main button").onclick = function () {
// alert("2222")
// }
document.querySelector(".main button").addEventListener('click', function() {
alert("1111")
})
// document.querySelector(".main button").addEventListener('click', function() {
// alert("2222")
// })
// document.querySelector(".main button").addEventListener('click', function() {
// alert("3333")
// })
</script>
</html>

132
历届学生/18课程/class18_2/课程/2020-12-22/index.html Normal file
View File

@@ -0,0 +1,132 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
<script>
// var a = 1, b = "1"
// console.log(b-a); // 1+"2" 12
// ==(相等) ===（绝对相等）
// console.log(a===b); // false
// x++
// console.log(++a); // 1
// console.log(a); // 2
// console.log( (2 < 3) + a++ );
// console.log(a);
// var b = '<div class="header">' +
// '<div class="header_location">' +
// '<i class="iconfont icon-dingwei"></i>' +
// '<span>' + a + '</span>' +
// '<i class="iconfont icon-xiangxia"></i>' +
// '</div>';
// var c = `
// <div class="header">
// <div class="header_location">
// <i class="iconfont icon-dingwei"></i>
// <span>${a}</span>
// <i class="iconfont icon-xiangxia"></i>
// </div>
// <div class="header_search">
// <i class="iconfont icon-xinbaniconshangchuan-"></i>
// <span>搜索饿了么商家、商品名称</span>
// </div>
// </div>
// `
// console.log(c);
// + 数学运算 +字符串拼接
//
// var n = 78;
// switch (n) {
// case 78:
// console.log("凉");
// break;
// case 2:
// break;
// default:
// }
//for
// js 数组 array
// 1: var arr = new Array();
// arr[0] = 1
// var arr = new Array(1,2,3,4)
// var arr = [1,2,3,4]
// console.log(arr);
// for (var i = 0;i<arr.length;i++) {
// console.log(arr[i]);
// }
// arr.forEach( function(val,index) {
// console.log(index);
// } )
// 类的属性
// 类的方法
// class Utils {
// test() {
// }
// }
// var ddd = new Utils()
// ddd.test()
// es5，es6789
// object
// var obj = {
// color: 'red',
// chuang: function() {
// console.log("穿衣服");
// }
// }
// console.log(obj.chuang());
// // obj.chuang()
// var a = function () {
// }
// a()
// function 封装具有相同功能的代码模块，解决代码复用
// var a = 1
// // var ff = "3e233"
// function test () {
// ff = "3e233"
// console.log(a) // 1
// }
// test();
// console.log(ff); //
</script>
</html>

20
历届学生/18课程/class18_2/课程/2020-12-22/index.php Normal file
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ul>
<?php
for() {
echo "<li></li>"
}
?>
</ul>
</body>
</html>

28
历届学生/18课程/class18_2/课程/2020-12-22/笔记.txt Normal file
View File

@@ -0,0 +1,28 @@
javascript：做特效的（以前）
还能实现各种前端的功能，数据渲染
ajax
web开发：
1：后端渲染（jsp，php，asp）
优势：便于seo优化
缺点：代码冗余，页面里面有多种语言的代码，维护成本高
前端工资很低
2：前后端分离（ajax）
后端：处理数据，服务器安全，数据安全
前端：写页面，做功能，处理数据
nodejs（js的后端的运行环境）
nodejs 变成前端开发的基本环境
大（）前端
deno.js atom 微信小程序开发者工具
js + nodejs + typescript