无法在这个位置找到: head2.htm
当前位置: 建站首页 > 凡科特色 >

南宁小程序优化—怎样把AngularJS开发页面迁移微

时间:2021-03-15 00:27来源:未知 作者:南宁微信小程序优 点击:
把AngularJS开发设计设计方案设计方案计划方案的网页页面网页页面网页页面网页页面转移取得机手机上手机微信手机上手机微信手机微信微信小程序文本文档文档文件目录转移1、每一个

把AngularJS开发设计设计方案的网页页面网页页面迁移拿到机手机微信手机微信微信小程序
文档文件目录迁移
1、每个子操纵控制模块网页页面网页页面换为Pages文档文件目录下的一身高文档文件目录,文档文件目录取名字就是分子结构操纵控制模块名。
2、本来的通用性性css、image、fonts等静态数据数据信息资源统一移到resource文档文件目录下,务必运用时,对于css样式文本文档,在相符合子操纵控制模块的wxss文本文档第一部依据import命令引入;
拆换规范
1、div需统一转换成View;
2、ng-show统一转换为wx:if;
3、ng-click统一转换为bindtap;
4、ng-repeat统一用wx:for拆换;
5、ng-class中的样式选择性关系可以马上把规范关系语句嵌入class特点;
js编号
操纵控制模块级编号迁移: 可将操纵控制模块级作用域运用的通用性性逻辑性性搬到app.js中,依据app总体目标来引进;或者定义一个util操纵控制模块,来做动态性性引入; 对于原生态态与h5互动交流时要到的自定恶变恶性事件,务必根据具体场景做处理。
[标识:內容1]

子操纵控制模块级编号迁移:
可将Angular子操纵控制模块编号马上迁移到手机微信微信小程序相符合Page总体目标中,当然,对于Angular独特英文的英语的语法的$***总体目标(例如$scope、$rootscope)的具体实际操作,务必做全局性性拆换,拆换规范是:
1、$scope:与Page总体目标同性命周期时间時间内的$scope,可以马上拆换成this;而对于非同一性命周期时间時间的(最常常见的便是各种各样各种各样callback回调函数涵数涵数),务必将Page总体目标在方法外做引进存储(例如var self=this),接着在回调函数涵数涵数中运用。
2、$rootScope:明显强烈推荐放入app总体目标中引进,或者自定通用性性操纵控制模块,接着动态性性引入;
3、数据信息信息内容实体线实体模型:各网页页面网页页面中建八局八局立的数据信息信息内容实体线实体模型,马上放入***.json文本文档中,倘若涉及到到Angular独特英文的英语的语法的具体实际操作,可参考上述二点的做法进行拆换;
4、jsonp乞求:将jsonp乞求统一拆换成wx.request乞求,只是本来的传动链条式撰写要换主导要主要参数型撰写;
5、子操纵控制模块间的网页页面网页页面全自动自动跳转,$state.go统一拆换成wx.navigateTo或wx.navigateBack;
有网友告诉我一样的难点,早就在“手机上手机微信手机微信微信小程序之家”发过一篇帖子《AngularJS迁移手机微信微信小程序》。现如今我将文章内容內容内容也贴出来来! 写作者:pizCat 转截请私信告知

一、AngularJS与手机微信微信小程序架构比较

1、都是依据宣传策划宣传单页应用设计方案计划方案意识来做的整体构架设计方案计划方案;手机微信微信小程序更极端化化,所有应用就是一个大操纵控制模块,里面所有网页页面网页页面都是子操纵控制模块网页页面网页页面;

2、都将每个网页页面网页页面分为网页页面网页页面结构(.wxml)、业务流程步骤逻辑性性(.js)、样式(.wxss)、数据信息信息内容结构(.json)四一一部分,在手机微信微信小程序里面更加马上,四一一部分的文本文档名字都尽量苛刻一样,只是文本文档扩展名不一样。



3、全是有操纵控制模块内路由器器防范措施的配置,手机微信微信小程序配置防范措施更简单,统一在app.json设置,依据上面的点2路由器器防范措施就是配置子操纵控制模块相对性相对路径,且默认设置设定第一条记录就是首页;



4、都是依据双向关系设计方案计划方案意识来进行数据信息信息内容实体线实体模型与网页页面网页页面三d3D渲染的同歩,可是手机微信微信小程序的动态性性关系没有AngularJS强悍,数据信息信息内容变化时,务必手动式式依据setData方法来升級网页页面网页页面,而AngularJS是自动式升级网页页面网页页面的(大部分分分情况下)。

5、均有本身独立的数据信息信息内容具体实际操作作用域,也因此均对第三方js开源系统系统软件类库的可用性不太友好,这一方面AngularJS稍好微动乾坤,如果将第三方类库总体目标挂载到全局性性Window总体目标上,在各操纵控制模块作用域内依然可让用,但手机微信微信小程序不太好,这微动乾坤比较致命性性,倘若不会改变变,手机微信微信小程序必定也活没多久久。

6、均可用操纵控制模块或功效构件的引进,也即借助动态性性引进;

7、对于多段程乞求,AngularJS采用依据点号(.)的传动链条式撰写,手机微信微信小程序采用方法入参型撰写;

手机微信微信小程序不足方面:
1、兼容问题依据操纵id的Dom原素查询;
2、兼容问题js第三方通用性性类库集成化化;(这微动乾坤比较致命性性)
3、毫无疑问借助手机上手机微信原生态态工作中工作能力,无法单独集成化化第三方原生态态类库工作中工作能力,例如视頻视频语音辨别、面部辨别、图形辨别等前沿技术性性;

二、 迁移重要点

2.1 文档文件目录迁移

1、每个子操纵控制模块网页页面网页页面换为Pages文档文件目录下
微动乾坤主营业务业务流程:手机上手机微信手机微信微信公众号(定制、开发设计设计方案、运营托管)、微商代理代理商城开发设计设计方案、求求微分销系统软件手机软件开发设计设计方案、手机上手机微信手机微信微信小程序(定制、开发设计设计方案、营销推广营销推广)、手机上手机微信营销推广营销推广、手机上手机微信手机微信微信公众号代运营公司企业、手机微信微信朋友圈广告宣传宣传策划、抖音短视频小视频及今天今日头条等相关业务流程步骤,若有相关规定收看影片咨询大伙儿的网上工作中中工作中工作人员。

可以啊,比如一个支付款手机微信微信小程序

/**
* var price; //商品价钱
* var num; //商品数量
* var receive; //支付款信用额度
*/
function cashier(price, num, receive){
 var sum; //商品总额
 var out; //应找信用额度
 if((price*num) 500){
 sum=price*num*0.8
 }
 if(receive sum){
 out= 信用额度不足
 }else{
 out=receive-sum;
 }
 return  商品总额: +sum+  支付款信用额度: +receive+  应找信用额度: +out;
}

输入您的电话号码,点一下视频语音语音通话,稍后您将接到大伙儿的电话。

手机上上请马上输入:如1380011xxxx

固话前边区号:如010-5992xxxx

该视频语音语音通话完全彻底完全免费,问好心接通!

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信