一些不错的console.log

发表于 2017-05-25 | 修改于 2017-09-19 | 分类于前端技术

1、http://www.pixijs.com/

var e = [
    "\n %c %c %c Pixi.js 4.1.0 - ✰ WebGL ✰  %c  %c  http://www.pixijs.com/  %c %c ♥%c♥%c♥ \n\n", 
    "background: #ff66a5; padding:5px 0;", 
    "background: #ff66a5; padding:5px 0;", 
    "color: #ff66a5; background: #030307; padding:5px 0;", 
    "background: #ff66a5; padding:5px 0;", 
    "background: #ffc3dc; padding:5px 0;", 
    "background: #ff66a5; padding:5px 0;", 
    "color: #ff2424; background: #fff; padding:5px 0;", 
    "color: #ff2424; background: #fff; padding:5px 0;", 
    "color: #ff2424; background: #fff; padding:5px 0;"
];
window.console.log.apply(console, e)

2、https://www.baidu.com/

1
2
3

window.console && window.console.log && (console.log("一张网页，要经历怎样的过程，才能抵达用户面前？\n一位新人，要经历怎样的成长，才能站在技术之巅？\n探寻这里的秘密；\n体验这里的挑战；\n成为这里的主人；\n加入百度，加入网页搜索，你，可以影响世界。\n"),
    console.log("请将简历发送至 %c ps_recruiter@baidu.com（ 邮件标题请以“姓名-应聘XX职位-来自console”命名）", "color:red"),
    console.log("职位介绍：http://dwz.cn/hr2013"))

3、https://www.tmall.com/

var e = {
    "info": "\u55b5~ \u52a0\u5165\u6211\u4eec\u5427 http://tb.cn/iS8NBOy",
    "logo": "   :::                                :::  \n :::::::                             ::::: \n:::::::::                          ::::::::\n:::::::::::::::::::::::::::::::::::::::::::\n::::    :::    ::::::::::::::::   :::  ::::\n:::    Smart    :::::cool::::    Crazy  :::\n:::::   :::    :::::::::::::::    :::   :::\n:::::::::::::::::::::::::::::::::::::::::::"
};
window.console && console.info && console.info(e.logo + "\n\n" + e.info)

4、https://www.alipay.com/

var t = "\u6e29\u99a8\u63d0\u793a\uff1a\u8bf7\u4e0d\u8981\u8c03\u76ae\u5730\u5728\u6b64\u7c98\u8d34\u6267\u884c\u4efb\u4f55\u5185\u5bb9\uff0c\u8fd9\u53ef\u80fd\u4f1a\u5bfc\u81f4\u60a8\u7684\u8d26\u6237\u53d7\u5230\u653b\u51fb\uff0c\u7ed9\u60a8\u5e26\u6765\u635f\u5931 \uff01^_^", 
    s = "\u505a\u5730\u7403\u4e0a\u6700\u5177\u4e92\u8054\u7f51\u6027\u3001\u521b\u65b0\u6027\u3001\u4e13\u4e1a\u6709\u7231\u7684\u56e2\u961f\u3002", 
    n = "https://github.com/alipay/x", 
    i = [s, " ", n].join("");
console.log("%c AliPay %c Copyright \xa9 2004-%s", 'font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:64px;color:#00bbee;-webkit-text-fill-color:#00bbee;-webkit-text-stroke: 1px #00bbee;', "font-size:12px;color:#999999;", (new Date).getFullYear()),
console.log("%c " + t, "color:#333;font-size:16px;"), 
console.log("\n " + i)

5、http://www.alloyteam.com/

window.console && console.log && console.log("\n" + "   _    _  _                _____                         \n  \/_\\  | || |  ___   _   _ \/__   \\  ___   __ _  _ __ ___  \n \/\/_\\\\ | || | \/ _ \\ | | | |  \/ \/\\\/ \/ _ \\ \/ _` || '_ ` _ \\ \n\/  _  \\| || || (_) || |_| | \/ \/   |  __\/| (_| || | | | | |\n\\_\/ \\_\/|_||_| \\___\/  \\__, | \\\/     \\___| \\__,_||_| |_| |_|\n                     |___\/\n\n 欢迎加入AlloyTeam：请将简历(邮件标题后面再加上'from console')发送至 %c Kinvix@QQ.com \n", "color:red");

0、本屌站略略略

window.console && console.log && console.log("%c\n\\                 \/ \n \\       _       \/   |        | \n  \\     \/ \\     \/ __ |__   __ |  __ \n   \\   \/   \\   \/ |_  |  \\ \/   | \/  \\ \\  \/\\  \/ \n    \\_\/     \\_\/  |__ |__\/ \\__ | \\__\/  \\\/  \\\/ \n\n", "color:blue")

本来想好好写写的，结果败在懒上。应该是2、3月之前的日记了。

七牛云对象存储图片无法预览

发表于 2017-05-25 | 修改于 2017-09-19 | 分类于工具&平台

