zou12e / blog Goto Github PK

mysql -u root -p

use mysql

-- 修改root用户权限
update user set host='%' where user='root' and host='localhost';

-- 刷新
flush privileges;

-- 新增用户远程连接
grant all on *.* to 'newuser'@'%' identified by '123456';

/etc/mysql/mysql.conf.d/mysqld.cnf

-- 注释
bind-address = 127.0.0.1

-- 重启mysql
/etc/init.d/mysql restart 

1. 解压文件

a. rar文件
brew install unrar
unrar x package.rar

b. 7z文件
brew install p7zip
7z e package.7z

2. git 补全

a. brew install bash-completion

b. 修改或者添加 ~/.bash_profile，加上以下内容
   if [ -f ~/.git-completion.bash ]; then
      . ~/.git-completion.bash
   fi

c. git clone https://github.com/git/git.git
    找到源码中 contrib/completion/git-completion.bash
    cp git-completion.bash ~/.git-completion.bash

d. source ~/.git-completion.bash

3. 查看关闭端口

sudo lsof -i :9000

sudo kill -9 PID

查看所有LISTEN进程
netstat -an | grep LISTEN

4. 启动mango mysql redis

mangod

mysqld

redis-server

$(function(){
     $.ajax({});//直接使用ajax方法，有50%的机会失败，请求不成功，请求返回0
});

$(function(){
     $.ajax({});//此时的XMLHttpRequest对象尚未初始化，所以请求返回0
});

window.onload = function(){
    $.ajax({});
}

1. let a = 10;          //更加严格，只在当前作用域生效

2. const PI = 3.1415;   //常量，只在当前作用域生效，声明后不能改变

3. global               //node中的顶层对象  浏览器中的顶层对象是widnow


var getGlobal = function () {
  if (typeof self !== 'undefined') { return self; }
  if (typeof window !== 'undefined') { return window; }
  if (typeof global !== 'undefined') { return global; }
  throw new Error('unable to locate global object');
};

4.变量赋值 

let [a, b, c] = [1, 2, 3];  
a // 1
b // 2
c // 3


let [x = 1] = [undefined];
x // 1


let [x = 1] = [3];
x // 3


let { bar, foo } = { foo: "aaa", bar: "bbb" };
foo // "aaa"
bar // "bbb"


let {length : len} = 'hello';
len // 5


const [a, b, c, d, e] = 'hello';
a // "h"
b // "e"
c // "l"
d // "l"
e // "o"


function add([x, y]){
  return x + y;
}
add([1, 2]); // 3



[[1, 2], [3, 4]].map(([a, b]) => a + b);
// [ 3, 7 ]


function move({x = 0, y = 0} = {}) {
  return [x, y];
}
move({x: 3, y: 8}); // [3, 8]
move({x: 3}); // [3, 0]
move({}); // [0, 0]
move(); // [0, 0]


let jsonData = {
  id: 42,
  status: "OK",
  data: [867, 5309]
};
let { id, status, data: number } = jsonData;
console.log(id, status, number);
// 42, "OK", [867, 5309]


const map = new Map();
map.set('first', 'hello');
map.set('second', 'world');
for (let [key, value] of map) {
  console.log(key + " is " + value);
}
// first is hello
// second is world


 

5. 字符串方法

let s = 'Hello world!';
s.startsWith('Hello') // true    头部是否开始
s.endsWith('!')       // true    尾部是否结束
s.includes('o')       // true    全部是否包含


'x'.repeat(3) // "xxx"           重复次数
'hello'.repeat(2) // "hellohello" 
'na'.repeat(0) // ""


'x'.padStart(5, 'ab') // 'ababx'  头部补全
'x'.padStart(4, 'ab') // 'abax'   
'x'.padEnd(5, 'ab') // 'xabab'    尾部补全
'x'.padEnd(4, 'ab') // 'xaba'


let name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`     //` 数字键 1 左边  变量名写在${}

 

6. 数值扩展

Number.parseInt    ＝＝ parseInt
Number.parseFloat  ＝＝ parseFloat


Number.isInteger(25) // true
Number.isInteger(25.0) // true
Number.isInteger(25.1) // false
Number.isInteger("15") // false
Number.isInteger(true) // false


Math.trunc(4.1) // 4        返回整数部分
Math.trunc(4.9) // 4
Math.trunc(-4.1) // -4
Math.trunc(-4.9) // -4
Math.trunc(-0.1234) // -0


