babel转换ES module

Babel转换ES2015 modules的例子

输入：

1
export default 30;

转换成了：

1
2
3
4
5
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = 42

可以看出来:每次export都是在exports上挂载一些属性，并有一个__esModule的字段标识是否是es6的moudle；

import的过程：

1
2
import assert from 'assert'
assert(true)

被转换成的代码：

1
2
3
4
5
6
7
8
9
10
function _interopRequireDefault(obj) {
  return obj && obj.__esModule
         ? obj
         : {'default': obj}
}
var __assert = require('assert');
var __assert2 = _interopRequireDefault(__assert)
(0, __assert2['default'])(true)

转换的代码，看出啥，如果是ES6的module就直接返回babel通过require方式引入的module，如果是符合CommonJS规范的就直接返回{default: obj};

展开全文 >>

shell 学习

权限

1
chmod +x file.sh

使得file.sh可执行

当然也可以将该可执行的权限收回：

1
chmod -x file.sh

sudo -iu test切换到普通用户；

传参

shell 传参数，以$1, $2, $3的形式输出所有的参数 $0为执行文件名

1
2
3
4
// tesh.sh
echo "shell 传参：";
echo "第一个参数为：$1";
echo "第二个参数为：$2";

执行：

1
sh test.sh 1 2

输出：

1
2
3
shell 传参：
第一个参数为：1
第二个参数为：2

如果是变数量的参数：
可以使用shift操作；每次shift操作使得参数列表前移一个，即抛弃第一个，第二个成为第一个参数，$#减一，$1为之前没shift的$2;
和js里数组的shift操作很类似，每次shift一个数组，数组长度减一，同时前移一位；

1
2
3
4
5
6
count=1;
while [ $# != 0 ]; do
  echo "第$count 个参数为：$1";
  let count=count+1;
  shift
done

执行结果：

1
2
第1个参数为： hello
第2个参数为： jack

展开全文 >>

h5 的各种坑

前言

这几次做部门的h5应用，说是公司内部用，就ios各种适配也没考虑，只是在电脑的chrome上模拟，没问题后就直接算了，最后测试一测就提出各种优化的建议，各种交互bug，不是说好了是公司bd用的吗，不是说了随便做就行了吗；其实这都是我自己想的，以为做完就好了，一点也没有再深入想想哪里可以再完善下,这最后就是一堆的交互问题；
其实这些交互问题都是经常遇到的，比如，ios键盘在点击其他区域收起的问题，其实这些问题自己也遇到几次了，到时一直没能总结下，古人云：‘温故而知新’，是时候，总结下最近的事情了；
more >>

展开全文 >>

工具列表

webbench

mac安装

1.第一步：

1
brew install ctags # 依赖安装

2.第二步:

1
2
3
4
5
wget http://blog.zyan.cc/soft/linux/webbench/webbench-1.5.tar.gz
tar -zxvf webbench-1.5.tar.gz
cd webbench-1.5
mkdir -pv /usr/local/man/man1 # 关键
sudo make && sudo make install

3.使用：

1
webbench -c 并发数 -t 运行测试时间 URL

linux安装

1
2
3
4
5
wget http://home.tiscali.cz/~cz210552/distfiles/webbench-1.5.tar.gz
tar zxvf webbench-1.5.tar.gz
cd webbench-1.5
make
make install

ab

mac安装

https://segmentfault.com/a/1190000008105699

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

武汉理工大学08级，喜欢折腾，喜欢新技术，喜欢做自己喜欢的事情，热爱前端与后端，喜好coding!!!