摘要：
前端模块化已经不是一个新技术了，但是在项目中还是碰到一些不太明白各种引入，导出模块的方法的使用和区别的小伙伴。所以还是想总结一下形成文档，来龙去脉搞清楚了，用起来自然不会混淆。 补充：在基于webpack的前端工程里，代码里使用了import做模块导入，module.exports 做导出，这个写法 阅读全文
摘要：
很欣慰，用mxgGaph开发流程图，锻炼了我的英语阅读能力（这里有一个无奈的苦笑）； 这里先记录一下卡了我两天的一个，怎么形容呢，一个小水坑。不踩不知道，踩了哈哈笑。PS:此处不记录过程，只记录问题，适用于用过此插件并对插件有一定了解的宝宝们。 1、关于mxgraph的自动布局： a、使用mxgra 阅读全文
摘要：
首先要说明的是本文中的this，与mvvm框架如vue，yox等的this是不一样的，本文讨论的this不包括插件中对this变量的封装使用。 一、this绑定 this的绑定想必是没有什么疑问的，取决于函数的调用位置。ES6箭头函数的this则取决于函数定义的位置。 所以想确定this变量究竟指向 阅读全文
摘要：
在看书的过程中，发现了很多之前不知道的点，感觉明白了这些点以后，对代码的运行有了更深刻的体会，故做此笔记，以温故并巩固。(持续更新...) 一、for循环中的变量 for(var i = 0; i < 10; i++){ setTimeout(()=>{ console.log(i); },i*10 阅读全文
摘要：
今天做需求时候灵光一闪，想到了一个很简单的给对象数组排序的方法，敲黑板：此排序非普通大众排序 需求描述：有一个对象数组，大概长这样： 渲染页面时候呢，我们需要按照特定的顺序来取数据并渲染。 假如是按照name属性来排序，并且顺序为：扫码e贷，诚e贷，税源e贷，超值e贷，烟草e贷； 看到这里，小伙伴们 阅读全文
摘要：
学习前端性能优化时候，有看到说用svg矢量图代替图片也是一个优化点。 所以就顺带学了下svg，脑洞大开，画只萌萌哒熊猫。 svg的语法类似css的行内写法，看了好多svg写的效果，感觉难点不在语法，而是在创造力。 这里贴一个链接，里面有很棒的demo，喜欢的同学可以去研究下https://www.h 阅读全文
摘要：
前言：gulp相对而言比较简单，趁有空整理出一套自己喜欢的结构来。自己想做些简单的小网站时候可以复用，代码经过测试，可以直接拿来使用。 主要实现功能：ES6转换，sass编译,合成雪碧图，css自动加前缀，压缩合并编译后的css，img图片压缩，js压缩，实施监听并刷新浏览器，以及sftp插件上传代 阅读全文
摘要：
有输入必须有输出，今天就来输出一下学习webpack的过程。 不得不先吐槽一下，比起可爱的grunt和好用的gulp，对webpack真心爱不起来！ 还有一个血的教训：千万不要偷懒，有问题直接去官网。。。 本文旨在记录学习webpack的过车和遇到的问题，适合对node和webpack基础知识有些了 阅读全文
摘要：
引子： 今天在搭新项目时候，想重新复习一遍webpack的配置，就从init开始重新写了一遍各插件配置。 写到server端口配置时候，随手打了个6得飞起得6666，启动服务，ok，页面麻溜地自己打开了，完美。 小圈圈转了2秒，怎么没出现熟悉的hello world 呢？怎么是一副服务启动失败的灰头 阅读全文