跳至正文
Wener Notes

Tips

约 1 分钟阅读

统计 Github 代码行数

JavaScript
'use strict';

//replace jquery/jquery with the repo you're interested in
fetch('https://api.github.com/repos/jquery/jquery/stats/contributors')
  .then((response) => response.json())
  .then((contributors) =>
    contributors.map((contributor) => contributor.weeks.reduce((lineCount, week) => lineCount + week.a - week.d, 0)),
  )
  .then((lineCounts) => lineCounts.reduce((lineTotal, lineCount) => lineTotal + lineCount))
  .then((lines) => window.alert(lines));

JS 载入脚本

JavaScript
// jQuery
$.getScript('script.js');

// vanilla
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'script.js';
document.head.appendChild(script);

// 简化版
document.head.appendChild(
  Object.assign(document.createElement('script'), {
    src: 'https://rawgit.com/js-cookie/js-cookie/master/src/js.cookie.js',
  }),
);

// 可添加完成监听
document.head.appendChild(
  Object.assign(document.createElement('script'), {
    src: 'https://code.jquery.com/jquery-2.2.3.js',
    onload: () => console.log('Load Complete'),
  }),
);

常用脚本

Unicode 符号

Emmet

Emmet Cheat Sheet

修改日期显示格式

html
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>
<input type="date" data-date="" data-date-format="DD MM YYYY" value="2015-08-09" />
<script>
  $('input')
    .on('change', function () {
      this.setAttribute('data-date', moment(this.value, 'YYYY-MM-DD').format(this.getAttribute('data-date-format')));
    })
    .trigger('change');
</script>

ES6

JavaScript
// 使参数必选
function mandatory() {
    throw new Error('Missing parameter');
}
function foo(mustBeProvided = mandatory()) {
    return mustBeProvided;
}
// 简单的模板
const tmpl = addrs => `
  <table>
  ${addrs.map(addr => `
     <tr><td>${addr.first}</td></tr>
     <tr><td>${addr.last}</td></tr>
  `).join('')}
  </table>
`;
// 类混合
const Storage = Sup => class extends Sup {
    save(database) { ··· }
};
const Validation = Sup => class extends Sup {
    validate(schema) { ··· }
};
class Person { ··· }
class Employee extends Storage(Validation(Person)) { ··· }

关联信息

反向链接、本文链接的其他页面和外部资料。

参考资料

Wikipedia1 条
其他外链7 条
最近更新commit 906e816编辑