update
This commit is contained in:
parent
87b839e33d
commit
9b6840f58e
155
20191120/20191120.md
Normal file
155
20191120/20191120.md
Normal file
@ -0,0 +1,155 @@
|
||||
# 20191120
|
||||
|
||||
|
||||
|
||||
js 高级
|
||||
|
||||
怎样用面向对象的思想去编程 ---- 抽象
|
||||
|
||||
特指具体的某一个事物 ----- 对象
|
||||
|
||||
特征 ------- 属性
|
||||
|
||||
行为 ------- 方法
|
||||
|
||||
创建对象 方式
|
||||
* 字面量创建对象
|
||||
```js
|
||||
var obj = {
|
||||
name: 'yingbo',
|
||||
age: 18,
|
||||
sex: '女',
|
||||
eat: () => {
|
||||
console.log('真好吃')
|
||||
},
|
||||
run: () => {
|
||||
console.log('跑的真快')
|
||||
}
|
||||
}
|
||||
```
|
||||
* 调用系统构造函数创建对象
|
||||
```js
|
||||
var obj1 = new Object()
|
||||
object1.name = 'lisi'
|
||||
object1.age = 20
|
||||
object1.sex = '男'
|
||||
object1.eat = () => {
|
||||
console.log('好吃')
|
||||
}
|
||||
object.run = () => {
|
||||
console.log('能跑个鬼')
|
||||
}
|
||||
```
|
||||
* 自定义构造函数创建对象
|
||||
```js
|
||||
function Person(name, age, sex) {
|
||||
this.name = name
|
||||
this.age = age
|
||||
this.sex = sex
|
||||
this.eat = () => {
|
||||
console.log('是非常好吃')
|
||||
}
|
||||
this.run = () => {
|
||||
console.log('是非常能跑的怪物')
|
||||
}
|
||||
}
|
||||
var per = new Person('yingbo', 20, 'male')
|
||||
|
||||
// 判断对象输入什么类型 instanceof
|
||||
console.log(per instanceof Person) // boolean -> true
|
||||
console.log(per instanceof Object) // boolean -> true always
|
||||
```
|
||||
* 姓名 年龄 性别 吃 ……
|
||||
|
||||
创建一个新的系统构造函数
|
||||
```js
|
||||
function Person(name, age, sex) {
|
||||
this.name = name
|
||||
this.age = age
|
||||
this.sex = sex
|
||||
this.sayHi = () =>{
|
||||
console.log('你好')
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
实例化 ----- 通过自定义构造函数创建对象 ---> 实例对象
|
||||
`var per = new Person('yingbo', 20, 'male')`
|
||||
1. 开辟内存空间
|
||||
2. 改变 this 的指向为当前对象
|
||||
3. 设置对象的属性和方法值
|
||||
4. 返回 this 指向的对象
|
||||
|
||||
自定义构造函数的缺点
|
||||
|
||||
内存消耗严重 数据不共享
|
||||
```js
|
||||
var per = new Person()
|
||||
var per1 = new Person()
|
||||
per.sayHi()
|
||||
per1.sayHi()
|
||||
console.log(per.sayHi == per1.sayHi) // -> false
|
||||
```
|
||||
```js
|
||||
sayHi() => {
|
||||
console.log('你好')
|
||||
}
|
||||
|
||||
// sayHi = 'yingbo' -> 和上边的冲突 导致公共命名空间（全局变量）污染 下边定义的时候用的这个会报 not a function 的错误 但是可以解决不共享的问题 慎用
|
||||
|
||||
function Person(name, age, sex) {
|
||||
this.name = name
|
||||
this.age = age
|
||||
this.sex = sex
|
||||
this.sayHi = sayHi
|
||||
}
|
||||
|
||||
var per = new Person()
|
||||
var per1 = new Person()
|
||||
per.sayHi()
|
||||
per1.sayHi()
|
||||
console.log(per.sayHi == per1.sayHi) // -> true
|
||||
```
|
||||
|
||||
工厂模式创建对象
|
||||
```js
|
||||
function createObj(name, age) {
|
||||
var obj = new Object()
|
||||
obj.name = name
|
||||
obj.age = age
|
||||
obj.sayHi = () =>{
|
||||
console.log('你好哇')
|
||||
}
|
||||
return obj
|
||||
}
|
||||
var obj1 = createObj()
|
||||
obj1.sayHi()
|
||||
```
|
||||
|
||||
工厂模式和自定义构造函数的区别 （面试的时候回答 相同 -> 不同）
|
||||
* 共同点
|
||||
* 都能创建对象
|
||||
* 都是函数
|
||||
* 都能传参数
|
||||
* 不同点
|
||||
* 函数名称大小写
|
||||
* 有无返回值
|
||||
* this -> 当前对象 (自定义) -> obj对象 (工厂)
|
||||
* 是否需要new去实例化
|
||||
* 函数内是否有new
|
||||
|
||||
* 实例对象和构造函数的关系
|
||||
* 实例对象是通过构造函数创建的 ---- 实例化一个对象/new一个对象
|
||||
* `console.dir()` 显示对象结构
|
||||
* 实例对象的构造器(构造函数)
|
||||
* `console.log(per.constructor == Person) // true` 实例对象的构造器是指向的是创建他的构造函数
|
||||
* `console.log(per.constructor == Person.constructor) // false`
|
||||
* `console.log(per.__proto__.constructor == Person.constructor) // false`
|
||||
* `console.log(per.__proto__.constructor == Person.prototype.constructor) // true`
|
||||
* `console.log(per.constructor == Person.prototype.constructor) // true`
|
||||
* `Person.constructor` 指向的自己Person
|
||||
|
||||
* 总结
|
||||
* 判断一个对象属于什么类型 实例对象 instanceof 构造函数
|
||||
* 可以通过构造器去判断
|
||||
|
||||
@ -11,10 +11,10 @@ animation 属性是一个简写属性，用于设置六个动画属性：
|
||||
/* 动画的速度曲线 */
|
||||
animation-timing-function
|
||||
|
||||
linear 动画从头到尾的速度是相同的。 测试
|
||||
ease 默认。动画以低速开始，然后加快，在结束前变慢。 测试
|
||||
ease-in 动画以低速开始。 测试
|
||||
ease-out 动画以低速结束。 测试
|
||||
linear 动画从头到尾的速度是相同的。
|
||||
ease 默认。动画以低速开始，然后加快，在结束前变慢。
|
||||
ease-in 动画以低速开始。
|
||||
ease-out 动画以低速结束。
|
||||
ease-in-out 动画以低速开始和结束。
|
||||
|
||||
/* 定义动画何时开始 ms */
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
`mkdir /home/pi/data/db/mongo`
|
||||
|
||||
运行容器
|
||||
`docker run -d --name rpi-mongodb3 -v /home/pi/data/db/mongo:/data.db -p 27017:27017 --restart=always andresvidal/rpi3-mongodb3 mongod --auth`
|
||||
`docker run -d --name rpi-mongodb3 -v /home/pi/data/db/mongo:/data/db -p 27017:27017 --restart=always andresvidal/rpi3-mongodb3 mongod --auth`
|
||||
|
||||
命令格式：docker run [OPTIONS] IMAGE [COMMAND] [ARG...]
|
||||
Usage: Run a command in a new container
|
||||
|
||||
@ -60,5 +60,4 @@
|
||||
修改文件权限
|
||||
[链接]('https://blog.csdn.net/slwhy/article/details/78876237')
|
||||
|
||||
|
||||
sudo chmod o+rwx /usr/local/bin/sunny
|
||||
@ -32,4 +32,165 @@ server {
|
||||
upstream flask{
|
||||
server 0.0.0.0:5000;
|
||||
}
|
||||
```
|
||||
|
||||
极简印的nginx配置备份
|
||||
```
|
||||
server {
|
||||
listen 80;
|
||||
server_name qr.powerrain.cn;
|
||||
|
||||
#charset koi8-r;
|
||||
#access_log /var/log/nginx/host.access.log main;
|
||||
|
||||
location / {
|
||||
root /data/wwwroot;
|
||||
index index.html index.htm;
|
||||
}
|
||||
|
||||
#error_page 404 /404.html;
|
||||
|
||||
# redirect server error pages to the static page /50x.html
|
||||
#
|
||||
error_page 500 502 503 504 /50x.html;
|
||||
location = /50x.html {
|
||||
root /data/wwwroot;
|
||||
}
|
||||
|
||||
# proxy the PHP scripts to Apache listening on 127.0.0.1:80
|
||||
#
|
||||
#location ~ \.php$ {
|
||||
# proxy_pass http://127.0.0.1;
|
||||
#}
|
||||
|
||||
# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
|
||||
#
|
||||
#location ~ \.php$ {
|
||||
# root /usr/share/nginx/html;
|
||||
# fastcgi_pass 127.0.0.1:9000;
|
||||
# fastcgi_index index.php;
|
||||
# fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;
|
||||
# include fastcgi_params;
|
||||
#}
|
||||
|
||||
# deny access to .htaccess files, if Apache's document root
|
||||
# concurs with nginx's one
|
||||
#
|
||||
#location ~ /\.ht {
|
||||
# deny all;
|
||||
#}
|
||||
location ~ \.php$ {
|
||||
root /data/wwwroot;
|
||||
fastcgi_pass 127.0.0.1:9000;
|
||||
fastcgi_index index.php;
|
||||
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
|
||||
include fastcgi_params;
|
||||
}
|
||||
|
||||
#location /qrcode {
|
||||
# proxy_pass 0.0.0.0:5000;
|
||||
#}
|
||||
}
|
||||
|
||||
server {
|
||||
#SSL 访问端口号为 443
|
||||
listen 443 ssl http2; #填写绑定证书的域名
|
||||
server_name qr.powerrain.cn;
|
||||
#证书文件名称
|
||||
ssl_certificate 1_qr.powerrain.cn_bundle.crt;
|
||||
#私钥文件名称
|
||||
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_prefer_server_ciphers on;
|
||||
location / {
|
||||
proxy_pass http://127.0.0.1:5000;
|
||||
}
|
||||
}
|
||||
|
||||
server {
|
||||
listen 80 http2;
|
||||
server_name powerrian.cn;
|
||||
location / {
|
||||
root /data/wwwroot;
|
||||
index index.html index.htm;
|
||||
}
|
||||
}
|
||||
server {
|
||||
listen 80 http2;
|
||||
server_name www.powerrian.cn;
|
||||
location / {
|
||||
root /data/wwwroot;
|
||||
index index.html index.htm;
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
精简一下
|
||||
```
|
||||
server {
|
||||
listen 80;
|
||||
server_name qr.powerrain.cn;
|
||||
|
||||
location / {
|
||||
root /data/wwwroot;
|
||||
index index.html index.htm;
|
||||
}
|
||||
error_page 500 502 503 504 /50x.html;
|
||||
location = /50x.html {
|
||||
root /data/wwwroot;
|
||||
}
|
||||
|
||||
|
||||
|
||||
location ~ \.php$ {
|
||||
root /data/wwwroot;
|
||||
fastcgi_pass 127.0.0.1:9000;
|
||||
fastcgi_index index.php;
|
||||
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
|
||||
include fastcgi_params;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
server {
|
||||
#SSL 访问端口号为 443
|
||||
listen 443 ssl http2; #填写绑定证书的域名
|
||||
server_name qr.powerrain.cn;
|
||||
#证书文件名称
|
||||
ssl_certificate 1_qr.powerrain.cn_bundle.crt;
|
||||
#私钥文件名称
|
||||
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_prefer_server_ciphers on;
|
||||
location / {
|
||||
proxy_pass http://127.0.0.1:5000;
|
||||
}
|
||||
}
|
||||
|
||||
server {
|
||||
listen 80 http2;
|
||||
server_name powerrian.cn;
|
||||
location / {
|
||||
root /data/wwwroot;
|
||||
index index.html index.htm;
|
||||
}
|
||||
}
|
||||
|
||||
server {
|
||||
listen 80 http2;
|
||||
server_name www.powerrian.cn;
|
||||
location / {
|
||||
root /data/wwwroot;
|
||||
index index.html index.htm;
|
||||
}
|
||||
}
|
||||
|
||||
```
|
||||
Loading…
x
Reference in New Issue
Block a user