小程序里面用的样式叫 wxss， wx 表示微信，ss 是 style sheets .. 它跟我们平时用的 css 差不多 .. 你可以把它理解成微信小程序定制版的 css ...在小程序的有个主要的样式文件，每个页面也可以有属于自己的样式文件 .. 打开 index 页面的 wxml 文件 .. 在这个 view 组件上面，可以用一个 class ，在组件上面添加一个类 .. 名字是 cont
转载
2024-05-02 17:09:22
195阅读
昨天微信公布了小程序，可以说举国轰动，不光是微信前期推广做得好，更是因为小程序有着不小的吸引力，笔者仔细体验了一下小程序示例，可以说体验不错。当然，这篇博文并不是为了说明小程序多好多好的推荐文，我们今天主要是来讲如何进行学习开发的。 这篇博文主要适用于有开发经验的开发人员，当然没有开发经验的，也能从文中获取一些知识要点。笔者是一枚毫无css经验，毫无js经验的一名app开
微信小程序框架为开发者提供了一系列的组件和API接口。组件主要完成小程序的视图部分，例如文字、图片显示。API主要完成逻辑功能，例如网络请求、数据存储、音视频播放控制，以及微信开放的微信登录、微信支付等功能。组件官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/component/对于开发文档，个人建议先了解其整体框架，了解其提供了哪些组件，再联想到这些
转载
2024-04-23 11:21:58
36阅读
微信小程序用户授权微信小程序最常用的可能就是调用用户权限给用户带来更多的用户体验而我们进入小程序的第一步就是授权小程序调用你的权限（调用用户权限基本要在用户进入的第一时间就进行调用授权）提前调用微信小程序很少涉及敏感信息的权限部分接口需要经过用户授权同意才能调用。微信小程序把这些接口按使用范围分成多个 scope，用户选择对 scope 来进行授权，当授权给一个 scope 之后，其对应的所有接口
转载
2024-07-21 00:25:43
114阅读
WXSSWXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入尺寸单位rpx（responsive pixel）
转载
2023-12-25 08:36:27
460阅读
什么是**微信小程序** 微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。对于开发者而言，微信小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。微信小程序能够实现消息
转载
2024-09-01 23:38:13
60阅读
本文讲解rpx和rem应用于微信小程序，如果你还没有入门，建议先从下面看起
转载
精选
2016-11-30 17:15:38
1422阅读
相信刚开始学习开发小程序的初学者一定对界面的布局很困扰，不知道怎么布局，怎么摆放位置，其原因是不了解CSS样式的属性，所以，今天这篇文章，给大家普及一下相关的知识。说起CSS布局，首先要讲解的就是FLex布局，这个可以说是一个万能钥匙，遇到什么复杂的布局，都可以通过Flex布局搞定，为了方便大家理解Flex属性，我将会一步步解析FLex的属性，并附上效果图。1、基本概念采用 Flex 布局的元素，
转载
2024-04-16 21:22:00
141阅读
微信小程序中使用websocket分为两步：一、现在微信公众平台的开发者工具中配置socket的域名 二、开始编写业务代码业务代码大致可以分成三个步骤：a.发起请求，建立一个socket连接let SocketTask = wx.connectSocket({
url: 'wss://app-test.kidsplace.cn:18887',
转载
2024-02-27 20:00:42
66阅读
上篇说明了微信小程序官方api实现日志管理功能，但是存在缺陷的：1、每个小程序账号每天限制1000万条日志，日志会保留7天；2、每次调用的参数的总大小不超过5Kb如果我们小程序pv较多，或者需要统计接口返回参数，但是数据太长的话就会出现异常，当然这样基本不会造成小程序宕机，并且这类型接口数据并非一定要上报。例如获取省市区信息，这个数据包一定很多，但是我们获取接口的时候，上报下开始获取接口数据时间，
转载
2024-03-21 22:37:49
130阅读
结构： 关系：wxml=>文档，wxss=>样式，js=>逻辑交互(负责数据处理并给视图层)，json=>配置（，如顶部栏颜色，一般只要配置app.json就好了，个别页面不一样也可以单独配置。） 数据绑定例子：index.wxml:
<view>{{ msg }}</view>
<button bindtap="click
转载
2023-06-12 14:04:56
444阅读
开篇前言锻造兵器开发者账号微信开发者工具写在最后 前言如今微信小程序已经成为我们日常生活中不可或缺的‘介质’，如我们的出行、购物、餐饮、社交、娱乐等活动的小程序已经因有尽有，相比于去安装一个app人们自然更加倾向于在微信中去直接访问某个小程序，而且我们的小程序极为方便的为用户提供服务；疫情的来袭我们各地方都针对的上架了健康码、疫苗接种、健康宝、全民健康等等小程序，让用户简单的在小程序中操作为我们
微信小程序使用云函数进行mysql操作其他操纵数据库方式的一些问题准备工作云函数代码调用云函数时候的代码最后还需要注意的一些小事情： 其他操纵数据库方式的一些问题现在使用小程序，对数据库的选择一般有两种：小程序云数据库或者外部mysql数据库。 云数据库虽然方便，但其劣势在于其他终端（网页等）对云数据库访问需要请求access_token； 我们知道小程序对外链管理非常严格，mysql数据库需要
转载
2023-09-01 17:35:12
197阅读
WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入3.8.1 尺寸单位rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕
转载
2021-05-31 14:57:02
1204阅读
技术要求1.对微信小程序原生开发文档熟悉2.对前端mvvm有一定的了解3.会nodejs npm 进行前端组件化开发框架特点框架的产生必然是解决开发中的痛点，wepy解决了什么问题？ 主要是对原生的开发进行了简化。原生开发中每一个页面要对应四种文件， 而且交互、 数据绑定都十分繁琐 。wepy借鉴了vue的思想 ， 实现了组件化，以组件代替模板和模块， 结构更清晰。同时数据的绑定，api都进行
转载
2024-07-29 18:15:11
93阅读
微信小程序滚动Tab选项卡：左右可滑动切换 最终效果如上。问题： 1、tab标题总共8个，所以一屏无法全部显示。 2、tab内容区左右滑动切换时，tab标题随即做标记（active）。 3、当active的标题不在当前屏显示时，要使其能显示到当前屏中。 一、wxml结构 tab标题因一排八个，所以使用 scroll-view组件，使其可横向滚动。 
转载
2024-10-08 16:33:58
70阅读
一、小程序简介 1.1 小程序是微信全新定义的规范，是基于xml+js的,不兼容HTML,兼容部分CSS,支持ES6，由于没有Web，自然Dom、Window这些都不能用，jQuery就更没啥关系了 1.2 小程序并不是b/s的在线页面，它是c/s架构的。在wxml里，通过wx.request（类似ajax）或socket
转载
2023-11-14 21:48:41
177阅读
在做web开发时，表单验证插件我们前端用的是jqueryValidate，由于个人主要精力是在后台JAVA开发上，为了让插件与后台更好的结合和使用，通过JAVA的自定义组件将表单全部重新写了一边，同时把jqueryValidate做了再次封装，新增了一些新的常用判断，也修改了一些关键字。小程序同样也存在验证的问题，在网上搜索了一下，目前用的比较多的是WxValidate，下载地址和用法如下gith
转载
2023-07-31 17:32:55
620阅读
WXMLWXML（WeiXin Markup Language）是微信的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。（小安娜：好像很厉害的样子，那基础组件、事件系统是什么？感觉更厉害，因为必须结合它们。），基础组件类似HTML中的标签，事件系统是JavaScript中的事件，可处理逻辑反应到界面上；wxml只是一个文件格式，如果没有组件和事件它没任何用处，又如果把组件、事件写在tx
转载
2024-08-20 08:57:54
85阅读
1条件渲染：
小程序：用 wx:if="{{condition}}" 来判断是否需要渲染该代码块。
<view wx:if="{{condition}}">
True
</view> ng2: 用 *ngIf="condition"来判断是否需要渲染该代码块。
<p *ngIf="condition">
转载
2023-10-16 21:16:13
149阅读