Math.sign(-5) // -1   返回正数＋1  负数－1  
Math.sign(5) // +1
Math.sign(0) // +0
Math.sign(-0) // -0
Math.sign(NaN) // NaN


2 ** 2
// 4
2 ** 3
// 8
let a = 1.5;
a **= 2;
// 等同于 a = a * a;

let b = 4;
b **= 3;
// 等同于 b = b * b * b;

 

7. 函数扩展

function log(x, y = 'World') {       // 构造函数， 赋值
  console.log(x, y);
}
log('Hello') // Hello World
log('Hello', 'China') // Hello China
log('Hello', '') // Hello



var f = v => v;
var f = function(v) {
  return v;
};


// 正常函数写法
var result = values.sort(function (a, b) {
  return a - b;
});
// 箭头函数写法
var result = values.sort((a, b) => a - b);


foo::bar;
// 等同于
bar.bind(foo);

foo::bar(...arguments);
// 等同于
bar.apply(foo, arguments);


 

8.数组扩展

var arr1 = ['a', 'b'];
var arr2 = ['c'];
var arr3 = ['d', 'e'];

// ES5的合并数组
arr1.concat(arr2, arr3);
// [ 'a', 'b', 'c', 'd', 'e' ]

// ES6的合并数组
[...arr1, ...arr2, ...arr3]
// [ 'a', 'b', 'c', 'd', 'e' ]


[...'hello']
// [ "h", "e", "l", "l", "o" ]



let arrayLike = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
};
let arr2 = Array.from(arrayLike); 
// ['a', 'b', 'c']


Array.from(arrayLike, x => x * x);
// 等同于
Array.from(arrayLike).map(x => x * x);

Array.from([1, 2, 3], (x) => x * x)
// [1, 4, 9]


[1, 5, 10, 15].findIndex(function(value, index, arr) {
  return value > 9;
}) // 2

 

9.对象扩展

function f(x, y) {
  return {x, y};
}
// 等同于
function f(x, y) {
  return {x: x, y: y};
}


const o = {
  method() {
    return "Hello!";
  }
};
// 等同于
const o = {
  method: function() {
    return "Hello!";
  }
};


const cart = {
  _wheels: 4,
  get wheels () {
    return this._wheels;
  },
  set wheels (value) {
    this._wheels = value;
  }
}
cart.wheels //4
cart.wheels = 14;
cart.wheels //14


const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };

Object.assign(target, source1, source2);   //合并对象  浅拷贝
target // {a:1, b:2, c:3}


var obj = { foo: 'bar', baz: 42 };
Object.keys(obj)
// ["foo", "baz"]


const obj = { 100: 'a', 2: 'b', 7: 'c' };
Object.values(obj)
// ["b", "c", "a"]



const obj = { foo: 'bar', baz: 42 };
Object.entries(obj)
// [ ["foo", "bar"], ["baz", 42] ]


const [a, ...b] = [1, 2, 3];    // ...扩展运算符
a // 1
b // [2, 3]

10.Symbol   // 独一无二的，可以保证不会与其他属性名产生冲突

let s = Symbol();  


let s1 = Symbol.for("foo");
Symbol.keyFor(s1) // "foo"

11. Set && Map

Set
const s = new Set();
[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));
for (let i of s) {
  console.log(i);
}
// 2 3 5 4

const set = new Set([2, 3, 5, 4, 5, 2, 2]);
[...set]
// 2 3 5 4

// 去除数组的重复成员
[...new Set(array)]

Map
const map = new Map([
  ['name', '张三'],
  ['title', 'Author']
]);

map.size // 2
map.has('name') // true
map.get('name') // "张三"
map.has('title') // true
map.get('title') // "Author"

 

12.异步解决方案

Promise
Generator
async

 

13.类 class

//定义类
class Point {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }
  toString() {
    return '(' + this.x + ', ' + this.y + ')';
  }
}

var point = new Point(2, 3);
point.toString() // (2, 3)



class Foo {                //静态方法
  static classMethod() {
    return 'hello';
  }
}
Foo.classMethod() // 'hello'


class Point {
}
class ColorPoint extends Point {   //继承类
}

 

14.模块化

//circle.js
export function area(radius) {
  return Math.PI * radius * radius;
}
export function circumference(radius) {
  return 2 * Math.PI * radius;
}


import { area, circumference } from './circle';
console.log('圆面积：' + area(4));
console.log('圆周长：' + circumference(14));


import * as circle from './circle';
console.log('圆面积：' + circle.area(4));
console.log('圆周长：' + circle.circumference(14));

