小程序里面用的样式叫 wxss， wx 表示微信，ss 是 style sheets .. 它跟我们平时用的 css 差不多 .. 你可以把它理解成微信小程序定制版的 css ...在小程序的有个主要的样式文件，每个页面也可以有属于自己的样式文件 .. 打开 index 页面的 wxml 文件 .. 在这个 view 组件上面，可以用一个 class ，在组件上面添加一个类 .. 名字是 cont
转载
2024-05-02 17:09:22
195阅读
{{define "chkUrl"}} chkUrl--脚本管理 {{/*{{range .}}*/}}{{/*{{.}}*/}}{{/*{{.Host}}*/}}{{/*{{end}}*/}} chkUrl 检测url状态信息 {{/*带说明的列表项*/}} {{/**/}} {{...
转载
2017-12-09 13:11:00
237阅读
2评论
WXSSWXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入尺寸单位rpx（responsive pixel）
转载
2023-12-25 08:36:27
460阅读
相信刚开始学习开发小程序的初学者一定对界面的布局很困扰，不知道怎么布局，怎么摆放位置，其原因是不了解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阅读
基于CSS3主要代码实现效果图：视图模板wxml中：<view class="marquee_container" style="--marqueeWidth--:-12em"> <view class="marquee_text">测试跑马灯效果</view></view>样式wxss中：@keyframes around { from
原创
2022-01-14 10:16:36
514阅读
微信小程序使用云函数进行mysql操作其他操纵数据库方式的一些问题准备工作云函数代码调用云函数时候的代码最后还需要注意的一些小事情： 其他操纵数据库方式的一些问题现在使用小程序，对数据库的选择一般有两种：小程序云数据库或者外部mysql数据库。 云数据库虽然方便，但其劣势在于其他终端（网页等）对云数据库访问需要请求access_token； 我们知道小程序对外链管理非常严格，mysql数据库需要
转载
2023-09-01 17:35:12
197阅读
开篇前言锻造兵器开发者账号微信开发者工具写在最后 前言如今微信小程序已经成为我们日常生活中不可或缺的‘介质’，如我们的出行、购物、餐饮、社交、娱乐等活动的小程序已经因有尽有，相比于去安装一个app人们自然更加倾向于在微信中去直接访问某个小程序，而且我们的小程序极为方便的为用户提供服务；疫情的来袭我们各地方都针对的上架了健康码、疫苗接种、健康宝、全民健康等等小程序，让用户简单的在小程序中操作为我们
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阅读
微信小程序双向数据绑定和vue的异同？ 微信小程序生命周期的钩子函数小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。请求数据小程序，会在 onLoad或者 onShow中请求数据。数据绑定动态绑定某个变量的值，用两个大括号括起来 { { } }列表渲染wx:for ="{{}}" //每个循环都会自带 item 与 index
wx:key="*this" //不写会报错显示与隐
转载
2024-01-12 15:20:10
0阅读
CSS3动画的基本使用（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT
原创
2022-10-20 10:19:35
333阅读
WXMLWXML（WeiXin Markup Language）是微信的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。（小安娜：好像很厉害的样子，那基础组件、事件系统是什么？感觉更厉害，因为必须结合它们。），基础组件类似HTML中的标签，事件系统是JavaScript中的事件，可处理逻辑反应到界面上；wxml只是一个文件格式，如果没有组件和事件它没任何用处，又如果把组件、事件写在tx
转载
2024-08-20 08:57:54
85阅读
一、小程序简介 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阅读
1模板语法WXML（WeiXinMarkupLanguage）是框架设计的⼀套标签语⾔，结合基础组件、事件系统，可以构建出⻚⾯的结构。1.1数据绑定1.1.1普通写法<view{{message}}</viewPage({data:{message:'HelloMINA!'}})1.1.2组件属性<viewid="item{{id}}"</viewPage({data:{id:0}})1.1.3b
原创
2021-11-07 15:09:23
298阅读
1条件渲染：
小程序：用 wx:if="{{condition}}" 来判断是否需要渲染该代码块。
<view wx:if="{{condition}}">
True
</view> ng2: 用 *ngIf="condition"来判断是否需要渲染该代码块。
<p *ngIf="condition">
转载
2023-10-16 21:16:13
149阅读
