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

2024年微信小程序开发管理(必备9篇)

微信小程序开发管理 第1篇

page存放当前小程序所有页面的路径,可以不主动添加,可直接在目录下右击新建页面,page会自动注册增加该页面的路径。

1. 什么是WXML

WXML(WeiXin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的 HTML。 2. WXML 和 HTML 的区别

① 标签名称不同 ⚫ HTML (div, span, img, a) ⚫ WXML(view, text, image, navigator) ② 属性节点不同

③ 提供了类似于 Vue 中的模板语法 ⚫ 数据绑定 ⚫ 列表渲染 ⚫ 条件渲染

WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式,类似于网页开发中的 CSS。

WXSS 和 CSS 的区别

① 新增了 rpx 尺寸单位 ⚫ CSS 中需要手动进行像素单位换算,例如 rem ⚫ WXSS 在底层支持新的尺寸单位 rpx,在不同大小的屏幕上小程序会自动进行换算

② 提供了全局的样式和局部样式 ⚫ 项目根目录中的 会作用于所有小程序页面 ⚫ 局部页面的 .wxss 样式仅对当前页面生效

③ WXSS 仅支持部分 CSS 选择器 ⚫ .class 和 #id ⚫ element ⚫ 并集选择器、后代选择器 ⚫ ::after 和 ::before 等伪类选择器

微信小程序开发管理 第2篇

Vant 是一个轻量、可靠的移动端组件库,于 2017 年开源。 目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。

使用 npm 构建前,请先阅读微信官方的 npm 支持

开发者工具创建的项目,miniprogramRoot 默认为 miniprogram, 在其外部,npm 构建无法正常工作。 需要手动在 内添加如下配置,使开发者工具可以正确索引到 npm 依赖的位置。

由于目前新版开发者工具创建的小程序目录文件结构问题,npm构建的文件目录为miniprogram_npm,并且开发工具会默认在当前目录下创建miniprogram_npm的文件名,所以新版本的miniprogramNpmDistDir配置为 ‘./’ 即可

如果你使用 typescript 开发小程序,还需要做如下操作,以获得顺畅的开发体验。

安装 miniprogram-api-typings

在 中增加如下配置,以防止 tsc 编译报错。 请将path/to/node_modules/@vant/weapp修改为项目的 node_modules 中 @vant/weapp 所在的目录。

以 Button 组件为例,只需要在或中配置 Button 对应的路径即可。 所有组件文档中的引入路径均以 npm 安装为例,如果你是通过下载源代码的方式使用 @vant/weapp,请将路径修改为项目中 @vant/weapp 所在的目录。

引入组件后,可以在 wxml 中直接使用组件

接着打开微信开发者工具,导入example目录的项目就可以预览示例了。

微信小程序开发管理 第3篇

小程序使用(OBJECT) 拍摄视频或从手机相册中选视频,返回视频的临时文件路径。OBJECT参数说明如表所示。

success返回参数说明如下: tempFilePath:选定视频的临时文件路径; duration:选定视频的时间长度; size:选定视频的数据量大小; height:返回选定视频的长; width:返回选定视频的宽。 需要注意是,获得的视频仅能在小程序启动期间临时使用。 如需持久保存,需在主动调用 进行保存,在小程序下次启动时才能访问得到。

微信小程序开发管理 第4篇

域名备案手续多,备案周期长,大概时间在20天至25天左右可以完成备案。如果申请了腾讯云账号,可以在腾讯云的页面进行操作。

(1)域名申请、域名备案和服务器购买最好在同一个平台进行,方便加快审核的时间。

域名备案需要准备如下材料:

(2)域名实名认证,根据企业的认证进行申请;

(3)域名备案申请,需要一周时间;

(4)服务器域名需进过ICP备案、新备案域名需24小时后才能配置。

微信小程序开发管理 第5篇

温馨提示:一个身份证最多只能注册5个小程序账号,所以要慎重使用自己的身份证。当注册满了以后会提示:该身份证记登记过5次,请使用另一个身份证完成用户信息登记。

个人小程序不支持微信认证,微信支付以及高级接口能力 小程序的AppID(Application ID)是小程序在特定平台上的唯一标识符。每个小程序在注册时都会被分配一个AppID,它是小程序开发者进行开发、调试和发布的关键凭证之一。以下是关于小程序AppID的一些详细信息:

小程序的appID很重要,以后开发要用到。

微信小程序开发管理 第6篇

下载微信web开发者工具,根据自己的操作系统下载对应的安装包进行安装即可。

pages 注册页面 window 窗口信息

模板文件 业务逻辑 样式 页面配置

把新建的文件路径调到最上面那就是主页了,意思就是,第一个路径就是首页的路径!

微信小程序开发管理 第7篇

如果存在如下情况还需要注意以下事项:

以下注意Notes基于该后台需要发布面向客户的内容,若非内容发布平台无需注意。

最后再来梳理一下在整个项目中遇到的问题。

在这个项目中,因为种种原因,例如对小程序流程的生疏(公司第一个,无参考案例),公司合规流程过长,和新供应商的磨合,架构方法错误,程序员对代码不熟悉(腾讯云组件过多尚未全部吃透,bug过多),后台无参考案例(导致内容和监测字段都靠探讨),测试人员未全方位进行死角测试,业务不时新加需求,导致整个项目严重delay,几度影响业务进行推广。

不管是从公司内部IT的角度,供应商的角度,业务角度(无法指责,都是这个项目的参与者),都发现了许多潜藏的问题。而我作为一个产品,作为一个BA,作为一个项目经理,从头跟进并推动整个项目的进展,肩上不可谓不承担了责任,哪怕只是一个很小的项目。

韩愈曾道:闻道有先后,术业有专攻。与君共勉,如是而已。

题图来自Unsplash,基于CC0协议

微信小程序开发管理 第8篇

小程序使用(OBJECT) 预览图片,OBJECT参数说明如表所示。

微信小程序开发管理 第9篇

小程序的模板语法约等于vue的模板语法

(不常用)

import 只能导入template内容 template/ < template name=“userCart”> 用户名:{{name}} < /temlate> < import src=“/template/”> < tempate is=“userCart” data=“{{…u1}}”>

include 只能导入非template内容 template/ < view> {{内容}} view> < include src=“/template/”>

显示提示

本地存储

本地取

猜你喜欢