道招

webpack引入UMD风格JS报错Cannot set property xxx of undefined

我们在项目(比如vue项目)中可能会引入一些umd风格的js库,比如wangEditor,这类的库一般会这么写

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? m
vue-cli设置css不生效

我们有的项目使用的是老的vue-cli脚手架生成的,今天想写点东西,发现.vue文件里面style里面写的样式都不生效了,很自然就想到是不是loader的问题。 在这种项目的webpack.base.config.js一般设置loader的

rules: [
      ...(c
前端也会需要一个消费队列

现在我们已经习惯了模块化,微服务化,这样的确带来了很多的好处,但是有时也会有些小麻烦。比如: A组件和B组件各要调用一个接口,并且根据接口调用完成后执行回调,要求A组件的回调较B组件的先执行。 如果是在同一个组件里面,我们比较容易的控制接口的调用时机(同时调用两个接口),并且通过Promise.all来完成这个需求。但是在两个组件里面一不好控制接口的调用时机,二不好

从vuecli3学习webpack记录(零)整体流程

今天看了下自己之前写的从vuecli3学习webpack记录系列,感觉自己居然没有在一开始的时候把vuecli的npm run serve的整体流程在一篇文章里面完整的讲完,可能是因为打字打的手疼,不想写了吧。今天特来补充一下。

这里是整体脉络,所以不会讲细节,细节在本系列里面已经讲到了。

Vue在chrome44偶现点击子元素事件无法冒泡

公司的一个项目大致是这样的:一个左侧列表,点击左侧列表的文章标题,右侧展开该文章对应的内容的。 现在的问题出现在极少部分客户有时左侧的标题,无法打开对应的右侧的内容,给人的改进就是‘卡’、点不动、点了没反应。 再大致介绍下项目环境:

chrome 44(打包到用户客户端内) Vue 2.6.10

左侧列表布局

在iframe中使用富文本编辑器wangEditor

自己做的邮件项目里面需要使用到富文本编辑器,邮件内容说白了就是HTML代码。前任使用的是wangEditor,部分定制化需求就是直接改的源码。

最近发现有的用户的邮件内容加进去的很多css信息,比如 <link rel="stylesheet" href="style.css",用户可能是使用的模板加进去的

vue发送请求是应该在mounted还是在created生命周期

一个经常会被问到的问题: 为什么不在 created 里去发ajax?created 可是比 mounted 更早调用啊,更早调用意味着更早返回结果,那样性能不是更高? 首先,一个组件的 createdmounted 也早调用不了几微秒,性能没啥提高;

mysql 关闭3306端口对外开放服务

我们都知道mysql的默认端口就是3306,一般默认是对外开放的,也就是可以通过ip + 端口的访问直接远程访问,这样是有安全隐患,类似百度云观察这样的服务扫描到的话就会把这当成安全隐患提示站长。 对于只有一个服务器的用户,也就是只用使用单机版的mysql就行了。

我们怎么关闭3306端口对外开放呢?

修改/etc/my.cnf文件里面的[mysqld]的内容

Javascript保留格式翻译选区内容及预览(完结)

前面的一篇文章Javascript保留格式翻译选区内容及预览(一),我们已经知道了,怎么获取选中的文字,然后交个接口返回,现在我们接着继续将这么讲翻译好的词语替换到原文的对应位置。 首先我们在选择文本并进行翻译时,我们的选区还在的,如果后续操作有存在丢掉选区的操作的话,我们需要先将选区暂存起来。<

从vuecli3学习webpack记录(二)webpack分析

上一篇里面讲到运行npm run serve时运行的是serveice.run(comand, args, rawArgv)并且提到它提示返回的是一个promise,所以后面还接着.catch(err => {...}); run方法里面是