标签 vue 下的文章 - GXUZF.COM - 林澈思的茶

在Vue2中实现微信分享功能

分类:折腾 ; 热度:258

赵帆同学赵帆同学

公众号配置如果你们的公众号有专人保管,那么跟他说把安全域名加一下,安全域名用于微信的验证,没有这一步操作,下面的都白搭。比如我们的测试公众号,绑定的就是我们测试服务器的域名。同理,生产也是如此。后端配置要想使用微信的JS-SDK功能,需要生成签名,配合appId才能使用,这些步骤通常是由后端生成的。这里省去3000字描述如何生成签名,反正你找后端同学就对了。

vue封装Swiper实现图片轮播

分类:折腾 ; 热度:250

赵帆同学赵帆同学

一、Swiper在实现封装之前,先介绍一下Swiper。(1) Swiper是纯Javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。(2) Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。(3) Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择。(4) Swiper的应用场景广泛,实现效果很好,下面个这实际案例就是Swiper的典型应用场景。Swiper的具体使用教程及详细API,参考Swiper中文网。

webpack优化指北

分类:折腾 ; 热度:190

赵帆同学赵帆同学

Webpack是现在主流的功能强大的模块化打包工具,在使用Webpack时,如果不注意性能优化,有非常大的可能会产生性能问题,性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等,因此性能优化也主要从这些方面来分析。目前公司的前端项目使用Vue框架,Vue框架使用Webpack进行构建,随着项目不断迭代,项目逐渐变得庞大,然而项目的构建速度随之变得缓慢,于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践,通过以下方法优化后,项目的构建速度提高了50%。现将相关优化方法进行总结分享。一、缩小文件的搜索范...

Vue项目性能优化实践指南

分类:折腾 ; 热度:349

赵帆同学赵帆同学

最近在使用elementUI构建管理系统时,发现首屏加载时间长,加载的网络资源比较多,对系统的体验性会差一点,而且用webpack打包的vuejs的vendor包会比较大。所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来,希望读者读完本文,有一定的启发思考,从而对自己的项目进行优化起到帮助。主要包括:Vue 代码层面的优化,webpack 配置层面的优化,基础的 Web 技术层面的优化。一、代码层面的优化1.1 v-if 和 v-show 区分使用场景v-if ...