目录前情安装依赖package.json配置jest配置测试文件目录编写setup.js编写第一个测试文件jest.fn()和jest.spyOn()jest解析scss失败测试vuex$refs定时器测试函数调用n次手动调用生命周期处理其他模块导入的函数测试插槽前情uniapp推荐了测试方案@dcloudio/uni-automator，属于自动化测试，api提供的示例偏重于渲染组件，判断当前渲染的组件是否和预期一致vue推荐的测试方案vuetestutils，属于单元测试，可以搭配jest、mocha等单测运行器我选了方案2🕶️关于vue的组件测试，vue官方提到：你的Vue应用中大部分内
目录1.主题护眼配置2.字体 JetBrainsMono3.webStrom 好用插件-大大提高生产效率插件3.1图标插件3.2Git提交记录3.3彩色括号3.4高亮括号3.5右侧代码小地图3.6正则插件3.7 activate-power-mode-x3.8 TabnineAICodeCompletion3.9 ESLint代码检查插件3.10BrowseWordAtCaret高亮选中所有相同词汇3.11IntelliVue：Vue功能增强4.超级快捷键快捷输入html代码段5.WebStorm 联想卡顿或过慢方案原因分析一、解决方案如下：二、提高webstorm内存占用上限清除无用的缓存关
APP端不支持dom操作，也不支持active伪类，绞尽脑汁也没办法给uniapp原生的tabBar点击加动画效果，所以最终只能舍弃原生tabBar，改用自定义tabBar。自定义tabBar的原理是，页面的上部分分别是tabBar对应的页面组件，下部分是固定在底部的tabBar，通过点击tabBar获取到当前索引，然后通过v-if来判断显示哪个页面组件，跟原生tabBar不同的是，这里仅用一个page，所以在pages.json里只需要注册index页面即可，在router里也只需要设置index即可，同时也要注意，其他页面组件并不是一个页面，所以没有onShow，onLoad等方法，可以通
兼容性： 仅支持微信小程序平台（其他平台没做测试），有uniapp框架版和纯微信小程序开发工具版。问题： 你也遇到微信小程序swiper里要放大量数据的需求了吗，刚开始觉得就循环往里放么，但是真实操作时会发现刚开始滑着还行，到后面就卡的动不了了？肿么办： 原理是实际渲染的列表里只放最多3个元素（这里考虑到如果list只有1个或2个或3个的情况） ，在每次切换后更换这3个元素为最新的3个。调试花时间： 已经有调试好的工具类了，你只需简单的引入和调用，无需关注实现过程，仅在合适的位置写自己的逻辑即可。演示效果： 微信扫一扫下方二维码查看演示效果：
最近项目上用到了聊天的功能，下面来分享一下关于websocket，键盘弹出等问题，避免别的朋友踩坑。先给大家看看效果图 接着进入正文了！！！！！一、需要注意的几个点1.scroll-view的高度先看看整体的页面布局 system.windowHeight：页面总高度totalHeight：顶部导航栏高度sendHeight：底部输入框高度(设置样式的时候自己设置的)keyboardHeight：键盘高度（键盘没有弹出的时候为0） uni.getSystemInfo({ success:res=>{ this.system=res } }) //#ifd
在使用uniapp开发小程序时，上传的时候因为文件过大，显示上传失败。以下是开发过程中遇到的问题及解决方法：1.问题一：因为文件过大，显示上传失败①尝试过把本地使用的图片压缩到最小；②把图片转换为网络的，在小程序里只是引用；③删除无用的代码；发现这都不是成熟的方法，不能更大程度上的解决问题。所以想到了分包。解决方法：分包以下是使用UniApp分包功能的步骤：1.假设支持分包的目录结构如下：┌─pages│├─index││└─index.vue│└─login│└─login.vue├─pagesA│├─static│└─list│└─list.vue├─pagesB│├─static│└─d
效果预览 使用uniapp搭建的微信小程序，制作小程序启动开屏动画，主要使用css动画属性。主页代码过多这里就展示重要代码片段。开屏动画代码 一起听歌Pro动画执行完成显示的代码js代码data(){ return{ transitionCompleted:false, showTransition:true,//color:linear-gradient(totop,#fff,#F9F871), } },mounted(){ setTimeout(()=>{ this.transitionCompleted=true; setTimeout(()=>
