姑娘，代码，诗与酒
本篇博客会记录从零开始构建react+electron+typescript的应用实例，源码地址
react是前端的热门框架，我们会练习使用组件，以及使用路由来分模块页面，封装简单的公用组件。内部的组件都是tsx后缀，加入了typescript的使用
electron是让我们实现桌面应用的框架，你可以理解为一个桌面应用的壳，在这个壳里面用HTML，CSS和JavaScript来构建跨平台桌面应用程序，Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的
typescript是我们javascript的超集，这也是第一次结合使用，希望可以顺利了
对于JavaScript学习的深入以后势必会接触到原型以及原型链这俩个骚知识点，对于我像自己这么直的人来说有时候一下还真转不过那个弯弯来，毕竟人比较直男。那么对于理解什么是原型，什么又是原型链，还有什么原型对象啊等等，都是我们需要掌握！那么就从下面的文章开始慢慢聊..... 继续阅读“对原型以及原型链的理解”
仅仅是开发环境玩玩哦～～～～～
首先来看看source map，当 webpack 打包源代码时，可能会很难追踪到错误和警告在源代码中的原始位置，比如a.js、b.js、c.js，我们一个build之后，就变成了一个bundle，这个时候如果报错了，我们是如何知道这个错误具体在哪一个js呢？
我们在以往的项目中可能使用grunt或者是gulp来对我们的前端项目来做一个资源管理，比如上线发布之前，先执行一下gulp脚本来压缩一下图片或者混淆一下js和css，来让上线发布的文件变得尽量小一些，这样在请求的时候也会更快一些。或许你觉得够了，但是对于我这种不会gulp和grunt的人，还懒的学的来说。。。好像不够啊！而且这俩个在渐渐的落伍，那我不选webpack的话，好像会很傻的样子
现在前端SPA单页面这么流行，比如一套脚手架，我们在用到的时候连vue+vue-router等，甚至连webpack或者gulp等一套就集成了，里面只需要修改一些简单的配置，就可以解决跨域问题，但是，当我们项目慢慢大起来的时候，总要用到多页面的时候，那我们如何修改vue-cli或者是create-react-app这种脚手架中的默认配置呢？
实际上点进来的时候，你就会大吃一惊的发现，这里集合了多少种javascript数组去重的方法，为了让点进来的人爱上这个博客，我可谓是撸尽了脑汁才整理了好久好久好久好久，还一个个的试验了一遍这些方法，不管是简单的[1,2,3,4]还是数组对象，还是根据数组对象的某一个元素来去重，可谓是煞费苦心啊！
我好想多bb几句，可是我严谨的爱学习的精神不允许我这样了。
function datestr(fmt, d) {
var fmt = fmt || 'yyyy-MM-dd hh:mm:ss';
var d = d || (new Date());
var o = {
'M+': d.getMonth() + 1,
'd+': d.getDate(),
'h+': d.getHours(),
'm+': d.getMinutes(),
's+': d.getSeconds(),
'qq+': Math.floor((d.getMonth() + 3) / 3),
'S+': Math.round(d.getMilliseconds() / 10)
};
if (/(y+)/.test(fmt))
fmt = fmt.replace(RegExp.$1,
(d.getFullYear() + '').substr(4 - RegExp.$1.length));
for (var k in o) {
if (new RegExp('(' + k + ')').test(fmt))
fmt = fmt.replace(
RegExp.$1,
RegExp.$1.length == 1 ?
o[k] : ('00' + o[k]).substr(('' + o[k]).length)
);
}
return fmt;
}
console.log(datestr()); // 2018-07-26 22:05:14