zhaoyingbo/nodebook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
RainSun 2019-11-30 22:10:40 +08:00
parent 1aaab86ff6
commit 179f804514
6 changed files with 224 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
20191117/20171117.md
View File

@ -15,5 +15,4 @@
* 继承：类与类的关系，js是模拟类，本质基于原型对象 * 继承：类与类的关系，js是模拟类，本质基于原型对象
* 多态：同一个行为，对不同的对象产生不同效果 * 多态：同一个行为，对不同的对象产生不同效果
* Object Oriented Programming 面向对象程序设计 oop * Object Oriented Programming 面向对象程序设计 oop
* Application Programming Interface 应用程序接口 api * Application Programming Interface 应用程序接口 api
*

2
20191120/20191120.md
View File

@ -6,6 +6,8 @@ js 高级
怎样用面向对象的思想去编程 ---- 抽象 怎样用面向对象的思想去编程 ---- 抽象
抽象
特指具体的某一个事物 ----- 对象 特指具体的某一个事物 ----- 对象
特征 ------- 属性 特征 ------- 属性

4
20191123/20191123.md
View File

@ -142,4 +142,6 @@ Array
Date Date
Math Math
内置对象中可以添加原型方法

111
20191130/20191130.md Normal file
View File

@ -0,0 +1,111 @@
# 20191120
![js](https://img.shields.io/badge/language-js-orange.svg)
给内置对象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
View 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>

24
Miscellaneous/nginx.conf
View File

@ -9,9 +9,9 @@ server {
ssl_certificate_key 2_qr.powerrain.cn.key; ssl_certificate_key 2_qr.powerrain.cn.key;
ssl_session_timeout 5m; ssl_session_timeout 5m;
#请按照这个协议配置 #请按照这个协议配置
ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_protocols TLSv1.1 TLSv1.2;
#请按照这个套件配置，配置加密套件，写法遵循 openssl 标准。 add_header Strict-Transport-Security "max-age=31536000";
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4:!DH:!DHE;
ssl_prefer_server_ciphers on; ssl_prefer_server_ciphers on;
location / { location / {
proxy_pass http://127.0.0.1:5000; proxy_pass http://127.0.0.1:5000;
@ -48,8 +48,10 @@ server {
ssl_certificate_key 2_yb.powerrain.cn.key; ssl_certificate_key 2_yb.powerrain.cn.key;
ssl_session_timeout 5m; 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 / { location / {
root /data/yiban/yiban; root /data/yiban/yiban;
index index.html index.htm; index index.html index.htm;
@ -96,8 +98,10 @@ server {
ssl_certificate_key 2_m.yb.powerrain.cn.key; ssl_certificate_key 2_m.yb.powerrain.cn.key;
ssl_session_timeout 5m; 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 / { location / {
root /data/yiban/yiban; root /data/yiban/yiban;
index index.html index.htm; index index.html index.htm;
@ -138,8 +142,10 @@ server {
ssl_certificate_key 2_powerrain.cn.key; ssl_certificate_key 2_powerrain.cn.key;
ssl_session_timeout 5m; 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 / { location / {
root /data/wwwroot; root /data/wwwroot;
index index.html index.htm; index index.html index.htm;