22

微信小程序安装与相关知识点信息

 3 years ago
source link: https://blog.csdn.net/weixin_45767909/article/details/111463268
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

微信小程序安装与相关知识点信息

original.png
liao-xin 2020-12-21 12:15:53 articleReadEyes.png 1817
文章标签: 小程序

链接:https://pan.baidu.com/s/1AGJvTpqLWd3WQx86xPTY4A
提取码:zcpy

1、选择64位安装包,以管理员身份运行,进行安装。
在这里插入图片描述
2、下一步
在这里插入图片描述
3、点击我接受
在这里插入图片描述
4、选择安装路径
在这里插入图片描述
5、安装
在这里插入图片描述
6、完成
在这里插入图片描述
7、接下来使我们登入过程,微信确认登入
在这里插入图片描述
8、选择小程序
在这里插入图片描述
9、创建新的项目
在这里插入图片描述
10、创建成功
在这里插入图片描述

小程序界面介绍

1、新建项目成功后,我们先了解微信小程序的页面架构先。
在这里插入图片描述
2、文件格式介绍
在这里插入图片描述
.js :脚本文件
.json :配置文件
.wxss : 样式表文件
. wxml : 页面结构文件
logs是日志文件!!!
3、app格式介绍
在这里插入图片描述
.js : 处理文件
.json : 系统全局配置文件
.wxss :全局界面优化

相关知识点信息

1.Mpvue是整个Vue.js的核心代码上经过二次形成的一个框架。
2.小程序模块开发中,通过moudle.exports语法对外暴露接口。
3.小程序中模板的使用,通过< template>的name属性来定义模板。
4.小程序组件中,通过Component()方法创建自定义组件。
5.组件内部的样式只在组件内有效
6.在组件内部样式选择器不应该使用ID选择器、属性选择器和标签选择器。
7.组件中
< slot> < /slot>标签用于插入内容。
8.在微信小程序开发过程中,目前要求应用文件的大小上限为 2048KB
9.通过 wx.openlocation 打开地图。
10.通过 wx.getlocation 获取用户当前的位置。
11.在小程序接口中,拨打电话的API是:wx.makePhoneCall
12.播放背景音乐实例的API接口是:wx.getBackgroundAudioManger
13.在< scroll-view>在组件中,用 scroll-y来设置滚动条的
纵向滚动性

14.indicator-dots :是否显示面板指示点。
15.indicator-color :指示点的颜色。
16.autoplay:是否自动切换。
17.current:当前所在滑块的index值,默认是0。
18.微信小程序目录结构中,index.js文件可以用来分析页面基本逻辑功能。
19.在微信小程序中index.json文件中,navigationBarBackgroundColor 字段来配置导航栏的背景颜色。
20.微信小程序flex布局中,justify-content 用来设置在横向坐标轴的对齐方式。
21.在搭建 node服务的器,初始化命令是:init-ynpm
22.在微信小程序开发过程中,page标签是页面结构中的跟标签。
23.在微信小程序目录结构中,其中project.config.json文件时:项目配置文件
24.在使用WeUI框架时,页面中样式是通过添加 class 名来是实现的。
25.微信小程序是一种不需要安装即可使用的应用。
26.微信小程序运行在微信之上,类似于原生App。
27.微信小程序可以实现跨平台。
28.小程序目录结构中,app.json文件是应用配置文件。
29.小程序目录结构中,样式文件是wxml
30.通过调用微信小程序开发中wx.navigateTo API,实现页面与页面之间的跳转。
31.在微信小程序的页面组件中,师徒容器组件用**< view>表示。
32.在微信小程序的页面组件中,图片组件用
< image>表示。
33.在微信小程序页面组件中,
< radio-group>表示将其包裹的所有< radio>标签当做一个单选框组。
34.小程序页面样式文件中,不能用作wxss元素尺寸单位是
Rpx**。
35.微信小程序创建空白项目后,通过新建app.json入口文件来运行小程序页面结构。
36.在微信小程序中,< swiper>组件不仅能够实现轮播效果,还可以实现标签页切换效果。
37.在< swiper>组件中,通过 indicator-dots显示面板指示点。
38.在< scroll-view>组件中,用
scroll-top
属性设置竖向滚动条的位置。
39.在innerAudioContext实例对象中,通过seek()方法可以将音乐跳转到指定位置。
40.页面结构渲染过程中,通过
wx:if
指令完成页面的条件渲染。
41.小程序插件需要开发者同意才能获取得使用权,在小程序的【设置->第三方服务】看到插件的入口。
42.使用插件需要在app.json中加入插件的声明。
43.如果需要在脚本中使用,需要js文件中定义插件对象。
44.app.wxss表示公共样式文件
45.index.wxss表示页面样式文件
46.< form> < input> < view>属于微信小程序页面组件。
47.小程序目录结构中,配置完成app.json文件中的"pages":[pages/index/index]字段自动生成页面文件有:index.wxml,index.wxss,index.js,index.json
48.在使用wx:for实现页面列表渲染时,wx:key的值为
this
时表示将每一项本身作为唯一标识。
49.wxml
wxss* 文件类似网页开发中的html和css文件。
50.微信小程序开发模式类似于vue,同时支持组件化开发。
51.< swiper>组件通过改变current的值,可以切换当前显示那一项**< swiper-item>
52.播放器页面结构中,可以通过
animation-play-sate** 控制动画的播放状态。
53.在使用mpvue进行开发时,npm run dev命令执行后可以监控项目进行实施编译。
53.在使用在使用 mpvue进行开发时,Vue init完成微信小程序项目初始化。
54.wepy框架在开发过程中参考了vue.js等现有框架的一些语法风格和功能特征。
55.使用wepy框架生成的目录结构中入口app.wpy中,components用来配置页面所需要组件。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK