- 博客(9)
- 收藏
- 关注
RSS订阅原创 单元测试之jest框架环境配置
背景：继上次jest问题之旅后，重新回顾项目的总结上次弯路走太多了。。。。babel6环境下配置jest：1：jest依赖包的版本控制为23.x.x，低于23时会缺失方法，大于等于24时会报错。这里不需要再安装babel-jest了，因为在安装jest时自动安装了jest所依赖的其他包。在babel6环境下，jest版本大于等于24时报错如下。2：如果项目是TS项目，则还需要jest对.ts文件进行解析，因此需要安装ts-jest用于转义.ts文件。ts-jest的版本和jest一致。3：然后上
2021-10-14 12:01:52
952
原创 关于e.preventDefault()方法
背景：同事在项目中遇到的问题，在项目中导入了某一个组件作为根组件之后，发现原来的子组件中的滚动效果不再生效，因为是移动端的项目，所以这里的滚动效果是通过touchmove事件进行触发的，在对引入的组件进行研究后，发现是在根组件中阻止了touchmove事件的默认事件，也就是调用了e.preventDefault()方法，然后同事们通过阻止冒泡阻止了这个方法的调用，解决掉了因为引入组件而带来的问题，但这却引发了一连串的有关于preventDefault()这个方法的思考。问题：为什么我在父组件上使用pr
2021-09-22 18:31:14
7795
1
原创 babel学习
背景：最近在进行小组讨论时，组长给我们安排了一个课题，在现有的项目中使用jest进行单元测试，就jest来说，本来也不是多大的事，在单独新建一个小项目使用jest时，很顺利，但是我在项目中运行jest就开始报错（苦瓜脸），后来，在反复折腾完jest的版本周，jest能够使用了，但是我的项目却用不了了，原因尚不清楚，但在我运行项目是报了一大堆babel的错，因而感觉有可能是我babel配置的原因。对于babel，我个人一直处于一个模模糊糊的概念状态，对其从来没有一个比较明确的定义。所以呢，打算看文档仔细的研
2021-09-18 14:57:50
153
原创 jest.js问题之旅
ps:希望能为你们的问题带来解决的办法。背景：小组任务，在目前自己所负责的项目中使用jest.js进行单元测试。遇到的问题：根据官网在安装了jest.js的依赖包后，原有的项目不能运行，并出现一大堆的有关于依赖的错误。并且jest测试也不能运行起来。问题解决时间线：在反复安装移除依赖包后，将问题定位到jest的版本上，但不确定是不是由于babel的版本所造成的，直到现在也没确定，因为现有项目所使用的babel版本仅为6.x，而官方文档中，最新的jest所匹配的babel版本为7.x。所以最后又两
2021-09-18 14:07:22
939
1
原创 element-ui 在Popover弹框中使用Select选择器
背景：项目需求，在一个弹框中使用选择器，由于项目使用到了element-ui，所以第一时间在element中找到了这两个组件，并进行组合使用，一切都很完美，布局很完美，功能样式也不用进行大的修改。但是，就在我认为大功告成的时候，问题来了。Popover弹框能顺利出现，select选择器也能够正常的选择，但是选择后，不仅select选择器的弹框关闭了，外层的popover弹框也关闭了，what???为什么？针对问题，找到问题，解决问题！因此，我去看了Popover的关闭逻辑，当点击Popover弹框以外的
2021-08-20 10:58:16
2999
5
原创 vue的/deep/——深度作用选择器
背景：最近在vue的项目中使用element-ui进行开发，但是通常呢，element-ui的组件样式会与我们的设计稿有较大的出入，故而大多数时候不能够直接使用，需要进行样式的改造。但是这又面临着一个问题，部分组件所暴露出来的配置项并不能够支持我们将组件设置成我们想要的样式。这时候我们往往会想到去到浏览器，找到对应显示组件的className,然后在当前组件内进行重写，用！important进行样式的覆盖。但很遗憾，这并不能够成功的重置组件的样式。为什么呢？因为我们在封装一个组件时，为了避免当前组件内的样
2021-08-20 10:27:48
751
原创 父元素设置了padding，子元素如何忽略掉这个padding
背景：现如今在进行前端开发时，为了能够快速的构建项目，我们往往会使用到现存市面上封装好的一些ui组件库，比如vue的element组件库，react的ant-design，但在使用这些组件库时，往往会出现比较让我们头疼的情况，那就是有的组件封装有中间层，不对外暴露，这让我们很难设置这个中间元素的样式。今天在项目开发时我就遇到了这个问题，使用的一个组件对外暴露的两层中还插入了一个div，而这个div设置了padding的值，正常来说，我是无论如何都改变不了这个父元素的padding的值，但这就与我的设计图不
2021-08-18 17:04:01
6645
6
原创 vue-devtools不生效？
背景：在进行vue开发时，我们需要知道页面数据的状态，在以往的vue项目开发时，我都采用的是使用vue-devtools进行调试，可以很好的帮我们获取到当前页面的数据信息，而最近在开发时我发现我的vue-devtools不生效了，意味着我的调试工作难度大大增加，因此打开了百度，最后得出的结论是，我的vue-devtools的版本太老了，不支持对vue3进行检索，最后呢解决的方法就是去升级vue-devtools，最新版本的vue-devtools是支持对vue3的检索的。安装：1、直接去到官网下载.c
2021-08-18 11:40:54
2879
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人