村上小树

在生产环境和开发环境下，经过webpack打包的代码在运行发生错误时，控制台报出的错误信息让人很难定位。如下： 则同样的代码以及同样的抛出错误，控制台报出的信息会更详细。如下： 为什么运行的是已经打包压缩后的代码，然而在输出报错时可以精准定位到开发代码。其中是借助sourcem…

对Webpack的打包后的代码的运行逻辑蛮有兴趣，所以阅读了下代码学习总结一下。 它是一个立即执行函数。通过把开发模块传入到modules形参，然后立即执行函数执行。我们先看一下模块数组的代码： 开发的所有模块会按照引入顺序依次放到modules数组中。入口文件中的代码会放到数…

axios的拦截器使用场景很多。就拿自己负责的项目来说，需要通过拦截器实现的功能有： 每一个功能都需要多行的代码去实现。如果我们把这些功能都写在一个拦截器的function中，会导致文件代码过多，不利于维护。自己最近通过阅读axios的源码，顺利解决了这个问题。 这是axios…

自己在做数个项目时，经常会遇到CSS冲突的问题。主要表现在： 项目一开始就全局引入CSS库。然后自己写样式时，需要考虑到与第三方CSS库同名的类的样式会受到污染，因此要针对被污染的属性进行重写覆盖。有时还会因为该类的权重--Specificity不高而导致覆盖不了,要强行!im…

最近做店铺页面，需要一个卡片式轮播组件。网上很多都是类似于网易云的普通轮播组件，探索几番还是决定自己写一个组件出来。 编写轮播组件要克服的难点是切换图片时的动画设计。以下是我的设计思路： 1.存在两个div元素，分别为.image-list和.virtual-list。.ima…

1.需求分析通常前端项目经开发迭代需求或者临时修复bug而上线后，我们都希望用户端能迅速检测项目已更新而去刷新页面。检测项目跟新的方法有很多，我这里提供一个适用度较高的简单易行的方法。2.代码示例及分

1.前言鉴于自己目前开发的项目的原因，我一直使用element-ui，自己同时也对element-ui产生了兴趣，在阅读源码的同时，自己的知识水平也得到了一定的提高，而且项目一些难点也通过引入源码的部

1.回顾mixin基础当组件和混入对象含有同名选项时，这些选项将以恰当的方式进行“合并”。1.数据对象在内部会进行递归合并时，当发生冲突时以组件数据优先。2.混入对象的钩子将在组件自身钩子之前调用。3

1.回顾directives基础(1)钩子函数一个指令定义对象可以提供如下几个钩子函数：bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted：被绑定元素