使用了七牛云对象存储，可能是自己当时误操作，导致上传的图片无法正常语言出现以下错误:

1
2
3

{
    "error": "bucket is protected"
}

原因是因为开启了【原图保护】，关闭即可。

wtf，这是什么鬼错误，搜索了许久无法定位错误信息是什么导致的，无奈🤷 之余，只好走了以下七牛云的工单系统。很快（2小时）就解决了问题。特此Mark一下。

时间管理：三八原则

发表于 2017-05-11 | 修改于 2017-09-18 | 分类于技术管理

所谓的时间管理“三八原则”：是说我们每个人在一天24小时中，基本上都是8小时上班、8小时睡觉、8小时业余。

前面的两个“8小时”大家都基本差不多，只不过是工作内容和形式的差异以及休息方式的区别。而人与人之间的不同，是在于业余时间怎么渡过，这第三个“8小时”直接决定了你比别人的“过人之处”。

【转】解决mac环境下mysql出现only_full_group_by的错误

发表于 2017-04-09 | 修改于 2017-09-19 | 分类于工具&平台

系统：macOS Sierra 10.12.2 (16C67)

1. 先查看本地 MySQL 的安装目录

cd /usr/local/
# 列出目录文件
ls
lrwxr-xr-x   1 root  wheel    30B  4  9 12:41 mysql -> mysql-5.7.17-macos10.12-x86_64
drwxr-xr-x  12 root  wheel   408B  4  9 12:41 mysql-5.7.17-macos10.12-x86_64

PS：

mysql -> mysql-5.7.17-macos10.12-x86_64 是电脑目前使用的MySQL版本。

2. 复制 MySQL 下的 `my-default.cnf` 到 `etc` 下

1	sudo cp /usr/local/mysql-5.7.17-macos10.12-x86_64/support-files/my-default.cnf /etc/my.cnf

3. 编辑 `etc/my.cnf`

1	sudo vi /etc/my.cnf

4. 设置 `sql_model`

找到 sql_model 并修改值：

1	sql_mode=STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

5. 重启 `mysql`

重启 mysql 即可。

出处: fenfenguai的专栏

Mac office 2016 word 出现隐藏模块中出现编译错误: link

发表于 2017-03-30 | 修改于 2017-04-10 | 分类于工具&平台

解决方案

删除这个文件 ~/Library/Group\ Containers/UBF8T346G9.Office/User\ Content.localized/Startup.localized/Word/linkCreation.dotm

1	rm -rf ~/Library/Group\ Containers/UBF8T346G9.Office/User\ Content.localized/Startup.localized/Word/linkCreation.dotm

出处: 威锋论坛

咖啡馆的下午时光

发表于 2017-01-08 | 修改于 2017-09-20 | 分类于 Daily Life

写了一些东西，安静了许多，还是需要阶段性的去一个人独处下，瞻前顾后，给自己一些动力。

一杯咖啡
一个下午
一件事情
一张照片
一首歌循环一下午
一篇博文
给自己一点动力

还是喜欢那句话：

文艺不足，二逼有余，三十郎当 - 熊小明（51as.com站长）

jQuery.AudioPlayer.js

发表于 2017-01-06 | 修改于 2017-09-19 | 分类于 JavaScript

jQuery.AudioPlayer.js

A audio player of jQuery plugin.

Keystion.github.io/jQuery.AudioPlayer.js/

Demo：Keystion.github.io/jQuery.AudioPlayer.js/test/index.html

How to use

Path	Description
`jQuery.AudioPlayer.js`	the script file
`jQuery.AudioPlayer.css`	the stylesheet file

Example:

<!-- jQuery file -->
<script type="text/javascript" src="https://cdn.staticfile.org/jquery/3.1.1/jquery.min.js"></script>
<!-- jQuery.AudioPlayer.js -->
<link href="../src/theme.default.css" rel="stylesheet">
<script src="../src/jQuery.AudioPlayer.js" type="text/javascript" ></script>
<script type="text/javascript">
    $(function() {
        var player = $.AudioPlayer;
        player.init({
            container: '#audioWrap'
            ,source: 'http://mr3.doubanio.com/70d0968fb8312ade3f04c7e1d1d18d1f/1/fm/song/p1817677_128k.mp4'
            ,imagePath: './image'
            ,debuggers: false
            ,allowSeek: true
        });
    });
</script>

Arguments：

argument	value	Description
container	String	The outer Dom ClassName/id, default ‘body’/外部Dom ClassName / id，默认的“body”
source	String	audio source / 音频源
imagePath	String	image resources / 图像资源
debuggers	Boolean	open console log, default close ‘false’ / 打开控制台日志,默认关闭：`false`
allowSeek	Boolean	Whether to support drag and drop, the default open: `true` / 是否支持拖拽，默认开启：`true`
canplayCallback	function	After can play TODO / 可以播放之后，做某些事情
onloadstartCallback	function	After searching for the audio TODO / 开始查找音频之后，做某些事情
onwaitingCallback	function	When the video because that need to be a frame buffer and stop / 当视频由于需要缓冲下一帧而停止
playCallback	function	After playback TODO / 播放之后，做某些事情
pauseCallback	function	After the suspension TODO / 暂停之后，做某些事情
seekedCallback	function	After the drag, the callback function (`allowSeek: false`) / 拖动之后，回调函数（`allowSeek: false`）
endedCallback	function	End of the play TODO / 播放结束之后，做某些事情
mutedCallback	function	After the mute TODO / 静音之后，做某些事情

