位置: 主页 > 类似大宝lg娱乐网址 >

小程序中遇到的坑

时间:70-01-01 08:00 来源:

小法度榜样

若何去写小法度榜样:

原生的小法度榜样

腾讯的wepy框架

美团的mpvue框架

京东的taro框架

h5适配移动端

小法度榜样里的几个紧张观点

利用法度榜样:每个利用都有一个App()函数来注册一个小法度榜样,认真全部利用的生命周期

页面:Page()函数用来注册一个页面,此中主要用来治理页面的生命周期,数据以及处置惩罚函数。(重点)

应用vue写小法度榜样

因为小法度榜样的一些缺陷,比如不能组件化和不能应用第三方库的缘故原由市场上出来了一写框架来编写小法度榜样。这些框架基于经由过程编译和运行时来将代码转义成小法度榜样可识别的代码。

wepy框架

应用wepy框架你必要哪些技能?

vue的根基常识

原生小法度榜样的api和组件

wepy的一些语律例则

编译历程

image

若何写一个wepy的页面

若何写一个组件

组件中处了不必要config设置设置设备摆设摆设以及页面特有的生命周期函数之外,其他属性大年夜致相同。

组件的引用

组件之间的页面传值

静态传值

静态传值只能通报常量数据,只能通报字符串类型的数据

// child.wpy

props = {

title: String

};

onLoad () {

console.log(this.title); // mytitle

}

动态传值

// parent.wpy

data = {

parentTitle: 'p-title'

};

// child.wpy

props = {

// 静态传值

title: String,

// 父向子单向动态传值

syncTitle: {

type: String,

default: 'null'

},

twoWayTitle: {

type: String,

default: 'nothing',

twoWay: true

}

};

}

应用slot插槽

组件

默认标题

默认内容

page

新的标题

新的内容

mpvue框架

和wepy框架类可以参考官方文档

应用react写小法度榜样

taro是由京东开源的一个多端开拓办理规划,写一处代码经由过程Taro编译对象将代码分手编译出可以在不合端运行的代码。采纳与React同等的组件化思惟,组件生命周期与react维持同等,也支持JSX语法。

几个优点:

支持第三方

支持ES规范

代码提示很好,好的太多了

支持应用redux,

小法度榜样的一些Api的优化

应用CSS预编译器

代码报错很友好,写代码体验增添了很多

一些毛病:

不支持应用this.props.children这个特点

不能应用无状态组件

不支持经由过程props传入组件

不能再JSX参数中应用匿名函数

以上的毛病中都能在你编写代码的时刻进行一个提示,以是编写代码的确体验好的不要不要的。

函数防抖的利用

函数防抖debounce使用闭包的特点和函数的延迟履行来防止函数在一段光阴内的多次调用。

简单的实现:

function debounce(fn, time) {

let last = null

return function () {

const ctx = this

const args = arguments

clearTimeout(last)

last = setTimeout(() => {

fn.apply(ctx, args)

}, time)

}

}

详细利用:

input输入框的onChange事故

隐隐搜索的公司名称

应用异步函数

wepy.showLoading({title: '加载中', mask: true, success: function() {

console.log('dddd')

}})

setTimeout(() => {

wx.hideLoading()

}, 200);

上面的代码中success回调并不会被履行,今朝代码中的应用的都是同步函数,或者应用async 和 await来编写同步代码。可以应用wx.**的要领来代替。

本文由大宝lg娱乐官网❽原创或转载,如果侵犯了你的权益,请联系我们删除。

热门文章
最新文章

Copyright © 2002-2011 饼干族 版权所有