小程序原生组件是什么

微信小程序刚上线的时候反响不错。大家都觉得这样既满足了大众的需求，又节省了手机的内存。许多人表示他们不理解小程序的本地组件。接下来，我给你解释一下。

项目小程序目录结构

距离

节点_模块

科学研究委员会

成分

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；

}

下面是题目的开头。微信小程序自定义关键词搜索蹲热词这里是标题的结尾

微信小程序增加了自定义关键词搜索。在这个微信小程序增加新功能之前，都是微信热词。现在会怎么样？我们来看看微信小程序自定义关键词搜索和抢注热词。欢迎阅读。

微信小程序在后台新增了推广功能，支持开发者添加与业务相关的自定义关键词。这项新能力将于6月9日生效。

怎么设置？

开发者可以在小程序后台的“推广”模块中配置与小程序业务相关的关键词。设置关键词后，微信用户可以通过搜索关键词找到相关小程序。

效果如何？

开发者可以在小程序后台的“推广”模块中查看自定义关键字带来的访问次数。

影响在哪里？

随着公共平台的引入，小节目的关键词会和小节目的服务质量、用户使用情况、关键词相关性等因素一起影响搜索结果。

众所周知，在小程序推出之初，很多开发商和商家为了提前占坑，就蹲了很多热词的小程序。不过现在看来小程序这个新功能对这些商家的打击很大，相对于后来者的优势会降低很多。

微信正在逐步向搜索开放，从一开始只允许精准搜索，到温和模糊搜索，到现在全面支持，并添加自定义关键词搜索。看来以后开发者和商家都有必要研究一下小程序搜索的排名了。

但同时也带来了一个问题。小程序定制关键词搜索后，会造成恶意刷搜索排名。

你应该通过搜索自定义关键词来了解一下微信微信账号小程序。如果想获取更多信息或小程序代码，请关注源代理网的小程序渠道。

这是第一段的结尾。结局如下。增加一段。微信小程序，自定义关键词搜索，抢注，热词，已经被198位网友看好！正文到此结束