import(); 
import('./circle.js')
.then(({area, circumference}) => {
    console.log('圆面积：' + area(4));
    console.log('圆周长：' + circumference(14)); 
});


// export-default.js   默认输出是一个函数
export default function () {
  console.log('foo');
}
import Def from 'export-default';        //这时import命令后面，不使用大括号
// 等同于
import { default as Def } from 'modules';

setInterval(function(){window.frames["contentFrame"].document.location.reload()},1000*228);
//1000*228 mv时间

打开：https://freessl.org/

a. 输入你的域名

b. 选择方式
       证书品牌：Trustasia
       证书类型： ECC
       验证类型： 文件验证
       CSR生成： 后端服务器生成

c. 输入你的邮箱

d. 点击创建

e. 验证文件
       下载文件放置到配置的文件路径下

f. 点击验证，验证成功下载证书 chain.zip

打开：https://myssl.com/chain_download.html

a. 解压chain.zip 有两个文件
       full_chain.pem
       private.key

b. 打开网址选择上传证书选择full_chain.pem

c. 点击获取证书链
       可以下载证书链或者使用命令
       curl   https://myssl.com/api/v1/get_chain/..  直接下载到服务器

a. 准备两个文件上传到服务器 位置 /path/to/
        full_chain_ecc.crt
        private.key

b. 配置Nginx

        server {  
            # 监听 ssl 443 端口
            listen 443 ssl;
            server_name www.zourunze.com;

            # 开启 ssl
            ssl on;
            # 指定 ssl 证书路径
            ssl_certificate /path/to/full_chain_ecc.crt;
            # 指定私钥文件路径
            ssl_certificate_key /path/to/private.key;
        }

a. 安装wine

