微信小程序(总体认识于实用)
一丶公众号类型 :
(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 的导入 ]