最新公告
  • 如遇下载失效问题,请联系在线客服,客服24小内为您解决!立即加入我们
  • 微信小程序瘦身几个方面

    微信小程序在发布的时候,对提交的代码有 2 MB 大小的限制。

    在设计一个小程序之初,我们就需要重点考虑这一点。例如,我们可以采取一些方法,避免过早遭遇这个问题。

      1. 避免使用本地大图片、大资源文件

        最好是从服务器获取,远程 URL 地址加载图片。如果是图标的话,建议使用网络图标,如阿里图标使用也很方便。

      2. 优化代码逻辑

        这个可能要求有一点高,减少不必要的代码,避免出现重复的代码。对减少代码尺寸和代码性能都是有好处的。

        在JavaScript代码层面,不要把一个很简单的逻辑洋洋洒洒的写了一大堆,请优化和精简你的代码。

        在视图层面,尽量避免不必要的组件嵌套,能用一个 view 做到的,就不要再多套一层 view。

     

    1. 复用页面,如模板

      正常的开发页面都要尽量分开便于维护,但是在小程序中多一个页面可就多生成4个文件呢。所以当你无法再优化和精简你的代码的时候,选择具有相同功能的页面尽量复用吧。

    2. 使用工具压缩优化代码

      HTML5 等 Web 前端项目的开发和发布中,我们通常会通过使用一些前端工程化工具来处理我们的代码,比如使用 Gulp,结合一些功能插件,如:Uglify、CSS Nano、HTML min 等。使用这些工具,可以让我们的代码尺寸小上那么一大截(大约 20%~30%)。

      这些工具对小程序开发来说,也完全管用!通过简单的使用这些工具,就能让我们的代码减小那么多,何乐而不为呢。

      在小程序中,我们大致有这么几类可以使用工具进行优化的文件:

      a.JSON文件:我们可以使用JSON minify来压缩JSON文件,去除JSON文件中多余的空格

      b.JavaScript文件:使用uglify,对JS代码进行语法优化和文本压缩

      c.WXML文件:使用htmlmin,可以对WXML文件中多余的空格,注释等进行清理

      d.WXSS文件:可以使用LESS提供的特性,对小程序中的全局WXSS进行合并;使用CSS Nano对WXSS文件进行清理和压缩;使用AutoPrefixer对WXSS添加不同环境下的前缀,达到良好的兼容性。

      e.图片文件:通过使用Imagemin或网上在线压缩图片网站,可以用来优化图片文件的大小。

    免责需知
    1、本站所有资源均来源于网络收集,一切版权©归原作者所有,请保留原版权信息。
    2、本站分享仅供参考学习和演示,禁止商用,如需商用,请从正规渠道选择购买正版!使用正版!支持正版!维护一个良好的知识产权环境。
    3、内容故是参考与学习,不确保能正常演示,也不包含其中的技术服务。
    4、排除在某个功能上存在有其它的BUG或源码残缺的可能,购买后一率不能退款。
    5、资源下载不含技术服务,需付费安装请联系客服100元/次。
    6、文件储存在网盘,如发现链接或者密码有误,请联系客服。
    7、如果付款后下载不了,请提交工单说明,客服会在24小时内解决,如果解决不了,会为您退款。
    8、侵权反馈邮箱:yutongyuncom@qq.com
    顺风猫 » 微信小程序瘦身几个方面

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    顺风猫
    一个高级程序员模板开发平台