MVVM 开发模式

发表于 2019-12-05 更新于 2019-12-07 分类于 Web ， JavaScript

在网页的一般开发流程中，我们通常会通过 JS 操作 DOM（对应HTML的描述产生的树），以引起界面的一些变化响应用户的行为。例如，用户点击某个按钮的时候，JS会记录一些状态到JS变量里面，同时通过DOM API操控DOM的属性或行为，进而引起界面一些变化。当项目越来越大的时候，你的代码会充斥着非常多的界面交互逻辑和程序的各种状态变量，这显然不是一个很好的开发模式，因此就有了MVVM的开发模式（例如 React、Vue），提倡把渲染和逻辑分离。简单来说就是不要再让JS直接操控DOM，JS只需管理状态即可，然后再通过一种模板语法来描述状态和界面结构的关系。

常用且特殊的MySQL语句

发表于 2019-12-04 分类于 Database ， MySQL

替换字段中的特殊字符串

1	-- 将 goods 表字段 title 中的 'AAA' 全部替换成 'BBB'
2	UPDATE goods SET title=REPLACE(title, 'AAA', 'BBB') WHERE title LIKE '%AAA%' ;

日期函数 DATE_FORMAT

DATE_FORMAT(date, format) 将数据库日期按照格式转为字符串

1	-- 根据时间范围查询
2	DATE_FORMAT(create_time, '%y%m%d') > DATE_FORMAT('2019-03-11', '%y%m%d')
3	AND
4	DATE_FORMAT(create_time, '%y%m%d') < DATE_FORMAT('2020-03-11', '%y%m%d')
5
6	-- 查询生日
7	DATE_FORMAT(birthday, '%m%d') = DATE_FORMAT('12-29', '%m%d')

INSERT SELECT

-- 给所有女性用户插入一条礼品记录
INSERT INTO gift(user_id, name) 
SELECT user_id, '手绳' as name 
FROM user 
WHERE sex='女' ;

-- 将 user 表数据复制到 user_copy 表
INSERT INTO user_copy FROM user ;

UPDATE JOIN

-- 关联user表no字段和customer表的no字段，将user表的其他字段更新到customer表中
UPDATE customer c
JOIN user u
	ON u.no=c.no
SET c.name=u.name, c.age=u.age;

Linux中MySQL问题

发表于 2019-12-04 分类于 Database ， MySQL

The Server quit without updating PID file

在启动 mysql 服务时，提示下面错误

1	[root@Centos6 etc]# service mysql start
2	Starting MySQL.The server quit without updating PID file (/usr/local/mysql/data/Centos6.5.pid).

解决方法：

最最关键的是查看日志文件： /usr/local/mysql/data/xxx.err

260-SoftwareEngineering/维护老代码过程中的两难

发表于 2019-12-03 更新于 2019-11-13

有一份以前程序员写的代码，已经正常运行在生产环境中了，但是代码逻辑规范十分不合理，此时有冲动要动手改这份代码，但又担心修改之后在生产环境中会出错。何时应该修改这类的代码？

230-Web/javascript/工具函数总结

发表于 2019-12-03

// 获取URL地址参数数组
function getQueryFromURL(url) {
	url = url || 'http://qq.com/s?a=b#rd'; 
	var tmp = url.split('?'),
		paramStr = (tmp[1] || "").split('#')[0],
		query = paramStr ? paramStr.split('&') : [],
		params = {};
	for (var i=0; i<query.length; i++) {
		var arg = query[i].split('=');
		params[arg[0]] = arg[1];
	}
	return params;
};

230-Web/javascript/JavaScript基础数据类型2

发表于 2019-12-03

数组 Array

定义

1	var arr1 = ["周一", "周二", "周三"];
2	var arr2 = new Array("2019年", "2020年", "2021年");

属性

Array 具有 length 属性，即可获取也可设置。

1	// 获取数据长度
2	var arrayLength = arr.length;
3	// 设置数组长度（超出数组长度的元素将被抛弃）
4	arr.length = 2;

方法

pop(); // 取出并删除数组最后一个元素
push(element); // 在数组末尾追加元素
shifit(); // 取出并删除数组第一个元素
unshift(element); // 在数组开头添加元素
indexOf(element); // 查找元素的第一个位置
lastIndexOf(element); // 查找元素的最后一个位置
splice(start, length, [e1, ...]);

