微信小程序(总体认识于实用)

时间:2019-11-12 20:18:30   收藏:0   阅读:95

一丶公众号类型 :

  (1)  订阅号 : 简单发送消息 , 达到宣传效果

  (2)  服务号 : 获取更多功能 , 提供更多服务

  (3)  小程序 : 提供类似手机 APP 的服务体验

  (4)  企业微信 : 企业内部办公

 

二丶微信公众号平台 和 微信开放者平台区别 :

  (1)  公众号平台倾向 前端开发工程师

  (2)  开放着平台倾向 后台开发人员 || 移动端开发人员

 

三丶 app 和 小程序 之间的区别 :

  (1)  小程序是基于微信APP 上 的一个分支 

  (2)  小程序   方便  体积小 成本小 

  (3)  性能相对原生 APP 要差

 

四丶 默认的项目结构 :

  (1)  app.js    小程序入口文件

  (2)  app.wxss    小程序全局的样式

  (3)  app.json     小程序全局的配置文件

  (4)  project.config.json    小程序的一些配置项 

  (5)   pages   [  主要放的是页面   ]  丶    [ 小程序页面的构成] {  .js   逻辑代码  丶 .wxml  结构代码  丶  .wxss  样式代码  丶  .json 当前页面的配置文件

  (6)  utils     工具的js

  (7) assets     放一些静态资源的 

  (8)  components      自定义组件的

 

五丶 小程序 常用的组件 :

  (1)  text       文本组件  [ selectable  文字是否能被选中]  ;  [ space   是否保留空格 ]  ; [  decode   是否解码]

  (2)  view     布局组件  [  hover-class  设置点击事件的样式] ; [  hover-start-time 点击的样式延迟多久触发] ; [   hover-stay-time 点击的样式保留多久] ; [  hover-stop-propagation  阻止事件冒泡] ;

  (3)  button  按钮         [  type 按钮的类型]  ; [  size  按钮的大小]  ; [  plain  是否镂空]

  (4)  input    输入框     [  type  输入框的类型]  ;  [  passwprd  密码]  ;  [  max-length   最大的长度]  

  (5)  image  图片组件  [  src 图片的路径]  ;  [  mode   图片截取或者缩放的模式]

 

六 丶 小程序的  wxss 文件 

  (1)  什么是 wxss  :  [  小程序中用来设置样式的  ]  ;  [  针对css  wxss有拓展功能  ]

  (2)  特点 :  [ 尺寸单位  :  rpx  把所有设备分为  750 个rpx  ,  可以解决屏幕适配的功能 ]   ;   [ 样式的导入  :  @import ‘ wxss路径 ‘  导入的好处可以提高复用性  ,  抽取公共样式  , 方便 @import 的导入 ] 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!