摘要： DefinePlugin是webpack注入全局变量的插件，通常使用该插件来判别代码运行的环境变量。在使用该插件需要注意的是，如果在该插件配置了相关的参数，必须要源码中使用，webpack才会注入。例如： 我们在源码打印process变量 其在控制台的输出结果是 我们发现env中并没有数据，但是如果 阅读全文

摘要： 由于大部分前端工程师使用Windows系统的电脑，我们在编写通用的全局小工具时创建的文件格式都是windows类型（Windows, Unix, Mac Os 9）。如果为Windows格式，在mac电脑内不识别，导致无法使用，则需要将文件格式转换为Unix。在Unix电脑中，由于文件权限问题，不能 阅读全文

摘要： webpack中loader的执行顺序默认情况是从右到左，遵循数据结构中堆栈结构(先进后出) 阅读全文

摘要： 编写webpack插件比编写loader更加复杂，插件会接触到webpack内部底层接口。实现插件主要是在原型链上实现apply方法。webpack在实例化时，会调用所有插件的apply方法。通过在apply方法内，监听webpack的Event Hooks（事件钩子），webpack在编译时，根据 阅读全文

摘要： webpack通过逆注入的形式来构建应用，页面正常的流程是先解析html然后在解析内部的资源(js, css, img等)。webpack是以配置项entry内的资源为入口。webpack在编译时，正常情况下，会先对entry中的资源进行编译处理，然后再执行插件，最后执行loader。但是entry 阅读全文

摘要： 在安卓手机中，会打开一个原生视频播放控件，position属性同样适用于该控件，播放视频结束时，会出现闪烁以及黑屏。严重影响用户体验。 全屏视频设置： 去除结束黑屏方法： 在需要的页面使用一个空的canvas，使video在结束时，达到背景透明效果，在video背景中映射底部的页面，消除video结 阅读全文

摘要： Javascript采用64位表示数字，第一位为符号位(正负号)，2-12位为指数位，13-64位为有效数字。即能精确标识的最大数字是2^53-1=9007199254740992，超过该位数的数值，末位取零 处理方法待续.... 阅读全文

摘要： 在练习项目中，没有使用mysql行级锁。而是通过rabbitmq队列，使用库存增加以及减少。通过显示创建事务实现两表更新数据。在测试过程中，多人操作订单，导致出现事务锁超时，在MySQL命令行使用 查到MySQL有很多update进程处于sleep中。可以判断可能由于事务中的逻辑中断或者代码出错后未 阅读全文

摘要： 目前在https和http测试server send event(SSE),在http中能正常运行，在https中SSE的消息只能在连接断开时，全部返回。不知道是否是nginx的配置不正确导致的 阅读全文

摘要： 1. 为了避免使用proxy_pass转发找不到主机，导致nginx服务启动失败问题. 解决方案： set $upstream http://bar; proxy_pass $upstream; 2.静态资源缓存设置 location /static { alias /var/www/static; 阅读全文