阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      微信⼩程序 wepy vs mpvue

      问题

      微信⼩程序 wepy vs mpvue

      答案

      数据流管理

      相⽐传统的⼩程序框架,这个⼀直是我们作为资深开发者⽐较期望去解决的, 在 Web 开发中,随着 Flux 、 Redu x、 Vuex 等多个数据流⼯具出现, 我们也期望在业务复杂的⼩程序中使⽤

      • WePY 默认⽀持 Redux ,在脚⼿架⽣成项⽬的时候可以内置
      • Mpvue 作为 Vue 的移植版本,当然⽀持 Vuex ,同样在脚⼿架⽣成项⽬的时候可以内置

      组件化

      • WePY 类似 Vue 实现了单⽂件组件,最⼤的差别是⽂件后缀 .wpy ,只是写法上会有差异
      export default class Index extends wepy.page {}
      
      • Mpvue 作为 Vue 的移植版本,⽀持单⽂件组件, template 、 script 和 style都在⼀个 .vue ⽂件中,和 vue 的写法类似,所以对 Vue 开发熟悉的同学会⽐较适应

      ⼯程化

      所有的⼩程序开发依赖官⽅提供的开发者⼯具。开发者⼯具简单直观,对调试 ⼩程序很有帮助,现在也⽀持腾讯云(⽬前我们还没有使⽤,但是对新的⼀些 开发者还是有帮助的),可以申请测试报告查看⼩程序在真实的移动设备上运 ⾏性能和运⾏效果,但是它本身没有类似前端⼯程化中的概念和⼯具

      • wepy 内置了构建,通过 wepy init 命令初始化项⽬,⼤致流程如下:
        • wepy-cli 会判断模版是在远程仓库还是在本地,如果在本地则会⽴即跳到第 3 步,反之继续进⾏。
        • 会从远程仓库下载模版,并保存到本地。
        • 询问开发者 Project name 等问题,依据开发者的回答,创建项⽬
      • mpvue 沿⽤了 vue 中推崇的 webpack 作为构建⼯具,但同时提供了⼀些⾃⼰的插件以及配置⽂件的⼀些修改,⽐如
        • 不再需要 html-webpack-plugin
        • 基于 webpack-dev-middleware 修改成 webpack-dev-middleware-hard-disk
        • 最⼤的变化是基于 webpack-loader 修改成 mpvue-loader
        • 但是配置⽅式还是类似,分环境配置⽂件,最终都会编译成⼩程序⽀持的⽬录结构和⽂件后缀

      更多面试题

      如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      目录