小程序开发对专业性要求很高。公司开发小程序的方式只有两种,一种是组建团队开发,另一种是利用寻找专业的小程序开发公司。由于成本太高,很多公司选择小程序开发公司。小程序开发公司有什么好处?1、成本控制:外包的主要优势是成本控制。它可以减少对组建团队的投资。在外包的情况下,可以大大降低大量的招聘支出。2、潜心营销:将小程序生产交给小程序开发公司,使公司能够在小程序开发层面释放资源,集中企业资
注册小程序账号,下载IDE1.官网注册https://mp.weixin.qq.com/,并下载IDE。开发者工具2.官方文档一向都是最好的学习资料。注意:(1)注册账号之后会有一个appid,新建项目的时候需要填上,不然很多功能是用不了的,比如不能预览,不能上传代码等等。(2)如果你注册过微信公众号的话,一定要注意,微信公众号和小程序是两个账号,二者的appid也是不同,小程序开发必须使用小程序
文章目录一、button:按钮1、type:按钮的样式类型2、size:按钮的大小3、plain:按钮是否镂空,背景色透明4、disabled:是否禁用5、loading:名称前是否带 loading 图标6、form-type:用于 form 组件,点击分别会触发 form 组件的 submit/reset 事件7、open-type:微信开放能力8、hover-class:指定按钮按下去的样式
提升篇学习目标如何自定义小程序组件小程序组件中behaviors的作用安装和配置vant-weapp组件库如何使用MobX实现全局数据共享如何对小程序API进行Promise化小程序组件学习目标创建并引用组件(全局、局部、usingComponent)修改组件样式(option-stylesolation)定义和使用数据监听器(observes)如何定义和使用纯数据字段(option-pureDa
template(模板):是可以在wxml中引用的代码,就是在wxml中引用公用的wxml类型的代码,它的作用类似于组件,因此这里简单的说明下template与Component (组件)的区别。 template(模板)与Component (组件)的区别: 1.template(模板):主要用于显示,简单的说主要是用于嵌入wxml的代码,模板中是可以拥有对应的样式以及逻辑,但是他并
一、前期预备1. 预备知识小程序的核心技术主要是三个:页面布局:WXML,类似HTML页面样式:WXSS,几乎就是CSS(某些不支持,某些进行了增强,但是基本是一致的)页面脚本:JavaScript+WXS(WeixinScript)2. 注册账号 - 申请AppID 网址 : 微信小程序3. 下载小程序开发工具网址 : 微信开发者工具下载地址与更新日志 | 微信开放文档4.
小程序默认是不支持table表格的,如果我们想实现小程序表格效果,就得自己拼凑。实现方案有很多,不过个人感觉通过form和input标签来实现是比较好的方式。 下面来看下实现思路一,首先看index.wxml文件这里用form实现整个表格,然后input实现表格内的单元格。布局其实很简单,主要是布局完成后通过css来实现表格样式这里有几点要说明的 1,input可以通过设置disabled来不让
前言
一、内容二、先看效果1.input目前支持的动态配置2.配置代码3.效果展示 三、详细步骤 0.引入colorUI1.引入aw2.使用3.增加校验现在我们模拟一个提交数据前的验证看是否成功三、全部代码总结
前言最近在做一个微信小程序,里面涉及了大量表单组件(如:input、picker、radio)的提交、预览,以及九宫格视频、图片的添加、回显,又
文章目录前言一、自带图标二、实现图标的五种方案1.图片2.精灵图3.CSS绘图4.矢量字体4.1 使用步骤5.SVG格式 前言在小程序中经常会用到各种各样的图标,如果这些图标都使用图片的话,将会大大增加小程序打包后的体积,而小程序限制代码最大2MB,分包加载4MB,所以为了缩小体积,我们可以使用图标来缩小体积。使用图标有两种方式:自带图标外部图标(图片、精灵图、CSS绘图、矢量字体、SVG格式)
你也要开发小程序?设计规范少不了听说你准备开发小程序,这套设计规范送给你目录:1.设计尺寸2.设计区域3.字体规范4.字体颜色规范5.顶部导航栏 navigationBar6.标签分页导航 tarBar7.弹窗8.启动页9.加载样式1.设计尺寸微信小程序的设计只需要以iPhone6屏幕尺寸750x1334px为视觉稿进行设计即可,因为微信小程序以rpx为css尺寸单位,rpx可以根据屏幕宽度进行自
1.首先,要在json文件中设置为自定义的形式"navigationStyle": "custom"2.计算相关值导航栏分为状态栏和标题栏,只要能算出每台手机的导航栏高度问题就迎刃而解导航栏高度 = 胶囊按钮高度 + 状态栏到胶囊按钮间距 * 2 + 状态栏高度 注:由于胶囊按钮是原生组件,为表现一致,其单位在各种手机中都为 px,所以我们自定义导航栏的单位都必需是 px(切记不能用 rpx),
前言项目开发中,分模块开发已成开发中常规方式。某个项目小程序中,可以根据登录的账号角色以及权限,加载各个不同业务的子模块,各个子模块的开发可以根据业务分散在各个业务组的开发人员中。如此可以根据项目场景灵活、快速组装好各个子模块,发布一个新的小程序。那么将各个子模块快速集成到目标主程序中,需要一个评估方案,也成为一个亟待解决的问题。设计查询微信文档,可知以下,小程序可以跳转、加载、嵌入的资源类型:小
一、前言WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。二、下载
点击链接进入 GitHub ,进入下面的页面,点击 Code 选择方式进行下载。 下载好打开应该是这个
刚接触小程序,页面跳转一般是最先遇到的一种需求之一。 对于小程序中的跳转,官方文档给出了几种 api 来根据不同场景,实现业务需求。这是针对 wx.navigateTo 来写的一片文章。 微信小程序官方api文档给出的wx.navigateTo方法是通过拼接url的方式进行参数传递。造成参数传递很不方便(个人感觉不习惯)。wx.navigateTo(OBJECT)保留当前页面,
注册这些事,在API上说的都很详细了,相信大家也都看的懂,这个我就直接贴上来了..下面是微信小程序的API地址https://developers.weixin.qq.com/miniprogram/dev/api/开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。跟随这个教程,开始你的小程序之旅吧!申请帐号点击 https://mp.weixin.qq.
小程序的 标签 及 语法使用(三)基本记住文件的作用页面的配置app.js 是小程序入口文件app.wxss 全局样式app.jsonpages配置的数组,是有序的。第一个就是模拟器显示的页面像这样: 有很多东西可以写 比如底部的写的导航栏上的 后边有机会在详细写.基本组件标签使用:看这里↓↓↓组成程序的页面的并不是HTML标签,而是小程序的组件看这里↑↑↑text:显示文本的
相当于是spa
业务需求:微信小程序提交表单的时候必填的项要提示,还要电话要校验首页,先搞一个校验的公共方法validate.js/**
* 表单验证
*
* @param {Object} rules 验证字段的规则
* @param {Object} messages 验证字段的提示信息
*
*/
class WxValidate {
constructor(rules = {}, m
一、小程序关于wx.getUserInfo的升级1、小程序升级前:以前小程序存在直接跳出弹窗让用户登陆授权的现象,小程序认为这种方式对用户不友好,可能会损失用户,所以这种用户没有任何操作就直接让用户授权的登录方式将不再支持,其中受到影响的有wx.getUserInfo接口2、小程序升级后的做法是,让用户在需要登录的时候才授权,登录 & 授权一定要有用户的交互,这些都是微信在升级小程序整体体
表单验证是javascript中的高级选项之一。JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证 [1]被 JavaScript 验证的这些典型的表单数据有:用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的日期?用户是否在数据域(numeric field) 中输入了文本?用大白话说 可以举例类
一:编写tabBar模板 众所周知,微信小程序的tabBar都是新开页面的,而微信文档上又表明了最多只能打开5层页面。这样就很容易导致出问题啦,假如我的tabBar有5个呢?下面是微信原话: 一个应用同时只能打开5个页面,当已经打开了5个页面之后,wx.navigateTo不能正常打开新页面。请避免多层级的交互方式,或者使用wx.redirectTo 因此这几天想着根据微信tabBar数组来自定义