道招
道招网终于完成改版了
p 这个清明节放假三天,由于疫情还没有完全退去,大家还不太适合大规模聚集,更重要的是我本来也爱宅着不动。放假前就决定这三天干点正事,于是就想起把之前立的flag扶一下,把道招网的vue服务端渲染版彻底上线,之前的flag就是把将道招网的wordpress只作为后台管理用,前端页面改用自己更加得心应手的vue,2019年下半年就把道招网常用的几个接口的graphql接口写好了,但是当时由于服务端渲
webpack笔记——在html-webpack-plugin插件中提供给其它插件是使用的hooks
p 最近在这段时间刚好在温故下webpack源码,webpack5都出来了,4还不再学习下? 这次顺便学习下webpack的常用插件html-webpack-plugin。 发现这个插件里面还额外加入了自己的hooks,方便其它插件来实现自己的功能,不得不说作者真是个好人。 /p p 部分代码如下 /p pre code class= language-javascript // n
从vuecli3学习webpack记录(四)vue是怎么进行默认配置的
p 在我们讲到 a href= https://www.daozhao.com/8617.html 从vuecli3学习webpack记录(一)vue-cli-serve机制 /a /p blockquote p vue cli3中在commands文件夹里面的是调用api.registerCommand方法,在config文件夹里面的(teserOptions.js和html除外)
webpack笔记——hook执行时call的是什么
p 我们一般使用的插件都是Hook子类,比如SyncHook,没有复杂的重写基类Hook的compile方法 先看Hook基类 /p pre code class= language-javascript // node_module/tapable/Hook.js class Hook { constructor(args) { if (!Array.isArr
前端使用karma+mocha+babel+istanbul进行单元测试覆盖
p 先看看项目结构 img src= https://www.daozhao.com/wp-content/uploads/2020/03/image-1583584011643.png alt= file / 这是一个vue项目,其中project位于当前项目的根目录下。 废话不多说,先上配置文件 code karma.conf.js /code /p pre code cla
webpack引入UMD风格JS报错Cannot set property xxx of undefined
p 我们在项目(比如vue项目)中可能会引入一些umd风格的js库,比如wangEditor,这类的库一般会这么写 /p pre code class= language-javascript (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? m
vue-cli设置css不生效
p 我们有的项目使用的是老的vue-cli脚手架生成的,今天想写点东西,发现.vue文件里面 code style /code 里面写的样式都不生效了,很自然就想到是不是loader的问题。 在这种项目的webpack.base.config.js一般设置loader的 /p pre code class= language-javascript rules: [ ...(c
前端也会需要一个消费队列
p 现在我们已经习惯了模块化,微服务化,这样的确带来了很多的好处,但是有时也会有些小麻烦。比如: A组件和B组件各要调用一个接口,并且根据接口调用完成后执行回调,要求A组件的回调较B组件的先执行。 如果是在同一个组件里面,我们比较容易的控制接口的调用时机(同时调用两个接口),并且通过 code Promise.all /code 来完成这个需求。但是在两个组件里面一不好控制接口的调用时机,二不好
从vuecli3学习webpack记录(零)整体流程
p 今天看了下自己之前写的从vuecli3学习webpack记录系列,感觉自己居然没有在一开始的时候把vuecli的 code npm run serve /code 的整体流程在一篇文章里面完整的讲完,可能是因为打字打的手疼,不想写了吧。今天特来补充一下。 /p p 这里是整体脉络,所以不会讲细节,细节在本系列里面已经讲到了。 /p pre code class= language-
Vue在chrome44偶现点击子元素事件无法冒泡
p 公司的一个项目大致是这样的:一个左侧列表,点击左侧列表的文章标题,右侧展开该文章对应的内容的。 现在的问题出现在极少部分客户有时左侧的标题,无法打开对应的右侧的内容,给人的改进就是‘卡’、点不动、点了没反应。 再大致介绍下项目环境: /p blockquote p chrome 44(打包到用户客户端内) Vue 2.6.10 /p /blockquote p 左侧列表布局

webpack笔记——在html-webpack-plugin插件中提供给其它插件是使用的hooks

从vuecli3学习webpack记录(四)vue是怎么进行默认配置的

webpack笔记——hook执行时call的是什么

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

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

关注道招网公众帐号