// 从start位置开始删除length个元素，并插入后面的参数元素（相当于替换）
1
var arr1 = [2, 4, 6];
2
arr1.splice(1, 2, 1, 3, 5);
3
console.log(arr1); // 输出 '[2, 1, 3, 5]'
join(char); // 数组元素以字符相连接，并返回字符串

sort([fn]); // 默认把元素看做字符串自然排序，也可传入函数自定义排序

1	var arr2 = [3, 5, 2, 9];
2	arr2.sort(function(n1, n2) {
3	return n1 - n2; // 前者大于后者，升序排列
4	});
5	console.log(arr2); // 输出 '[2, 3, 5, 9]'

遍历

var arr = ['冰箱', '电视', '手机'];
// 第1种遍历
for (var i=0; i<arr.length; i++) {
    console.log(i, arr[i]);
}

// 第2种遍历
arr.forEach(function(item, index, array){
    console.log(index, item);
})

扩展

查询元素在数组中的位置

对象 Object

函数 function

一个函数应该只返回一种类型的值。

函数中有一个默认的数组变量arguments，存储着传入函数的所有参数。为了使用函数参数方便，建议给参数起个名字。

function fun1(obj, name, value){
    console.log(arguments);
    console.log(obj);
    console.log(name);
    console.log(value);
}
fun1({'id':12}, 'username', '张三');

日期 Date

定义

1	var date1 = new Date();
2	var date2 = new Date(timestamp); // timestamp 毫秒单位的时间戳
3	var date3 = new Date(year, month-1, dayOfMonth, hour, minute, second);

方法

getFullYear();　 //获取年份
getMonth();　　　 //获取月份，月份从0开始，即0表示1月，1表示2月，以此类推
getDate();　　　　//获取当前月份的第几日
getHours();　　 //时
getMinutes();　　//分
getSeconds();　　//秒
getTime(); // 毫米级时间戳

扩展

/**
 * 扩展Date对象的功能
 * @param format
 * @returns
 * @example  (new Date()).format('yyyy-MM-dd hh:mm:ss')    结果是 2018-08-13 08:42:34 这样的格式 ;
 */
Date.prototype.format = function (format) {
    var o = {
        "M+": this.getMonth() + 1, // month
        "d+": this.getDate(), // day
        "h+": this.getHours(), // hour
        "m+": this.getMinutes(), // minute
        "s+": this.getSeconds(), // second
        "q+": Math.floor((this.getMonth() + 3) / 3), // quarter
        "S": this.getMilliseconds()
        // millisecond
    }
    if (/(y+)/.test(format)) {
        format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    }
    for (var k in o) {
        if (new RegExp("(" + k + ")").test(format)) {
            format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
        }
    }
    return format;
}

/**
 * 扩展Date对象的功能
 * 获取上一个月日期对象
 * @param date
 * @returns {Date}
 */
Date.prototype.getPreMonth = function() {
    var year = this.getFullYear();
    var month = this.getMonth()+1;
    var day = this.getDate();
    var hour = this.getHours();
    var minute = this.getMinutes();
    var second = this.getSeconds();
    
    var y = year;
    var m = parseInt(month) - 1;
    if (m == 0) {    // 如果是一月
        y = parseInt(y) - 1;
        m = 12;
    }
    
    var monthDays = new Date(y, m, 0).getDate(); //获取 m 月的天数
    var d = day;
    if (d > monthDays) {
        d = monthDays;
    }
    return new Date(y, m-1, d, hour, minute, second);
}


/**
 * 扩展Date对象的功能
 * 获取下一个月的日期
 * @param date
 * @returns {Date}
 */
Date.prototype.getNextMonth = function(){
    var year = date.getFullYear();
    var month = date.getMonth()+1;
    var day = date.getDate();
    var hour = date.getHours();
    var minute = date.getMinutes();
    var second = date.getSeconds();
    
    var y = year;
    var m = parseInt(month) + 1;
    if (m == 13) {
        y = parseInt(y) + 1;
        m = 1;
    }
    
    var d = day;
    var monthDays = new Date(y, m, 0).getDate(); // 获取 m 月的天数
    if (d > monthDays) {
        d = monthDays;
    }
    return new Date(y, m-1, d, hour, minute, second);
}

220-Database/MySQL/MySQL问题总结

发表于 2019-12-03 更新于 2019-11-13

select count(e.*)

-- 查询部门gZJiXoCUOo下员工的数量
select count(e.*)
from emp e
join dept d on d.deptno=e.deptno
where d.dname='gZJiXoCUOo';

会提示错误：

