2017-04-25

2 分钟读完 (大约 225 个字)

javascript audio 对象常用事件

最近在做一个媒体播放器，集成了图片+音频播放模式和视频播放模式，研究了下 js audio 对象的事件，整理了相关事件及触发顺序。

音频的初始加载事件顺序：依次触发 onloadstart、onprogress、onsuspend，然后 onprogress、onsuspend 交替触发，直到触发 ondurationchange、onloadedmetadata、onloadeddata、oncanplay、oncanplaythrough，加载完成。

点击播放后触发事件顺序：
onplay、onplaying、ontimeupdate，播放控件开始缓冲部分音频文件onprogress，缓冲足够多的音频片段后触发onsuspend，当缓冲即将播放完后又触发onprogress、onsuspend，依次循环直到音频全部缓冲完毕。

音频播放完毕后触发：
onpause、onended

暂停播放控件时触发：
onpause

从暂停恢复播放后触发：
onplay、onplaying

2016-12-09

前端

几秒读完 (大约 38 个字)

javascript 正则表达式的那些坑

js 正则，匹配多行的
[.\n] 不能拿来匹配多行， [] 里的 . 会被解析成标点符号，而不是任意字符

2016-12-09

DevOps

几秒读完 (大约 30 个字)

Terminal 设置 path、alias

1	vi ~/.bash_profile

1
2
3

alias rn='react-native'
alias ro='react-native run-ios'
export PATH=$PATH:/usr/local/mysql/bin

esc

:wq!

1	source ~/.bash_profile

2016-12-09

工具

几秒读完 (大约 21 个字)

vi 编辑器命令备忘

打开一个文件

1	vi ~/.bash_profile

跳到行首

跳到行尾

shift + 4

2016-12-09

前端

1 分钟读完 (大约 214 个字)

记一次 radio 标签 onblur 异常的分析过程

问题版本：Safari 10.0 (12602.1.50.0.10)

问题描述：

目标版本浏览器在鼠标点击 radio 的小圆点后再点击其他区域并不会触发 onblur 事件。问题可以重现，在 Chrome 下无此问题。

2016-12-09

DevOps

2 分钟读完 (大约 374 个字)

常用 MySQL 数据库语句

建表语句

CREATE TABLE `t_user` (
  `id` varchar(30) NOT NULL COMMENT 'ID',
  `login` varchar(100) NOT NULL COMMENT '账号',
  `password` varchar(100) NOT NULL COMMENT '密码',
  `nickname` varchar(10) DEFAULT NULL COMMENT '昵称',
  `email` varchar(100) DEFAULT NULL COMMENT '邮箱',
  `phoneCode` varchar(10) DEFAULT '86' COMMENT '国际电话区号',
  `phone` varchar(30) DEFAULT NULL COMMENT '手机',
  `create_at` varchar(24) DEFAULT NULL COMMENT '创建日期',
  `create_by` varchar(30) DEFAULT NULL COMMENT '创建者',
  `update_at` varchar(24) DEFAULT NULL COMMENT '修改日期',
  `update_by` varchar(30) DEFAULT NULL COMMENT '修改者',
  `delete_at` varchar(24) DEFAULT NULL COMMENT '删除日期',
  `delete_by` varchar(30) DEFAULT NULL COMMENT '删除者',
  PRIMARY KEY (`id`),
  UNIQUE KEY `login` (`login`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='用户表’;

增加字段

1 2	ALTER TABLE `t_user` ADD COLUMN `qq` VARCHAR(15) DEFAULT NULL COMMENT 'QQ'; -- 增加一个 qq 字段

删除字段

1 2	ALTER TABLE `t_user` DROP COLUMN `email`; -- 删除一个 email 字段

删除索引

1 2	ALTER TABLE `t_user` DROP INDEX `login`; -- 删除 login 索引

修改字段

1 2	ALTER TABLE `t_user` MODIFY COLUMN `nickname` VARCHAR(20) DEFAULT NULL COMMENT '昵称'; -- 修改 nickname 字段长度为 varchar(20)

修改字段名称

1 2	ALTER TABLE `t_user` CHANGE COLUMN `phoneCode` `phone_code` VARCHAR(10) DEFAULT '86' COMMENT '国际电话区号'; -- 修改 phoneCode 字段为 phone_code

在某个字段后面插入一个字段

1 2	ALTER TABLE `t_user` ADD COLUMN `wechat` VARCHAR(15) DEFAULT NULL COMMENT '微信' AFTER `phone`; -- 在 phone 字段后添加一个 wechat 字段

多条语句连起来写,中端用逗号分隔开

1
2
3

ALTER TABLE `t_user`
CHANGE COLUMN `phoneCode` `phone_code` VARCHAR(10) DEFAULT '86' COMMENT '国际电话区号', -- 修改 phoneCode 字段为 phone_code
ADD COLUMN `wechat` VARCHAR(15) DEFAULT NULL COMMENT '微信' AFTER `phone`; -- 在 phone 字段后添加一个 wechat 字段

删除表

1	DROP TABLE `t_user`; -- 删除 t_user 表

javascript audio 对象常用事件

javascript 正则表达式的那些坑

Terminal 设置 path、alias

vi 编辑器命令备忘

打开一个文件

跳到行首

跳到行尾

记一次 radio 标签 onblur 异常的分析过程

问题描述：

常用 MySQL 数据库语句

建表语句

增加字段

删除字段

删除索引

修改字段

修改字段名称

在某个字段后面插入一个字段

多条语句连起来写,中端用逗号分隔开

删除表

分类

标签

最新文章

归档

最新文章

归档