当前位置: 首页 > news >正文

微信小程序知识点汇总

1 微信小程序有几个文件

  • WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式, js 逻辑处理,网络请求json小程序设置,如页面注册,页面标题及 tabBar
  • app.json 必须要有这个文件,如果没有这个文件,项目无法运行,因为微信框架把这个作为配置文件入口,整个小程序的全局配置。包括页面注册,网络设置,以及小程序的window 背景色,配置导航条样式,配置默认标题。
  • app.js 必须要有这个文件,没有也是会报错!但是这个文件创建一下就行 什么都不需要写以后我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。
  • app.wxss 配置全局 css

2 微信小程序怎样跟事件传值

HTML 元素添加 data-*属性来传递我们需要的值,然后通过 e.currentTarget.datasetonloadparam参数获取。但 data - 名称不能有大写字母和不可以存放对象

3 小程序的 wxss 和 css 有哪些不一样的地方?

  • wxss的图片引入需使用外链地址
  • 没有 Body;样式可直接使用 import 导入

4 小程序关联微信公众号如何确定用户的唯一性

使用 wx.getUserInfo 方法 withCredentialstrue 时 可获取 encryptedData,里面有 union_id。后端需要进行对称解密

5 微信小程序与vue区别

  • 生命周期不一样,微信小程序生命周期比较简单
  • 数据绑定也不同,微信小程序数据绑定需要使用{{}}vue 直接:就可以
  • 显示与隐藏元素,vue中,使用 v-ifv-show 控制元素的显示和隐藏,小程序中,使用wx-ifhidden 控制元素的显示和隐藏
  • 事件处理不同,小程序中,全用 bindtap(bind+event),或者 catchtap(catch+event) 绑定事件,vue:使用 v-on:event 绑定事件,或者使用@event 绑定事件
  • 数据双向绑定也不也不一样在 vue中,只需要再表单元素上加上 v-model,然后再绑定 data中对应的一个值,当表单元素内容发生变化时,data中对应的值也会相应改变,这是 vue非常 nice 的一点。微信小程序必须获取到表单元素,改变的值,然后再把值赋给一个 data中声明的变量。

相关文章:

  • 用于标记和纯化的325143-98-4,Biotin-SS-Sulfo-NHS ester生物素化 试剂
  • 多御安全浏览器全新chromium95内核全面兼容
  • opencv图像滤波
  • SAP事务码开关控制,TCODE
  • 关于WebGL,Three.js,OpenGL,Direct3D,CSS3D,GPU
  • 武汉星起航跨境:北京商务局发文,明确促进跨境电子商务发展
  • 单分散荧光碳量子点-聚苯乙烯微球/量子点纳米线功能化聚苯乙烯微球探针制备过程
  • 深度学习专题交流(第05~08次课):深度神经网络基本原理
  • .NET MVC、 WebAPI、 WebService【ws】、NVVM、WCF、Remoting
  • Maven打包插件介绍
  • DataMaleon组件化开发实践 | StartDT Tech Lab 14
  • 记录一下Elasticsearch集群搭建的知识点
  • 自发荧光/阳离子纳米聚苯乙烯微球/功能化聚苯乙烯共聚荧光微球的研究
  • GBase 8s V8.8的锁机制和隔离级别
  • 浅谈MES管理系统对中国中小企业智能化生产的影响
  • 2017前端实习生面试总结
  • Android组件 - 收藏集 - 掘金
  • JavaScript新鲜事·第5期
  • java正则表式的使用
  • Linux Process Manage
  • node入门
  • php中curl和soap方式请求服务超时问题
  • tab.js分享及浏览器兼容性问题汇总
  • Webpack4 学习笔记 - 01:webpack的安装和简单配置
  • 道格拉斯-普克 抽稀算法 附javascript实现
  • 基于阿里云移动推送的移动应用推送模式最佳实践
  • 解决jsp引用其他项目时出现的 cannot be resolved to a type错误
  • 如何邀请好友注册您的网站(模拟百度网盘)
  • 什么软件可以剪辑音乐?
  • 智能合约Solidity教程-事件和日志(一)
  • ​【C语言】长篇详解,字符系列篇3-----strstr,strtok,strerror字符串函数的使用【图文详解​】
  • ​Kaggle X光肺炎检测比赛第二名方案解析 | CVPR 2020 Workshop
  • ​总结MySQL 的一些知识点:MySQL 选择数据库​
  • (+4)2.2UML建模图
  • (12)目标检测_SSD基于pytorch搭建代码
  • (Forward) Music Player: From UI Proposal to Code
  • (ISPRS,2023)深度语义-视觉对齐用于zero-shot遥感图像场景分类
  • (小白学Java)Java简介和基本配置
  • (一)Spring Cloud 直击微服务作用、架构应用、hystrix降级
  • (一)使用IDEA创建Maven项目和Maven使用入门(配图详解)
  • (转)visual stdio 书签功能介绍
  • .halo勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .net Stream篇(六)
  • .net 使用$.ajax实现从前台调用后台方法(包含静态方法和非静态方法调用)
  • .netcore 获取appsettings
  • @EventListener注解使用说明
  • @staticmethod和@classmethod的作用与区别
  • [ HTML + CSS + Javascript ] 复盘尝试制作 2048 小游戏时遇到的问题
  • []利用定点式具实现:文件读取,完成不同进制之间的
  • [3D基础]理解计算机3D图形学中的坐标系变换
  • [Asp.net MVC]Asp.net MVC5系列——Razor语法
  • [C# 开发技巧]实现属于自己的截图工具
  • [C++]C++入门--引用
  • [HeMIM]Cl,[AeMIM]Br,[CeEIM]Cl,([HO-PECH-MIM]Cl,[HOOC-PECH-MIM]Cl改性酚醛树脂
  • [INSTALL_FAILED_TEST_ONLY],Android开发出现应用未安装