mysql> select count(e.*)
    -> from emp e
    -> join dept d on d.deptno=e.deptno
    -> where d.dname='gZJiXoCUOo';
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '*)
from emp e
join dept d on d.deptno=e.deptno
where d.dname='gZJiXoCUOo'' at line 1

正确的SQL语句应该是：

1	select count(*)
2	from emp e
3	join dept d on d.deptno=e.deptno
4	where d.dname='gZJiXoCUOo';

MarkDown语法大全

发表于 2019-11-29 分类于开发工具， MarkDown

MarkDown 是一种纯文本格式的标记语言。通过简单的标记，使得纯文本具有一定的样式。
比如: # 这是h1标题 这段文本，就可使得 “这是h1标题”文本具有h1标题的样式了

这是h1标题

优点：

1、因为是纯文本，所以写起来非常简单

2、简单的标记就能实现好看样式，让写作者不用再受样式的困扰，专注于写作

3、目前不论是博客平台，还是云笔记，大部分都支持markdown语法了（不支持就out了）

缺点：

1、需要先学习一些MarkDown的语法（非常建议边写边学）

一、标题

在文字前面加上井号#

语法：#+空格+内容（几个#就表示几级标题）

示例：

1	# 这是一级标题
2	## 这是二级标题
3	### 这是三级标题
4	#### 这是四级标题
5	##### 这是五级标题
6	###### 这是六级标题

效果：

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题

二、字体

加粗

在文字前后分别加上两个星号*

示例：**粗体**

效果：粗体

斜体

在文字前后分别加上一个星号*

示例：*斜体*

效果：斜体

删除线

在文字前后分别加上两个波浪线~

示例：~~删除线~~

效果：~~删除线~~

高亮

在文字前后分别加上两个等号=（有些平台不支持）

示例：==高亮==

效果：==高亮==

上面这几种字体样式可以混用，比如：斜体加粗

示例：***斜体加粗***

效果：斜体加粗

三、列表

无序列表

在文字前面加上减号或加号或星号（- + * 任意一种即可）

示例：

1	- 中国
2	+ 英国
3	* 美国

效果：

中国

英国

美国

有序列表

在文字前面加上数字+点+空格

示例：

1	1. 打开冰箱
2	2. 把大象放进冰箱
3	3. 关上冰箱

效果：

打开冰箱
把大象放进冰箱
关上冰箱

列表嵌套

在下级列表前面加上4个空格或者Tab

示例1：

1	* 中国
2	* 北京
3	* 上海

效果：

中国
- 北京
- 上海

示例2：

1	* 炒茄子
2	1. 洗茄子
3	2. 撕茄子
4	3. 炒茄子
5	* 炒番茄
6	1. 洗番茄
7	2. 削番茄
8	3. 炒番茄

效果：

炒茄子
1. 洗茄子
2. 撕茄子
3. 炒茄子
炒番茄
1. 洗番茄
2. 削番茄
3. 炒番茄

四、超链接

语法：[标题](地址)

示例：[LiuChuanV的个人博客](https://liuchuanv.github.io/)

效果：LiuChuanV的个人博客

五、图片

语法：![标题](图片地址)

示例：![我的头像](https://avatars0.githubusercontent.com/u/19567697?s=460&v=4)

效果：

六、引用

在文字前面加上大于号>（引用文字要单独一行）

示例：

> 知识就是力量

效果：

知识就是力量

七、分割线

单独一行三个或三个以上的减号或加号或星号或等号

示例：---

效果：

八、代码

行内代码

在代码前后加上一个反引号`

示例：`String a = “行内代码”;`

效果：String a = "行内代码";

代码块

在代码块前后分别加上三个反引号`，这三个反引号各占一行，开头的反引号后可以加上MarkDown支持的语言

示例：
```java
public class HelloWorld{
public static void main(String args[]) {
System.out.print(“Hello Baby!”)
}
}
```

效果：

public class HelloWorld{
    public static void main(String args[]) {
        System.out.print("Hello Baby!")
    }
}

九、表格

单元格之间用竖线|分隔，表头和内容之间用 “栅栏” 分隔

示例：

1	\|姓名\|性别\|年龄\|
2	\|-\|-\|-\|
3	\|小明\|男\|12\|
4	\|小强\|男\|22\|
5	\|小花\|女\|20\|

效果：
|姓名|性别|年龄|
|-|-|-|
|小明|男|12|
|小强|男|22|
|小花|女|20|

MarkDown语法大全补充