houserqu / houserqu.github.io Goto Github PK

View Code? Open in Web Editor NEW

2.0 2.0 1.0 4.65 MB

My blog https://houserqu.com

Home Page: https://houserqu.com

CSS 1.31% JavaScript 7.78% HTML 90.91%

blog front-end study wiki

houserqu.github.io's Introduction

Hello guy 👋

一个全栈开发爱好者

博客地址：houserqu.com

社交：知乎 Twitter Quora stackoverflow

联系我：

wx: houserqu
email: [email protected]

Technology && Art

houserqu.github.io's People

Contributors

Stargazers

Watchers

houserqu.github.io's Issues

Mysql 数据库操作

创建数据库

create database db_name;

删除数据库

drop database db_name;

选择数据库

use db_name;

SHOW - 查看数据库相关信息

查看数据库列表

show databases;

查看指定数据库的表

show tables from db_name;

查看表的字段信息

show columns from table_name;

查看数据表索引

show index from talbe_name;

查看状态信息

show status;

查看变量

show variables;

查看表状态信息

show table status

表操作

创建数据表

CREATE TABLE IF NOT EXISTS `table_name`(
   `id` INT UNSIGNED AUTO_INCREMENT,
   `title` VARCHAR(100) NOT NULL DEFAULT 'value' COMMENT '备注：标题',
   `author` VARCHAR(40) NOT NULL,
   PRIMARY KEY ( `id` )
)ENGINE=InnoDB DEFAULT CHARSET=utf8;
drop table table_name

NOT NULL不允许为空值。
AUTO_INCREMENT定义列为自增的属性，一般用于主键，数值会自动加1
COMMENT 字段备注
PRIMARY KEY关键字用于定义列为主键。您可以使用多列来定义主键，列间以逗号分隔。
ENGINE 设置存储引擎，CHARSET 设置编码。

删除表

drop table table_name

修改表结构 - ALTER

ALTER TABLE table_name ADD column_name INT(5) NOT NULL DEFAULT 0 AFTER prev_column_name;

在prev_column_name字段后面创建不允许空、默认值 0、长度5的整型字段column_name

AFTER：指定新增字段在哪个字段后面，换成FIRST则在最前面，不写则在最后；
NOT NULL：不允许空，如果换成 NULL则是允许空；
DEFAUYLT：默认值，不写则默认值为 NULL；

删除字段

ALTER TABLE table_name DROP column_name;

修改字段

在原有字段上修改（名称不变）

ALTER TABLE table_name MODIFY column_name VARCHAR(20) NOT NULL DEFAULT 'default-value';

替换成新字段（名称改变）

ALTER TABLE table_name CHANGE column_old column_new BIGINT;

修改默认值

ALTER TABLE table_name ALTER i SET DEFAULT 1000;

删除默认值

ALTER TABLE table_name ALTER column_name DROP DEFAULT;

表数据操作

查询

SELECT column_name,column_name 
FROM table_name 
WHERE con1 = '1' AND  con2 = '2'
ORDER BY column1 DESC, column2 ASC
LIMIT 10 
OFFSET 100

FROM 表名，可以指定多个表并通过WHERE限定条件进行关联查询，同时可以指定表别名

SELECT * FROM tableA a, tableB b WHERE a.columnA = b.columnB

WHERE 子句 查询条件，可使用 AND 或者 OR 查询多个条件

LIKE 模糊匹配，类似于 = 操作符，但是可以通过%匹配任何字符 WHERE con1 LIKE '%1' AND con2 = '2%'

ORDER BY 排序，ASC 生序，DESC 降序

LIMIT 查询数量

OFFSET 偏移量，从第n条记录之后开始查询

插入

INSERT INTO table_name (column1, column2,...columnN)
VALUES (value1, value2,...valueN);

更新

UPDATE table_name SET field1=new-value1, field2=new-value2 [WHERE Clause]

需要指定where条件确定需要更新的一条记录

删除

DELETE FROM table_name [WHERE Clause]

JOIN 连接

数据库重命名

mysqldump 备份到新数据库
重命名数据库里面的所有表

阿里云日志服务配合Apache使用 | Houser's Blog

