微信小程序项目名称设置
编辑:小飞燕 发布时间:2021-04-15 09:14:16
微信小程序项目名称设置如下。以下是小编整理的微信小程序项目名称的相关内容。希望以下内容对大家有所帮助。以下内容供你参考。
什么是小程序?
小程序是一种新的开放能力,开发者可以快速开发出小程序。小程序在微信中很容易获取和传播,体验极佳。
1.用户无需安装或就可以轻松获得和使用服务
2.功能更丰富,使用体验极佳
3.封装一系列接口功能,以帮助快速的小程序开发和迭代
微信小程序项目名称设置:
1.小程序名称可以由中文、数字、英文和加号组成(加号必须在名称的末尾)。长度在3-20个字符之间,一个汉字等于2个字符。
2.小程序名称不得与公共平台现有的订阅号和服务号重复。如果系统提示您输入重复的名称,请用较小的程序来更改名称以进行设置。
3.小程序的名称在设置小程序的帐户信息时完成。请仔细设置。一旦设置,暂时不能修改。
微信小程序项目名大全:
财务:
自我选择
我们银行
小型抵押贷款计算器
新股认购宝
比较新汇率查询
汇率e
二手车e
贷款e
簿记e
商业服务:
多伦多生活黄页
bp助手
社交名片
老板管理账目
公益:
比较新汇率查询
通勤助理
教育:
词汇测试
有钱的兔子选择学校
快速回答问题
化妆品评论
蝌蚪类
丁香博士
留学公寓助理
it技术:
头条新闻
好奇心日报
解忧室
橘黄色创投内参
新股认购宝
bp助手
名画滤镜
社交名片
好奇心每日小程序
fellowplus风险投资数据库
昼夜日历专业版
一起上
剁手
下面是题目的开头。小程序的原生组件是什么?标题到此结束
微信小程序刚上线的时候反响不错。大家都觉得这样既满足了大众的需求,又节省了手机的内存。许多人表示他们不理解小程序的本地组件。接下来,我给你解释一下。
项目小程序目录结构
距离
节点_模块
科学研究委员会
成分
com_a.wpy
com_b.wpy
页
index.wpy
第2页. wpy
app.wpy
package.json
开发和使用说明
使用微信小程序开发者工具新建项目,选择dist目录进行本地开发。
微信开发者工具c;项目c;关闭es6至es5。
在本地项目根目录下运行wepy build - watch,并启动实时编译。
代码规格:
变量和方法的命名要尽可能驼峰,避免以$开头。
以$开头的方法或属性是框架的内置方法或属性,可以使用。使用前请参考api文档。
条目、小程序页面和组件名称后缀为。wpy。外链中的文件可以是其他后缀。
请参考
wpy文档描述
使用es6语法开发。
框架是在es6下开发的,所以我们也需要用es6来开发小程序。es6中有很多语法糖,可以让我们的代码更加简洁高效。
使用
默认情况下,框架处理小程序提供的所有api都是有的,甚至直接使用async/wait等新特性进行开发。
主要解决的问题:
1.发展方式转变
小程序原有开发模式中的重新封装更接近mvvm框架的现有开发模式。在框架的开发过程中,参考并集成了当前小程序开发框架的一些特性。下面是使用wepy前后的代码对比图。
演示代码:
//index.js
//获取应用程序实例
var app=getapp
页面({
数据: {
motto: 'hello world ',userinfo: {}
},
//事件处理程序
bindviewtap:函数{
console.log('按钮已单击')
},
onload:函数{
console.log('onload ')
}
})
基于wepy的实现:
从“wepy”导入wepy;
export default class index扩展wepy.page {
数据={
motto: 'hello world ',userinfo: {}
};
方法={
bindviewtap {
console.log('按钮已单击');
}
};
onload {
console . log(' on load ');
};
}
2.支持基于组件的开发。
参见章节:组件
示例代码:
//index.wpy
3.支持加载外部npm包。
在编译过程中,我们会递归遍历代码中的require,然后从node_modules中复制相应的依赖文件,并将require修改为相对路径,以支持外部npm包。如下图:
4.单文件模式使目录结构更加清晰。
按照目录结构,app必须有三个文件:app.json、app.js、app.wxss,页面有四个文件:index.json、index.js、index.wxml、index.wxss,而且文件必须同名。
因此,wepy开发前后的开发目录对比如下:
演示:
项目
页
指数
index.json
index.js
index.wxml
index.wxss
原木
log.json
log.wxml
log.js
log.wxss
app.js
app.json
app.wxss
使用wepy框架后的目录结构:
项目
科学研究委员会
页
index.wpy
log.wpy
app.wpy
5.默认情况下,使用babel进行编译,并且支持es6/7的一些新特性。
用户可以修改。wepyrc配置文件并配置他们熟悉的babel开发环境。默认情况下,使用一些新功能,如、异步/等待。
示例代码:
从“wepy”导入wepy;
export default class index扩展wepy.page {
getdata {
返回新((解决,拒绝)=;{
settimeout(=;{
解析({ data : 123 });
}, 3000);
});
};
异步onload {
让data=await this.getdata
console . log(data . data);
};
}
6.优化本机api。
处理现有api的,修复现有api的一些缺陷,比如wx.request的并发问题
原始代码:
onload=function {
var self=this
wx.login({
success:函数(数据){
wx.getuserinfo({
success:函数(userinfo) {
self . setdata({ user info : user info });
}
});
}
});
}
基于wepy的实现代码:
异步onload {
wait wx . log in;
this . user info=wait wx . getuser info;
}
这是第一段的结尾。这是添加段落的结尾。小程序的原生组件是什么?目前已经获得了847网友的青睐!正文到此结束
上一篇:商户创建门店小程序有什么优势
猜你喜欢
-
3个微信小程序项目技巧213人喜欢
微信小程序项目目录,微信小程序项目目录怎么弄?相信大家的手机里都会有一两个微信小程序,微信小程序已经成为大家熟悉的app了,但是很多运营者还不知道微信小程序的开发问题,那么今天小编就整理了微信小程序项目目录,微信小程序项目目录怎么弄的内容。微信小程序…
更新时间:2020-10-03 09:04:42
-
微信小程序项目名称设置78人喜欢
微信小程序项目名称设置如下。以下是小编整理的微信小程序项目名称的相关内容。希望以下内容对大家有所帮助。以下内容供你参考。什么是小程序?小程序是一种新的开放能力,开发者可以快速开发出…
更新时间:2021-04-15 09:14:16