千锋教育-做有情怀、有良心、有品质的职业教育机构

当前位置:首页  >  IT面试题  >  html5面试题  >  正文

简单谈谈微信小程序

来源:千锋教育
发布时间:2022-09-26 13:40:41
分享

  在结构和样式方面,小程序提供了一些常用的标签与控件,比如: view,小程序主要的布局元素,类似于html标签的div,你也完全可以像控制div那样去控制view。

  scroll-view,你要滚动内容的话,没必要用view去做overflow,scroll-view提供了更为强大的功能,通过参数的调整,你可以控制滚动方向,触发的事件等等 配置文件app.json平级的还有一个app.js文件,是小程序的脚本代码。

微信小程序

  我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量,在每个page目录里的js做当前页面的业务操作。

  但是小程序的页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,也无法在脚本中操作组件,所以我们常用的zepto/jquery 等类库也是无法使用的。

  另一个app.wxss文件,这个是全局的样式,所有的页面都会调用到,每个项目目录下面的wxss是局部样式文件,不会和其他目录产生污染,可以放心使用样式名。他提供的WXSS(WeiXin Style Sheets)是一套样式语言,具有 CSS 大部分特性,可以看作一套简化版的css。

  同时为了更适合开发微信小程序,还对 CSS 进行了扩充以及修改,直接帮我们把适配的一部分工作都做了,比如他的rpx(responsive pixel),可以根据屏幕宽度进行自适应,规定屏幕宽为750rpx。

  如在iPhone6上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。在调用微信生态系统功能时,微信小程序提供了相应的api,比如你要修改一个头像,可以使用wx.chooseImage等

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

上一篇

相关推荐

  • 小程序怎么获取手机号 准备一个button组件, 将button组件open-type的值设置为getPhoneNumber,当用户点击并同意之后,可以通过 bindgetphonenumber事件回调获取到动态令牌code; Page({ getPhoneNumber (e) { console.log(e.detail.code) } }) 接着把code传到开发者后台,并在开发者后台调用微信后台提供的phonenumber.getPhoneNumber接口
  • 小程序的兼容问题有哪些 - 1,ios下的zIndex层级问题,主要发生在iphone7和iphoneX下绝对定位必须有一个共同的父元素。 - 2,左右边框不生效,当边框的宽度设置为奇数的时候,可能会不生效。解决方法:将宽度设置为偶数的时候,在ios下就可以解决
  • 小程序嵌入H5页面怎么做 - 解决方式 :web-view webview 指向网页的链接。可打开关联的公众号的文章,其它网页需登录小程序管理后台配置业务域名。 - 具体实现步骤: - 登陆小程序管理后台, 配置服务器域名( h5页面所在的域名 ) - 在小程序里面嵌入h5
  • 如果小程序版本更新了怎么通知用户 当小程序发布新的版本后,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删除),则会弹出提示,提醒用户更新新的版本。用户点击确定就可以自动重启更新,点击取消则关闭弹窗,不再更新. 核心步骤
  • 小程序生命周期 onReady生命周期函数 --监听页面初次渲染完成onShow生命周期函数 --监听页面显示onHide生命周期函数 --监听页面隐藏onUnload生命周期函数 --监听页面卸载onPullDownRefresh页面相关事件处理函数
  • echarts是什么,怎么用 echarts是一个基于JavaScript的开源可视化图表库,可以流畅的运行在PC和移动设备上,兼容绝大部分的浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库ZRender,提供20 多种图表和十几种组件,支持Canvas、SVG双引擎并能一键切换,让移动端渲染更加流畅echarts源自百度