摘要: DefinePlugin是webpack注入全局变量的插件,通常使用该插件来判别代码运行的环境变量。在使用该插件需要注意的是,如果在该插件配置了相关的参数,必须要源码中使用,webpack才会注入。例如: 我们在源码打印process变量 其在控制台的输出结果是 我们发现env中并没有数据,但是如果 阅读全文
posted @ 2018-02-02 19:08 周周写 阅读(1496) 评论(0) 推荐(0) 编辑
摘要: 由于大部分前端工程师使用Windows系统的电脑,我们在编写通用的全局小工具时创建的文件格式都是windows类型(Windows, Unix, Mac Os 9)。如果为Windows格式,在mac电脑内不识别,导致无法使用,则需要将文件格式转换为Unix。在Unix电脑中,由于文件权限问题,不能 阅读全文
posted @ 2018-01-13 02:48 周周写 阅读(113) 评论(0) 推荐(0) 编辑
摘要: webpack中loader的执行顺序默认情况是从右到左,遵循数据结构中堆栈结构(先进后出) 阅读全文
posted @ 2018-01-05 11:07 周周写 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 编写webpack插件比编写loader更加复杂,插件会接触到webpack内部底层接口。实现插件主要是在原型链上实现apply方法。webpack在实例化时,会调用所有插件的apply方法。通过在apply方法内,监听webpack的Event Hooks(事件钩子),webpack在编译时,根据 阅读全文
posted @ 2018-01-04 16:27 周周写 阅读(156) 评论(0) 推荐(0) 编辑
摘要: webpack通过逆注入的形式来构建应用,页面正常的流程是先解析html然后在解析内部的资源(js, css, img等)。webpack是以配置项entry内的资源为入口。webpack在编译时,正常情况下,会先对entry中的资源进行编译处理,然后再执行插件,最后执行loader。但是entry 阅读全文
posted @ 2018-01-03 19:17 周周写 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 在安卓手机中,会打开一个原生视频播放控件,position属性同样适用于该控件,播放视频结束时,会出现闪烁以及黑屏。严重影响用户体验。 全屏视频设置: 去除结束黑屏方法: 在需要的页面使用一个空的canvas,使video在结束时,达到背景透明效果,在video背景中映射底部的页面,消除video结 阅读全文
posted @ 2017-12-19 11:17 周周写 阅读(641) 评论(0) 推荐(0) 编辑
摘要: Javascript采用64位表示数字,第一位为符号位(正负号),2-12位为指数位,13-64位为有效数字。即能精确标识的最大数字是2^53-1=9007199254740992,超过该位数的数值,末位取零 处理方法待续.... 阅读全文
posted @ 2017-12-13 18:37 周周写 阅读(418) 评论(0) 推荐(0) 编辑
摘要: 在练习项目中,没有使用mysql行级锁。而是通过rabbitmq队列,使用库存增加以及减少。通过显示创建事务实现两表更新数据。在测试过程中,多人操作订单,导致出现事务锁超时,在MySQL命令行使用 查到MySQL有很多update进程处于sleep中。可以判断可能由于事务中的逻辑中断或者代码出错后未 阅读全文
posted @ 2017-12-13 17:03 周周写 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 目前在https和http测试server send event(SSE),在http中能正常运行,在https中SSE的消息只能在连接断开时,全部返回。不知道是否是nginx的配置不正确导致的 阅读全文
posted @ 2017-11-21 11:17 周周写 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 1. 为了避免使用proxy_pass转发找不到主机,导致nginx服务启动失败问题. 解决方案: set $upstream http://bar; proxy_pass $upstream; 2.静态资源缓存设置 location /static { alias /var/www/static; 阅读全文
posted @ 2017-09-12 18:41 周周写 阅读(136) 评论(0) 推荐(0) 编辑