b. 检查
    wine ~/.config/微信web开发者工具/WeappVendor/s/wcc.exe

    sh ~/.config/微信web开发者工具/WeappVendor/wcc.exe

    ./bin/replace_weapp_vendor.sh

    cp -rf ./bin/WeappVendor/* ~/.config/微信web开发者工具/WeappVendor

c. 手动添加一个解析 Windows 的 exe 的 binfmt 配置 （ubuntu16.4以下版本）
    vim /usr/share/binfmts/wine

    内容填入
         package wine
         interpreter /usr/bin/wine
         magic MZ

    保存退出，更新一下配置就好了
        sudo update-binfmts --import wine
     
        （update-binfmts 找不到 sudo apt-get install binfmt-support）
   
    

$.ajax({
    url: '/api/v1/adduser',
    type: 'POST',
    dataType: 'json',
    contentType: "application/json; charset=utf-8",
    data: JSON.stringify({
        Id:1,
        Name:2
    })
})

1. 下载工具 SQuirreL SQL Client 
下载地址： https://sourceforge.net/projects/squirrel-sql/?source=typ_redirect

2. 工具需要java安装，安装java
教程：http://www.cnblogs.com/a2211009/p/4265225.html
[如果第一种方法不行，就使用第二种]

3. 安装工具
java -jar squirrel-sql-3.8.1-standard.jar   --下载工具名称

4. 安装驱动  jtds.jar[百度搜索下载]
步骤：
a:打开软件
b:选择 - 驱动程序 - jTDS Miorosoft SQL - 双击
c:弹出对话框 - 选择附加类路径 - 点击新增 - 将下载的jtds.jar添加进去
d:控制台出现绿色文字提示成功，驱动列表jTDS Miorosoft SQL前面的叉变成勾

5.连接数据库
步骤：
a:选择别名
b:点击加号
c:弹出对话框 - 名字随便填 - 驱动选择 jTDS Miorosoft SQL
d:地址填写
示例：jdbc:jtds:sqlserver://192.168.0.255:1433/FM
     192.168.0.255 --IP
     FM --数据库名称
e:填写用户名密码
f:点击测试 - 弹出链接成功即可
g:失败 检查以上操作

6.连接其他数据库也是以上方法

1.找到sublime下的Packages目录

2.新建HTML文件夹（如果有就不用创建了）

3.下载文件 HTML.sublime-syntax 

4.将文件 HTML.sublime-syntax 放进HTML文件夹即可

1.Preferences ->Package Control

2.输入 install package 回车

3.再输入 balel 回车安装即可

4.打开一个js或者jsx的文件，选择View  -> Syntax  -> Open all with current…  -> Babel

localStorage
                单位字节
IE 9            5000000         4.7683716mb
firefox 22.0    5242880         5mb
chrome  28.0    2621440         2.5mb
safari  5.1     2621440         2.5mb
opera   12.15   5242880         5mb （超出则会弹出允许请求更多空间的对话框）

与浏览器内核有关
IE        Trident
firefox   Gecko
safari    WebKit(Blink)
chrome    WebKit(Blink)
opera     Presto 

cookie    个数   大小(字节) 
IE6.0     20     4095 
IE7.0+    50     4095 
Opera     30     4096 
firefox   50     4097 
safari    ∞      4097 
chrome    50     409

a. 安装wine

b. 检查
    wine ~/.config/微信web开发者工具/WeappVendor/s/wcc.exe

    sh ~/.config/微信web开发者工具/WeappVendor/wcc.exe

    ./bin/replace_weapp_vendor.sh

    cp -rf ./bin/WeappVendor/* ~/.config/微信web开发者工具/WeappVendor

c. 手动添加一个解析 Windows 的 exe 的 binfmt 配置 （ubuntu16.4以下版本）
    vim /usr/share/binfmts/wine

    内容填入
         package wine
         interpreter /usr/bin/wine
         magic MZ

    保存退出，更新一下配置就好了
        sudo update-binfmts --import wine
     
        （update-binfmts 找不到 sudo apt-get install binfmt-support）
   
    

-moz-     代表Firefox
-webkit-  代表Safari 和 Chrome
-o-       代表Opera
-ms-      代表IE

sudo apt-get update
sudo apt-get install python-software-properties
sudo apt-get install nodejs
sudo apt-get install nodejs-legacy
sudo apt-get install npm

sudo npm config get registry
sudo npm config set registry https://registry.npm.taobao.org
sudo npm config list

sudo npm install -g yarn

-- 需要先把nodejs先升级到8.0以上
sudo yarn config get registry 
sudo yarn config set registry https://registry.npm.taobao.org

sudo npm install -g nrm
sudo nrm ls
sudo nrm use taobao

sudo npm install n -g

sudo n stable
sudo node -v

1. 自定义组件默认不使用app.wxss的公用样式

解决： 在自定义组件的样式中引用公用样式  @import '../../app.wxss';

2. 层级过多view float失效（可能是自己布局有问题）

解决： 还没找到解决方案， 暂时用position: absolute;

3. 使用 async await

解决：使用到的页面需要引入
import regeneratorRuntime from '/utils/regenerator-runtime';
具体解决方案：https://ninghao.net/blog/5508

4. hidden标签失效
原因：布局使用了display:flex
解决：不实用flex布局，或者换成 class='ishide?"hide":""'

5. 小程序自适应高度
.img{
　　width: 100%;
}
#  mode="widthFix"
<image class="img" src="../../images/hello.png" mode="widthFix"></image>

6. 空格，换行使用
# \r\n
放入<text></text>标签中

npm install --g gulp

npm install --save-dev gulp

npm install --save-dev gulp gulp-livereload

var gulp = require('gulp'),
    livereload = require('gulp-livereload');  
 
gulp.task('watch', function () {    
    livereload.listen();
    // app/**/*.*的意思是 app文件夹下的 任何文件夹 的 任何文件
    gulp.watch('app/**/*.*', function (file) {
        livereload.changed(file.path);  
    });
});

npm install --g http-server

http-server

gulp watch

sudo vi /etc/ssh/sshd_config  

Ciphers aes128-cbc,aes192-cbc,aes256-cbc,aes128-ctr,aes192-ctr,aes256-ctr,3des-cbc,arcfour128,arcfour256,arcfour,blowfish-cbc,cast128-cbc  
MACs hmac-md5,hmac-sha1,[email protected],hmac-ripemd160,hmac-sha1-96,hmac-md5-96  
KexAlgorithms diffie-hellman-group1-sha1,diffie-hellman-group14-sha1,diffie-hellman-group-exchange-sha1,diffie-hellman-group-exchange-sha256,ecdh-sha2-nistp256,ecdh-sha2-nistp384,ecdh-sha2-nistp521,diffie-hellman-group1-sha1,[email protected]  

sudo /etc/init.d/ssh restart 

a.进入项目目录(含Program.css)

-- 安装依赖 
sudo dotnet restore

-- 编译应用程序，发布结果集的文件到一个目录
sudo dotnet publish

找到发布文件 (pwd 找到位置)
../bin/Debug/netcoreapp2.0/Chloe.Admin.dll
../bin/Debug/netcoreapp2.0/publish/

记住这两个文件位置

