wxa.js

渐进式小程序开发框架
授权协议 MIT
开发语言 JavaScript
所属分类 手机/移动开发、 微信小程序
软件类型 开源软件
地区 国产
投 递 者 董凡
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

wxa.js 是一个轻量级的渐进式小程序开发框架,专注于小程序原生开发,提供更好的工程化、代码复用能力,提高开发效率并改善开发体验。极速上手,零配置,可无痛迁移。

wxa 框架优势

  • 真正零成本接入

原生小程序无需修改,即可使用 wxa 构建。当然,如果您愿意使用 wxa 提供的语法,则立马能享受到原生小程序中享受不到的顺滑体验,譬如状态管理、表单校验等。超低迁移成本,原生小程序只需安装好依赖就可以马上在 @wxa/cli2 中跑起来。支持原生和 wxa 混杂开发。

  • 强大的依赖分析算法

自研的依赖分析算法,支持分包、最大限度减少代码包体积。这不但能加快小程序速度,而且开发者再无需人工删减项目中多余的代码及图片等文件。

  • 优秀的组件化及工程化能力

任意第三方组件库,随时安装即可使用,完美适配 weui,vant-weapp, wux-weapp, iview-weapp 等组件库。NPM 依赖,打包、编译、压缩资源文件全解析,让你高效优雅地开发小程序。

  • 满足多端兼容需求

允许一次性编译出多个三方项目或其他平台的小程序,如头条、QQ 小程序。10 月版本更新将适配支付宝、百度小程序。

wxa 技术特性

wxa 基于 AOP 的思想,使用装饰器(运行时改写,拦截)和预编译等手段在不侵入小程序基础接口的前提下提供开发增强能力,按需引入,即插即用。专注于小程序原生开发,既保留小程序简单入门、快速开发的特点,同时提供一系列能力,解决工程化、代码复用的痛点,提高开发效率并改善开发体验。

  • Fetch 队列管理网络请求,单个请求自动防重;

  • Router 简洁的 API、预加载特性;

  • Lock 防止重复执行函数,前端防重利器;

  • Debounnce 防抖动;

  • Mixin 混合代码,代码复用;

  • watch、computed 数据监听与计算属性。

预编译过程中,实现了对小程序项目的依赖解析树的构建,利用依赖树对整个工程进行管理,以此为基础适配了 NPM、单文件开发、云开发、三方开发、多构建等。开发语法方面支持最新的 ES* 语法(包括 Async/Await)、Sass/Scss、Stylus,可根据开发习惯注入更多的语法支持。

学习及接入成本

标准项目无需任何配置即可运行,没有额外的学习门槛,能够完美的贴合使用原生小程序语法开发。良好的原生兼容,使原有的小程序项目在不改动代码的情况下,能快速迁移接入到 wxa ,只需要稍加配置,旧的小程序项目就可以顺滑享受 wxa 提供的便利。

  • TailwindCSS 是我最近一段时间使用比较多的 CSS 框架,相比于传统我们习惯的前端框架,它的限制更少,你可以根据自己的需要来编写样式。如果你配置了清除没用到的 CSS,TailwindCSS 的体积甚至可以远小于其他框架。 也因为上面的这些因素,我也自然而然的会选择将其放在小程序中来使用。而由于我使用的是 wxa.js ,所以这里也是一个对应的 wxa.js 的教程。 安装 1. 安装

  • 今天在新的开发环境检出nodejs的前端项目,运行npm run serve启动项目后报: > Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 14.x 原因:不清楚,可能是因为node-sass与node版本的问题,但是是node-sass安装失败导致的,需成

  • fabric.js 是 常用的 canvas 插件 官方地址: http://fabricjs.com/ 小编用的版本为 4.5.1 1, 在项目中使用 #myCanvas{ width:10000px; height:10000px; } <canvas id="myCanvas" width="10000" height="10

  • 二维向量Vector2 表示2D向量的类。2D向量是有序的数字对(分别标记为x和y);二维向量Vector2有x和y两个分量,也就是Vector2对象具有x和y两个属性。 // 创建一个二维向量,xy分量分别为0,1 var a = new THREE.Vector2( 0, 1 ); console.log('向量x分量', a.x); // 重置向量的y分量 a.y = 80; // 重新设置

 相关资料
  • 更改历史 * 2018-11-12 胡小根 初始化文档 1 历史、现状和发展 1.1 历史 1.2 现状 1.3 发展 难点:预测发展方向。 2 安装和使用 2.1 安装 2.2 使用 2.3 示例 2.4 最佳实践 难点:最佳实践,超出于示例,应该归纳总结出积累的技巧。 3 同类技术对比 难点:归纳比对项 4 重要项目 mpvue 参考资料 Weex官方文档 xxx博客 xxx类

  • Megalo 是基于 Vue(Vue@2.5.16) 的小程序开发框架,让开发者可以用 Vue 的开发方式开发小程序应用。Megalo 是为了跨 H5 和小程序两端的应用提供一个高效的解决方案,只需要少量改动即可完成 H5 和小程序之间的代码迁移。

  • 插件,是可被添加到小程序内直接使用的功能组件,是对一组 js 接口、自定义组件或页面的封装,。开发者可以像开发小程序一样开发一个插件,供其他小程序使用。同时,小程序开发者可直接在小程序内使用插件,无需重复开发,但是在使用第三那个插件时,无法看到插件的代码。插件适合用来封装自己的功能或服务,提供给第三方小程序进行展示和使用。 开发小程序插件,大致要经过 开通插件功能,填写开发信息,提交审,发布,管理

  • 作者:hiyuki Mpx是一款致力于提高小程序开发体验的增强型小程序框架,通过Mpx,我们能够以最先进的web开发体验(Vue + Webpack)来开发生产性能深度优化的小程序,Mpx具有以下一些优秀特性: 数据响应特性(watch/computed) 增强的模板语法(动态组件/样式绑定/类名绑定/内联事件函数/双向绑定等) 深度性能优化(原生自定义组件/基于依赖收集和数据变化的setData

  • 一个应用程序开发框架。作者实现了很多控件效果,方便其他开发者各取所需。所实现的效果包括:打分星星、响应点击动作、旋转按钮效果、根据文字多少改变大小的UILabel等等效果。 [Code4App.com]

  • 1. 逻辑层 1.1注册小程序 App(Object) App() 函数用来注册一个小程序。接受一个 Object 参数, App() 必须在 app.js 中调用,且只能调用一次。​ Object参数说明 属性 类型 描述 触发时机 onLaunch Function 生命周期回调—监听小程序初始化 小程序初始化完成时触发(全局只触发一次) onShow Function 生命周期回调—监听小程