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

news/2024/7/20 2:25:34 标签: 小程序, 经验分享, 微信小程序

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

  • 安装链接
  • 安装过程
  • 小程序界面介绍
  • 相关知识点信息

安装链接

链接: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用来配置页面所需要组件。


http://www.niftyadmin.cn/n/923524.html

相关文章

CentOS 7 DHCP服务器搭建

DHCP服务器搭建前言一、DHCP是什么&#xff1f;二、安装DHCP服务器三、一些重要相关的命令总结前言 学习Linux系统过程中&#xff0c;搭建DHCP服务器是必须要学会的&#xff0c;本次教程教大家如何搭建DHCP服务器&#xff0c;讲解DHCP服务器的功能概况。 一、DHCP是什么&#…

小白了解什么是Linux系统特点、结构等理论知识。

Linux基础了解Linux系统历史Linux系统的特点Linux体系结构Linux的版本Linux系统历史 Linux系统是一个类似Unix的操作系统&#xff0c;Linux系统是Unix在计算机上的完整实现&#xff0c;它的标志是一个名为tux的可爱的小企鹅。 Linux系统的特点 &#xff08;1&#xff09;完全免…

centos 7 MySQL-5.7.32 安装搭建

centos 7 MySQL-5.7.32 安装搭建软件安装安装MySQL5.7.32连接管理工具软件安装 MySQ-5.7.32安装包 链接&#xff1a;https://pan.baidu.com/s/1-uiXvtBs7RmgMJJWu4QQdA 提取码&#xff1a;6qki 文件传输软件安装包 链接&#xff1a;https://pan.baidu.com/s/1fF79ApMt2a0K0…

电脑软件分享

Win 10系统使用与好用软件下载欢迎来到liao_xin的博客前言一、基本配置1、查看自己计算机系统2、此电脑如何放置桌面3、电脑磁盘分区首先接着最后二、win10 自带好用软件1、剪贴板 win v2、游戏模式 win g3、平板模式三 、实用软件1、浏览器 win10自带的edge2、TIM3、压缩软件…

Solidworks介绍与 solidwords 2018安装过程

SOLIDWORKS介绍与安装一、什么是solidworks&#xff1f;二、solidworks用途1、零件建模。2、曲面建模。3、钣金设计。4、工程装配三、安装solidwords1、百度网盘链接2、安装过程一、什么是solidworks&#xff1f; SolidWorks是达索系统&#xff08;Dassault Systemes &#xff…

MATLAB介绍与 MATLAB R2020a 安装流程

MATLAB R2020a 安装流程Matlab 介 绍Matlab R2020a安装网盘链接&#xff1a;安装步骤&#xff1a;Matlab 介 绍 MATLAB是美国MathWorks公司出品的商业数学软件&#xff0c;用于数据分析、无线通信、深度学习、图像处理与计算机视觉、信号处理、量化金融与风险管理、机器人&…

MATLAB计算与常用命令

计算方法MATLAB什么是MATLAB&#xff1f;什么是仿真&#xff1f;一、MATLAB的功能特点二、建模与仿真&#xff08;simulation&#xff09;的基本步骤三、变量名命名规则四、数据类型1、简单的数值计算2、常量3、向量4、矩阵5、矩阵元素的访问 &#xff08;x代表行&#xff0c;y…

体积虽小,“五脏俱全”。——单片机

1、内部结构和计算机类似&#xff0c;有CPU、储存器、I/O&#xff0c;芯片级计算机&#xff0c;和普通计算机一样需要输入程序&#xff0c;才可以运行。 2、高性能、价格低、体积小、可靠性高、低电压、低功耗。 3、应用在信号输入、显示器显示数据、声音传递、通信、计数定时…