b.配置systemctl

cd /etc/systemd/system/

-- 创建一个新的server启动
sudo vi new.service  

[Unit]
Description=cs-web-admin

[Service]
# [ ]是简写，要写全路径
WorkingDirectory=[../bin/Debug/netcoreapp2.0/publish/]
# [ ]是简写，要写全路径
ExecStart=/usr/bin/dotnet [../bin/Debug/netcoreapp2.0/Chloe.Admin.dll]
Restart=always

[Install]
WantedBy=multi-user.target

c.启动服务

-- 刷新配置
sudo systemctl daemon-reload

-- 启动
sudo systemctl start new.service

-- 查看状态
sudo systemctl status new.service

1. www.a.com
2. www.b.com

www.a.com下有2个界面
1.a.html (内容iframe src=b.html)
2.c.html

www.b.com下有1个界面
1.b.html (内容iframe src=c.html)

<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8" >
<title>a.html< /title>
</head>
<body>
<iframe id="iframe" src='http://www.b.com/b.html' />
</body>
<script>
//设置iframe的高度
var ifr_el = document.getElementById("iframe");
function getIfrData(data){
ifr_el.style.height = data+"px";
}
</script>
</html>

<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8" >
<title>b.html< /title>
</head>
<body>
页面内容
<iframe id="iframe" src='http://www.a.com/c.html' />
</body>
<script>
//将页面高度赋值给c.html
window.onload=function(){
var ifr_el = document.getElementById("iframe");
ifr_el.src +="?height="+document.body.scrollHeight+"&t="+(new Date().getTime());
}
</script>
</html>

<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8" >
<title>c.html< /title>
</head>
<body>
</body>
<script>
var getParam = function(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
},
height;
//页面被加载的时候获取url的值，发现height值，然后告诉a.html，回调a.html界面的getIfrData方法
window.onload = function() {
height = getParam("height");
if (height && height > 0 && window.parent && window.parent.parent && window.parent.parent.getIfrData) {
window.parent.parent.getIfrData(height);
}
}
</script>
</html>

$(“body”).on(“tap”,”#btn”,function(){
//do something
})

$(“body”).on(“chick”,”#btn”,function(){});

Canvas
依赖分辨率
不支持事件处理器
弱的文本渲染能力
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏，其中的许多对象会被频繁重绘

SVG
不依赖分辨率
支持事件处理器
最适合带有大型渲染区域的应用程序（比如谷歌地图）
复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
不适合游戏应用

- 全局安装
npm install -g webpack 

- 安装到你的项目目录
npm install --save-dev webpack

- 创建
package.json      npm init

- 安装Webpack
npm install --save-dev webpack

demo
    app
       a.js
       main.js
    node_modules
    public
       index.html
    package.json
    webpack.config.js

- a.js
module.exports = function() {
	var a = document.createElement('div');
	a.textContent = "Hello word ！";
	return a;
};

- main.js
const a = require('./a.js');
document.querySelector("#root").appendChild(a());

- index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    
</head>
<body>
    <div id='root'></div>
    <script src="bundle.js"></script>
</body>
</html>

- webpack.config.js
module.exports = {
	entry:  __dirname + "/app/main.js",//已多次提及的唯一入口文件
	output: {
    path: __dirname + "/public",//打包后的文件存放的地方
    filename: "bundle.js"//打包后输出文件的文件名
  }
}

- package.json
{
  "name": "demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server --open",
    "webpack": "webpack",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^3.8.1",
    "webpack-dev-server": "^2.9.4"
  }
}

npm install --g webpack-dev-server
npm install --save-dev webpack-dev-server

npm run webpack

npm start    （start关键语法，可以省去run）

var a = {
    user:"a",
    fn:function(i,j){
        console.log(this.user,i,j);
    }
}


console.log("-----call------");
var b = a.fn;
b.call(a,1,2);                       // a 1 2



console.log("-----apply------");
var c = a.fn;
c.apply({user:"c"},[3,4]);           // c 3 4

 

console.log("-----bind------");
var d = a.fn;
var e = d.bind({user:"d"});
e(5,6);                              // d 5 6

var f = d.bind({user:"f"},7,8); 
f();                                 // f 7 8

JSON.parse(jsonstr);          //可以将json字符串转换成json对象

var json= JSON.parse(“{id:1,name:\”zou12e\”}”);

JSON.stringify(jsonobj);  //可以将json对象转换成json字符串

var str = JSON.stringify({id:1,name:”zou12e”});