高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年微信小程序总共多少种(热门3篇)

微信小程序总共多少种 第1篇

运行环境不同:网页在浏览器环境、小程序在微信支付宝等环境

API不同:不发使用DOM和BOM的API,可使用微信环境提供API如支付、扫码、定位

使用最多的是组件和接口

获取appID:登录网址=>开发=>开发设置=>AppID

注意:选择个人主体,不支持微信认证,微信支付,高级接口能力

快速创建小程序项目

小程序功能测试

小程序的预览和发布

打开网址--稳定版--下载-安装

安装成功--扫码登录--创建项目

外观--主题--字号18--行距12

代理设置--不使用任何代理,勾选直接连网络(系统代理会影响代理软件)

新建--后端服务:不使用云服务--JavaScript

编译:编译器运行(常用)

预览:微信扫码预览

帮助--开发者文档:常用查看API

微信小程序总共多少种 第2篇

pages: 存放小程序页面

utils:存放工具性质的模块(例如格式化时间的自定义模块)

: 入口文件

: 全局配置文件

: 全局样式文件

: 配置文件

: 配置小程序以页面是否被微信索引

小程序的页面都放在pages文件夹中,以单独的文件夹存在

其中每个页面又四个基本页面组成

js文件:脚本文件,存放页面数据,事件处理

json文件:页面的配置文件,配置窗口外观,表现

wxml文件:模板文件

wxss文件:样式文件

json是一种数据格式,以配置文件形式出现,可对小程序项目进行不同级别的配置

小程序中有四种json配置文件:

全局配置文件:pages全局记录页面;window全局定义页面背景色,文字颜色等;style全局定义组件样式;sitemapLocation:指定的位置

项目配置文件: 记录个性化配置;setting编译配置;projectname项目名称;appid 保持小程序的账号ID

配置文件:类似PC的SEO引擎搜索是否运行,action:disallow/allow;在里checkSiteMap: false关闭索引提示

每个页面的json文件:本页面外观配置,会覆盖中相同的配置项

ctrl+k+c注释快捷键

微信小程序的标签语言,类似HTML

标签名称不同:div-view, span-text, img-image, a-navigator

属性节点不同:百度,

wxxl有vue中的模板语法:数据绑定,列表渲染,条件渲染

新增rpx尺寸单位:css需用rem进行像素单位换算,wxss用rpx在不同屏幕会自动换算

提供全局样式和局部样式:是全局的样式,每个页面的wxss样式对当前样式有效

wxss仅支部分持css选择器:class、id、element、并集、后代、::after/before伪元素选择器等

小程序中js文件分三大类

文件:入口文件

页面上的js:页面入口文件调用Page()函数创建并运行页面

普通的js文件:普通的功能模块文件,用来封装公共的函数或属性使用;如文件

新增页面存放路径,小程序开发者工具会自动创建页面文件

-- pages 数组中页面路径的前后顺序,第一个就是首页

微信小程序总共多少种 第3篇

宿主环境是指程序运行所必须的依赖环境

例如Android系统和IOS系统是两个不同的宿主环境,安卓的微信是不能在IOS环境下运行的,安卓的宿主环境是Android,脱离了宿主环境的软件是没有意义的

手机微信是小程序的宿主环境

小程序宿主环境包含以下四个:通信模型、运行机制、组件、API

1、小程序的通信的主体是渲染层和逻辑层

渲染层:wxml模板、wxss样式

逻辑层:js脚本文件

2、小程序的通信分两部分

渲染层和逻辑层之间通信:微信客户端转发

逻辑层和第三方服务器之前的通信:微信客服端转发

小程序启动过程

代码下载到本地

解析全局配置文件,调用App()创建小程序实例

入口文件

渲染小程序首页

小程序启动完成

小程序页面渲染过程

加载解析页面json文件

加载渲染层:wxml模板和wxss样式

执行页面js文件:调用Page()创建页面实例

页面渲染完成

小程序组件是由宿主环境提供的,组件可快速搭建页面,组件分为了以下九大类

① view

普通的视图区域

类似div,是一个块级元素

②scroll-view

可滚动的视图区域

实现滚动列表的效果

加scorll-y纵向滚动,scorll-x横向滚动

③swiper和swiper-item

轮播图容器组件和轮播图item组件

④基础容器组件text和rich-text

text组件

类似span标签,是行内元素

只有text在支持长按选择功能,view不支持

rich-text组件

富文本组件,通过node属性把html结构转为ui结构

⑤其他常用组件

button

功能比原生的丰富:open-type属性可以使用微信的功能(客服、转发、授权、获取用户信息)

image

默认高度width为300px,height为240px

mode 属性指定图片的裁剪和缩放

navigator

页面导航组件,类似a标签

小程序的API 是微信宿主环境提供的,可调用微信功能,如获取用户信息、本地存储、支付等

小程序的API分为事件监听API、同步API、异步API

特点:on开头,监听事件触发

特点1:以sync结尾的API

特点2:可以通过函数返回值直接获取,如果执行出错就会抛出异常

如:(string key, any data),向本地存储写入内容

特点:类似jquery的$ajax函数,通过success、fail、complete接收调用结果

如()发送网络请求,通过success回调函数接收数据

注意:编写样式类型时,不要和全局样式类名相同!!会导致样式不生效

权限管理的需求

同一个项目的开发,会有不同岗位,不同人员参与开发

项目成员的组织结构:

小程序的开发流程

成员管理

小程序的管理体现:管理员对项目成员和体验成员的管理

维护项目成员:

开发版:开发者在开发过程中进行自测的版本

体验版:开发版稳定时,产品经理和测试人员进行体验

正式版:bug修复完后,提供用户使用

开发版:使用开发者工具开发提交审核代码,开发版代码删除对审核版和上线版没有影响

体验版:选择一个开发版本作为体验版

审核版:只有一份代码处于审核版,审核通过变成线上版

线上版:供全部用户使用的版本,新代码发布后会覆盖原有的版本

小程序发布上线步骤:

上传代码--提交审核--发布

①代码上传:上传(右上角)--填写版本号和备注

后台查看版本:登录小程序管理后台--版本管理--开发版本

②提交审核:为了保证质量,符合相关的规则,需要通过腾讯官方审核

登录小程序管理后台--开发版本-提交审核

③发布:当审核通过,审核版本--发布即可

小程序码推广的优势

比普通二维码具有辨识度,冲击力

清晰的树立小程度的形象

帮助开发者更好的推广小程序

获取小程序二维码步骤:

登录小程序管理后台--设置--基本设置--基本信息--小程序码及物流的下载

查看运营数据的两种方式

小程序后台查看:小程序管理后台--统计--手机查看数据(右上角)

小程序运营助手查看:微信--搜索小程序数据助手

注:笔记来源于黑马程序员

猜你喜欢

热门内容