在Vue2中实现微信分享功能
分类：折腾 ; 热度：2368
公众号配置如果你们的公众号有专人保管，那么跟他说把安全域名加一下，安全域名用于微信的验证，没有这一步操作，下面的都白搭。比如我们的测试公众号，绑定的就是我们测试服务器的域名。同理，生产也是如此。后端配置要想使用微信的JS-SDK功能，需要生成签名，配合appId才能使用，这些步骤通常是由后端生成的。这里省去3000字描述如何生成签名，反正你找后端同学就对了。
vue封装Swiper实现图片轮播
分类：折腾 ; 热度：2307
一、Swiper在实现封装之前，先介绍一下Swiper。(1) Swiper是纯Javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。(2) Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。(3) Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择。(4) Swiper的应用场景广泛，实现效果很好，下面个这实际案例就是Swiper的典型应用场景。Swiper的具体使用教程及详细API，参考Swiper中文网。
webpack优化指北
分类：折腾 ; 热度：2146
Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等，因此性能优化也主要从这些方面来分析。目前公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大，然而项目的构建速度随之变得缓慢，于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践，通过以下方法优化后，项目的构建速度提高了50%。现将相关优化方法进行总结分享。一、缩小文件的搜索范...
Vue项目性能优化实践指南
分类：折腾 ; 热度：2708
最近在使用elementUI构建管理系统时，发现首屏加载时间长，加载的网络资源比较多，对系统的体验性会差一点，而且用webpack打包的vuejs的vendor包会比较大。所以我们仍然需要去关注 Vue 项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来，希望读者读完本文，有一定的启发思考，从而对自己的项目进行优化起到帮助。主要包括：Vue 代码层面的优化，webpack 配置层面的优化，基础的 Web 技术层面的优化。一、代码层面的优化1.1 v-if 和 v-show 区分使用场景v-if ...
