update
This commit is contained in:
parent
1aaab86ff6
commit
179f804514
@ -15,5 +15,4 @@
|
||||
* 继承：类与类的关系，js是模拟类，本质基于原型对象
|
||||
* 多态：同一个行为，对不同的对象产生不同效果
|
||||
* Object Oriented Programming 面向对象程序设计 oop
|
||||
* Application Programming Interface 应用程序接口 api
|
||||
*
|
||||
* Application Programming Interface 应用程序接口 api
|
||||
@ -6,6 +6,8 @@ js 高级
|
||||
|
||||
怎样用面向对象的思想去编程 ---- 抽象
|
||||
|
||||
抽象
|
||||
|
||||
特指具体的某一个事物 ----- 对象
|
||||
|
||||
特征 ------- 属性
|
||||
|
||||
@ -142,4 +142,6 @@ Array
|
||||
|
||||
Date
|
||||
|
||||
Math
|
||||
Math
|
||||
|
||||
内置对象中可以添加原型方法
|
||||
111
20191130/20191130.md
Normal file
111
20191130/20191130.md
Normal file
@ -0,0 +1,111 @@
|
||||
# 20191120
|
||||
|
||||
|
||||
|
||||
给内置对象String添加原型方法，相当于在改变String对象的源码
|
||||
```js
|
||||
var str = new String('abcdef')
|
||||
String.prototype.myReverse = () => {
|
||||
var str = ''
|
||||
for( var i = this.length -1 ; i >= 0; i--) {
|
||||
str += this[i]
|
||||
}
|
||||
return str
|
||||
}
|
||||
console.log(str.myReverse)
|
||||
```
|
||||
|
||||
给内置对象Array添加原型方法
|
||||
```js
|
||||
Array.prototype.mySort = () => {
|
||||
for(var i = 0; i < this.length; i++) {
|
||||
for(var j = 0; j < this.length - i; j ++) {
|
||||
if(this[j] > this[j+1]) {
|
||||
var temp = this[j]
|
||||
this[j] = this[j +1]
|
||||
this[j+1] = temp
|
||||
}
|
||||
}
|
||||
}
|
||||
return this
|
||||
}
|
||||
var arr = new Array(1,2,3,4,5,6,7,8)
|
||||
console.log(arr.mySort())
|
||||
```
|
||||
|
||||
将局部变量变成全局变量
|
||||
|
||||
```js
|
||||
// 匿名函数自执行
|
||||
(function(){
|
||||
console.log('哈哈哈')
|
||||
})();
|
||||
(function(){
|
||||
console.log('哈哈哈')
|
||||
}());
|
||||
|
||||
// 开始
|
||||
(function(){
|
||||
var num = 100
|
||||
})();
|
||||
console.log(num) // 报错，不是undefined
|
||||
|
||||
// 传参方式
|
||||
(function(win){
|
||||
var num = 100
|
||||
win.n = num
|
||||
})(window);
|
||||
console.log(n) // 打印100
|
||||
```
|
||||
|
||||
undefined的情况
|
||||
|
||||
已定义未赋值
|
||||
|
||||
对象没定义的属性
|
||||
|
||||
函数并没有创建返回值
|
||||
|
||||
全局不一定是window 还可能使global
|
||||
|
||||
## 生成随机数
|
||||
```js
|
||||
// 生成随机数 -> 创建一个随机数对象 ---- 属性无 / 方法 -> 生成随机数
|
||||
// 构造函数Random ---> 局部转全局 ---> 暴露给window ---> 实例化 ---> 调用方法 ---> 完成生成随机数
|
||||
(function (window) {
|
||||
// 创建随机数对象
|
||||
function Random() {
|
||||
|
||||
}
|
||||
Random.prototype.getRandom = (min, max) => {
|
||||
// 0~5整数
|
||||
return Math.floor(Math.random() * (max - min) + min)
|
||||
}
|
||||
window.Random = Random
|
||||
}(window));
|
||||
var random = new Random()
|
||||
var num = random.getRandom(0, 5)
|
||||
console.log(num)
|
||||
```
|
||||
|
||||
js获取元素的方法
|
||||
|
||||
通过ID获取（getElementById）
|
||||
|
||||
通过name属性（getElementsByName）
|
||||
|
||||
通过标签名（getElementsByTagName）
|
||||
|
||||
通过类名（getElementsByClassName）
|
||||
|
||||
通过选择器获取一个元素（querySelector）
|
||||
|
||||
通过选择器获取一组元素（querySelectorAll）
|
||||
|
||||
获取html的方法（document.documentElement）
|
||||
|
||||
document.documentElement是专门获取html这个标签的
|
||||
|
||||
获取body的方法（document.body）
|
||||
|
||||
document.body是专门获取body这个标签的
|
||||
92
20191130/retroSnaker.html
Normal file
92
20191130/retroSnaker.html
Normal file
@ -0,0 +1,92 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Document</title>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.map {
|
||||
width: 800px;
|
||||
height: 600px;
|
||||
background: gray;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="map">
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
// 创建随机数
|
||||
(function () {
|
||||
// 创建随机数对象
|
||||
function Random() {
|
||||
|
||||
}
|
||||
Random.prototype.getRandom = (min, max) => {
|
||||
// 0~5整数
|
||||
return Math.floor(Math.random() * (max - min) + min)
|
||||
}
|
||||
window.Random = Random
|
||||
}());
|
||||
|
||||
// 创建小方块
|
||||
(function(){
|
||||
|
||||
|
||||
// 创建一个方块对象 --- 属性 宽高 颜色 位置 位置改变的方法
|
||||
function Square(width, height, color) {
|
||||
this.width = width || 20;
|
||||
this.height = height || 20;
|
||||
this.color = color || 'orange'
|
||||
this.x = 0
|
||||
this.y = 0
|
||||
this.ele = document.createElement('div')
|
||||
}
|
||||
Square.prototype.init = function() {
|
||||
|
||||
// 设置样式
|
||||
this.ele.style.position = 'absolute'
|
||||
|
||||
this.ele.style.background = this.color
|
||||
this.ele.style.width = this.width + 'px'
|
||||
this.ele.style.height = this.height + 'px'
|
||||
this.render(map)
|
||||
// 把小方块放进map中
|
||||
map.appendChild(this.ele)
|
||||
}
|
||||
// 改变小方块的坐标
|
||||
Square.prototype.render = function(map) {
|
||||
var random = new Random()
|
||||
var maxX = map.offsetWidth / this.width
|
||||
var maxY = map.offsetHeight / this.height
|
||||
|
||||
// 坐标
|
||||
this.x = random.getRandom(0, maxX)
|
||||
this.y = random.getRandom(0, maxY)
|
||||
|
||||
this.ele.style.left = this.x * this.width + 'px'
|
||||
this.ele.style.top = this.y * this.height + 'px'
|
||||
}
|
||||
window.Square = Square
|
||||
}());
|
||||
|
||||
// 获取map对象
|
||||
var map = document.querySelector('.map')
|
||||
var sq = new Square()
|
||||
sq.init(map)
|
||||
setInterval(function(){
|
||||
sq.render(map)
|
||||
},1)
|
||||
</script>
|
||||
|
||||
</html>
|
||||
@ -9,9 +9,9 @@ server {
|
||||
ssl_certificate_key 2_qr.powerrain.cn.key;
|
||||
ssl_session_timeout 5m;
|
||||
#请按照这个协议配置
|
||||
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
|
||||
#请按照这个套件配置，配置加密套件，写法遵循 openssl 标准。
|
||||
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
|
||||
ssl_protocols TLSv1.1 TLSv1.2;
|
||||
add_header Strict-Transport-Security "max-age=31536000";
|
||||
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4:!DH:!DHE;
|
||||
ssl_prefer_server_ciphers on;
|
||||
location / {
|
||||
proxy_pass http://127.0.0.1:5000;
|
||||
@ -48,8 +48,10 @@ server {
|
||||
ssl_certificate_key 2_yb.powerrain.cn.key;
|
||||
ssl_session_timeout 5m;
|
||||
#请按照这个协议配置
|
||||
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
|
||||
|
||||
ssl_protocols TLSv1.1 TLSv1.2;
|
||||
add_header Strict-Transport-Security "max-age=31536000";
|
||||
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4:!DH:!DHE;
|
||||
ssl_prefer_server_ciphers on;
|
||||
location / {
|
||||
root /data/yiban/yiban;
|
||||
index index.html index.htm;
|
||||
@ -96,8 +98,10 @@ server {
|
||||
ssl_certificate_key 2_m.yb.powerrain.cn.key;
|
||||
ssl_session_timeout 5m;
|
||||
#请按照这个协议配置
|
||||
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
|
||||
|
||||
ssl_protocols TLSv1.1 TLSv1.2;
|
||||
add_header Strict-Transport-Security "max-age=31536000";
|
||||
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4:!DH:!DHE;
|
||||
ssl_prefer_server_ciphers on;
|
||||
location / {
|
||||
root /data/yiban/yiban;
|
||||
index index.html index.htm;
|
||||
@ -138,8 +142,10 @@ server {
|
||||
ssl_certificate_key 2_powerrain.cn.key;
|
||||
ssl_session_timeout 5m;
|
||||
#请按照这个协议配置
|
||||
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
|
||||
|
||||
ssl_protocols TLSv1.1 TLSv1.2;
|
||||
add_header Strict-Transport-Security "max-age=31536000";
|
||||
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4:!DH:!DHE;
|
||||
ssl_prefer_server_ciphers on;
|
||||
location / {
|
||||
root /data/wwwroot;
|
||||
index index.html index.htm;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user