https://houserqu.com/2019/05/10/%E9%98%BF%E9%87%8C%E4%BA%91%E6%97%A5%E5%BF%97%E6%9C%8D%E5%8A%A1%E9%85%8D%E5%90%88Apache%E4%BD%BF%E7%94%A8/

背景我个人有在维护一些网站，有时候会出现 CPU 突然占用过高的情况，或者想分析一下有没有恶意爬虫等，现有的方式就是分析 Apache 访问日志，发现非常不直观，无意间了解到阿里云到日志服务这个产品，可以实现日志的复杂条件查询和数据可视化，于是尝试了一下，发现的确方便很多，在此记录一下我在该服务与 Apache 结合使用的配置过程。阿里云日志服务官方介绍日志服务（Log Service，简称

how to handle error in async/await

关于我 | Houser's Blog

https://houserqu.com/about/

前端爱好者一枚，主攻前端开发和node开发。擅长react技术栈，喜欢全栈开发。热爱新事物，技术涉猎广泛。目前状态大三学生，寻找前端工程师实习生岗位。简历：resume.houserqu.comGithub: github.com/Houserqu 学习状态：流数据及其数据可视化技术栈前端 react + redux/mobx + react-router vue es6 + webpack

也许你并不需要 JS 库

对于一些常用的并不复杂的功能，很多时候我们并不需要引入一个庞大、配置项繁多的库，其实几行代码就可以解决，我们还可以方便的进行自定义和定位 bug。

此处记录一些常用的代码块。

常用快捷键

光标回退 ctrl + -

笔记-5 | Houser's Blog

https://houserqu.com/2018/12/18/%E7%AC%94%E8%AE%B0-5/

函数记忆函数记忆是指将上次的计算结果缓存起来，当下次调用时，如果遇到相同的参数，就直接返回缓存中的数据。实现原理构造一个记忆封装函数 memoize()，接受功能函数作 func() 为参数，返回一个包装后的新函数 memoizedFunc(), memoizedFunc 函数会缓存每次结算结果，并检查前后两次调用时接受的参数是否一致，如果是直接返回结果，跳过 func() 方法的执行。还得考虑

记录一次恢复 Mysql 中被 Update 操作覆盖的数据的过程 | Houser's Blog

https://houserqu.com/2019/06/13/%E8%AE%B0%E5%BD%95%E4%B8%80%E6%AC%A1%E6%81%A2%E5%A4%8D%E8%A2%ABUpdate%E6%93%8D%E4%BD%9C%E8%A6%86%E7%9B%96%E7%9A%84%E6%95%B0%E6%8D%AE/

背景最近开发的时候，Mysql 中配置了一条非常复杂且重要的数据记录，但是由于之后的一次不规范的 Update 操作，本想只更新其中一个字段值，结果却更新了整个记录，导致保存了 JSON 文本的字段值被初始成了默认值，数据丢失。从新配置该值太麻烦，于是踏上了数据恢复之路。 Binary Log binlog 是 Mysql sever 层维护的一种二进制日志，与 innodb 引擎中的 redo/

Mac 上使用 IE 内核浏览器

方案1：安装 Windows 虚拟机
方案2：使用 CROSSOVER MAC (收费) 运行 Windows 应用
方案3：winebottler 打包 IE 浏览器等 Windows 应用

Nginx

参考文献

Nginx中文文档
 nginx 这一篇就够了

常用 Linux 命令

记录一些常用操作

node

中文api

欢迎访问我的 Wiki

Code 放的是我的博客源代码，发布一些原创的文章等。

Issues和Wiki发布的是日常开发和学习中遇到的问题和总结。

欢迎大家评论指教

Git

官方文档
 在线git cheatsheet
一个适合入门的文档

前端多页面应用开发脚手架 | Houser's Blog

https://houserqu.com/2019/04/09/%E5%89%8D%E7%AB%AF%E5%A4%9A%E9%A1%B5%E9%9D%A2%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E8%84%9A%E6%89%8B%E6%9E%B6/

create-mutiple-page-webapp愉快的开发多 html 页面应用 About有些时候，前端开发不一定都是单页应用，而是传统多 html 页面，然后将这些页面交给后端进行部署，也可以理解为多页应用的前后端分离开发。这种类型的项目是以多个 html 文件为入口的，所以类似于 React 等项目构建方式不太适用，因为 webpack 是以 js 文件为入口的。所以为了能够用 typ