이 글에서는 WeChat 기능을 더 잘 개발하는 데 도움이 되기를 바라며 미니 프로그램에서 주의해야 할 사항을 주로 공유합니다.
1. 세부정보
1.애플릿에는 전체 프로그램을 설명하는 앱과 해당 페이지를 설명하는 여러 페이지가 포함되어 있습니다
2. 뷰 레이어와 로직 레이어
로직 레이어는 JavaScript로 작성되었습니다.
뷰 레이어는 WXML과 WXSS로 작성되며 컴포넌트별로 표시됩니다. 구성요소는 뷰의 기본 구성요소입니다.
논리 계층의 데이터를 뷰에 반영함과 동시에 뷰 계층의 이벤트를 논리 계층으로 보냅니다.
2. 작은 지식 포인트
1. App()
함수는 작은 프로그램을 등록하는 데 사용됩니다. App()
函数用来注册一个小程序。接受一个
object 参数,其指定小程序的生命周期函数等。
都是在app.js文件中
2.Page()
하나만 수락하세요
애플릿의 라이프사이클 기능 등을 지정하는 객체 매개변수
모두 app.js 파일에 있습니다 2.Page()
(1).
초기화 데이터: data
데이터는 JSON 형식으로 로직 레이어에서 렌더링 레이어로 전송되므로 해당 데이터는 JSON으로 변환해야 합니다.
형식: 문자열, 숫자, 부울, 객체, 배열.
4 .통로 5.弹性盒字:display:flex;data:{
open:false
},
showitem:function(){
this.setData({
open:!this.data.open
})
}
.display_show{
display: block;
}
.display_none{
display: none;
}
data-*
data-*
和 e.target.dateset
화 e.target.dateset
传递参数this.setData({
firstPerson:e.target.dataset.me,
})
<view class="phone_one" bindtap="clickPerson">
<view class="phone_personal">{{firstPerson}}</view>
<image src="../../image/i.png" class="personal_image {{selectArea ? 'rotateRight' :''}}"></image>
</view>
justify-content :space-between;
这样子集就会并列。justify-content:space-between;这样子集就会分别在俩头
6.获取自身的样式e.detail.width,e.detail.height
🎜var app = getApp() Page({ data: { imgwidth:0, imgheight:0, }, imageLoad: function(e) { var _this=this; var $width=e.detail.width, //获取图片真实宽度 $height=e.detail.height, ratio=$width/$height; //图片的真实宽高比例 var viewWidth=this.data.screenWidth, //设置图片显示宽度, viewHeight=parseInt(viewWidth/ratio); //计算的高度值 _this.setData({ imgwidth:viewWidth, imgheight:viewHeight }) }
7.如何定义全局数据
在app.js的App({})中定义的数据或函数都是全局的,在页面中可以通过var app = getApp(); app.function/key的方式调用(不过我们没有必要再app.js中定义全局函数)
(1)设置全局变量
App({
globalData:{
userInfo:null,
test:"test"
}
})
获取变量值
var test = getApp().globalData.test;
console.log(test)
三.注意点小程序误区
1.小程序不是Html5。小程序是微信全新定义的规范,是基于xml+js的,不支持也不兼容HTML,兼容受限的部分css写法。
小程序和腾讯X5引擎也没关系。X5是QQ浏览器团队的,是基于HTML的,但小程序是微信团队自研的
2.小程序不是b/s。微信宣传的一个重点,是触手可得,不用安装。但小程序并不是b/s的在线页面,它是c/s架构的。
3.小程序体验好并且小程序并非只适合低频或长尾应用
4. 미니 프로그램은 앱스토어가 아니라 OS(운영체제)입니다
관련 추천 :
위챗 미니 프로그램 개발 사례 공유 및 이미지 업로드 기능
위 내용은 미니프로그램 이용 시 주의할 점은 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!