The ‘function’ result data.status == true mean success.

function

AudioPlayer.init(); initialization / 初始化
AudioPlayer.updateSource(); Update the playback of audio file / 更新播放音频文件
AudioPlayer.toggleplay(); Switch to suspend began / 切换暂停开始
AudioPlayer.play(); Start playing / 开始播放
AudioPlayer.pause(); pause / 暂停播放
AudioPlayer.muted(); mute / 静音

AudioPlayer.init(); // initialization

Example:

AudioPlayer.init({
    container: '#audioWrap'
    ,source: './Fade.mp3'
    ,debuggers: false
    ,allowSeek: false
    ,canplayCallback: function(){
        // your code
    }
    ,playCallback: function(){
        // your code
    }
    ,pauseCallback: function(){
        // your code
    }
    ,seekedCallback: function(){
        // your code
    }
    ,endedCallback: function(){
        // your code
    }
    ,mutedCallback: function(data){
        // your code
    }
});

`AudioPlayer.updateSource();`

Update the playback of audio file / 更新播放音频文件

argument / 参数:

source: audio file path / 音频文件路径

Example:

1
2
3

jQuery.AudioPlayer.updateSource({
    source: './example.mp3'
});

`AudioPlayer.toggleplay();` // Switch to suspend began / 切换暂停开始

`AudioPlayer.play();` // Start playing / 开始播放

argument / 参数:

function(data){}
- data.status:true 播放成功

Example:

AudioPlayer.play(function(data){
    if(data.status){
        alert('Say Hello');
    }
});

`AudioPlayer.pause();` 暂停播放

argument / 参数:

function(data){}
- data.status:true 暂停成功

Example:

AudioPlayer.play(function(data){
    if(data.status){
        alert('Say Bye');
    }
});

`AudioPlayer.muted();` 切换静音

argument / 参数:

function(data){}
- data.status:true 静音成功

Example:

AudioPlayer.play(function(data){
    if(data.status){
        alert('已静音');
    }
});

Change log

2017.01.06

Add comments in English
Fix the window change audio download progress bar UI has not changed

2017.06.26

Add onloadstartCallback function
Add onwaitingCallback function

issues

Create a new issues

如何清除Google Chrome控制台的历史记录（consoleHistory commandLine）

发表于 2017-01-03 | 修改于 2017-09-19

问题出现

如何清除掉这些繁琐的历史记录呢：

clear();
console.clear();
Ctrl/control+L

然而执行完并没有什么用，历史记录还是会存在。

阅读全文 »

web录制音频文件大小问题

发表于 2016-12-26 | 修改于 2017-09-19 | 分类于 HTML5和CSS3

首先普及相关知识：

一个小公式：

采样频率（Hz） 采样位数（bit） 声道数 / 8 = 数据量（字节/秒）

阅读全文 »

Merry Christmas

发表于 2016-12-21 | 修改于 2017-09-19 | 分类于 Daily Life

Merry Christmas！

See the Pen Google search result page christmas themes by Keystion (@Keystion) on CodePen.

意外的发现了Google为搜索Christmas设定的主题，特此Mark一下！
尝试搜索一下：christmas

1、http://www.pixijs.com/

2、https://www.baidu.com/

3、https://www.tmall.com/

4、https://www.alipay.com/

5、http://www.alloyteam.com/

0、本屌站 略略略

1. 先查看本地 MySQL 的安装目录

2. 复制 MySQL 下的 my-default.cnf 到 etc 下

3. 编辑 etc/my.cnf

4. 设置 sql_model

5. 重启 mysql

解决方案

jQuery.AudioPlayer.js

How to use

Arguments：

function

AudioPlayer.init(); // initialization

AudioPlayer.updateSource();

AudioPlayer.toggleplay(); // Switch to suspend began / 切换暂停开始

AudioPlayer.play(); // Start playing / 开始播放

AudioPlayer.pause(); 暂停播放

AudioPlayer.muted(); 切换静音

Change log

2017.01.06

2017.06.26

问题出现

首先普及相关知识：

0、本屌站略略略

2. 复制 MySQL 下的 `my-default.cnf` 到 `etc` 下

3. 编辑 `etc/my.cnf`

4. 设置 `sql_model`

5. 重启 `mysql`

`AudioPlayer.updateSource();`

`AudioPlayer.toggleplay();` // Switch to suspend began / 切换暂停开始

`AudioPlayer.play();` // Start playing / 开始播放

`AudioPlayer.pause();` 暂停播放

`AudioPlayer.muted();` 切换静音