我的编程空间,编程开发者的网络收藏夹
学习永远不晚

微信小程序开发文档tip有哪些知识点

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

微信小程序开发文档tip有哪些知识点

今天小编给大家分享一下微信小程序开发文档tip有哪些知识点的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

  微信在去年支持了个人开发者,同时提供了一系列官方的开发文档以及教程,有一大批人开始研发各类小程序。但是开发过程中仍然遇到不少问题,在官方文档中没有明确标识,但在开发社区中有大神列出了一些开发文档的tip,涉及的文件类型有.WXML,.WXCC以及.JS。

  WXSS

  1.1 WXSS中是不能引入本地资源的, 只能使用线上资源,可以使用base64。

  1.2 app.wxss 和每个 page 的wxss 的覆盖关系是: 如果有同名 rule 的话,page 会覆盖 app 的,不是merge是覆盖。

  1.3 WXSS的 rule 是不支持集联的。所以不能 body .main {background:#000;} 这么写。所以写起来还是比较费劲的。每个class都得很长,不然怕重名。不过支持 li.current {color: red;} 这样的写法,支持after, before伪类,但是不支持 first-child last-childnth-child 这类伪类。

  1.4目前测试引入字体也是不可用的,前面WXML中提到的内容看SVG也是没法使用的。所以icon目前只能用图的方式做了。

  1.5 WXSS不支持 大括号嵌套({{}} )。所以key-frames,CSS animation 就不可用了,不过transition 是可用的。

  1.6 WXSS 和 CSS很像,基本所有的CSS都支持,小程序还提供了 rpx 这个单位。一屏幕宽是750rpx。

  2 WXML

  2.1官方推荐使用的基础标签是块标签,给了作为文本标签,但是使用其他标签比如div也是可以使用的,并且都是inline标签。并且wxml的parser会把标签上的不在白名单上的属性都去掉,class, id, data 这些应该都在白名单内,但是href什么的是不会有的,所以如果你用传统的html的标签构建页面理论上也是可行的,不过这些都是inline标签,需要自行设定display。

  2.2input 目前只支持文字居左,其他都是不行的(模拟器可以)。如果你做表单,建议把input等表单元素都放在form中,from触发submit时会返回内部所有表单元素的name-value。不然只能绑定所有表单元素的 change 事情来获取,甚是麻烦。

  2.3小程序的WXML没有HTML的宽容度?那么高,单标签必需是 /> 结尾的。不然会报错。

  2.4scroll-view 的scroll-top, scroll-left 是可以修改scroll-view的滚动位置的。但是用户自己滚动了之后小程序并不会去改变 scroll-top, scroll-left 的赋值(并不是双向同步的)。如果这时使用setData去修改的话,scroll-top, scroll-left 的赋值和上一次的值相同,小程序是不会运用这个修改的,所以表现就是设置没有生效。这时只能先设置一个其他值,再设置回去(这里还可以体现setData方法是同步的)。scroll-view 获取scroll位置,只能通过bindscroll的回调函数获取,所以需要取scroll位置的请自行预存好。scroll-view 还是有webview的 scroll 的臭毛病,在居顶位置如果第一个动作是向下滚动的,会导致之后手怎么滑都滚不动,设置scroll-top 不为0,设个1就好了。

  2.5map 组建目前直接在app第一个页面加载会出现加载失败。需要在onLoad之后再加在。可以先wx:if=false 然后onLoad的之后改成 true 就行了。

  2.6map, canvas 像是在webview上面盖一个native组件的感觉。它们是没法被overflow 以及 上面盖元素的,你可以认为z-index写多高都没法在他上面。所以不建议在页面上做弹层和蒙层。canvas 无法放在scroll-view中滚动会定位在初始位置,如果你给canvas设置背景颜色的话,你会发现背景色块跟着滚了,图没滚。

  2.7只有 checkbox-group 有 change 事件,单个的checkbox是没有的,如果你只有一个checkbox, 觉得外面套一个checkbox-group麻烦又不美观的话,可以用 switch type=checkbox 代替。

  3 JS

  3.1JS 目前有个很大的问题是无法获取到页面px级的宽度高度, 所有事件回调的单位都是px级的而不是rpx的,但是又不知道当前rpx,px的转换关系。比如过你用canvas画图。你都不知道边界在哪里,这个很蛋疼。

  3.2canvas getActions被调用之后,actions是会被清空的。即连续调用两次getActions,第二次是空数组。

  3.3JS 的运行环境和view的运行环境是隔离的。JS只能通过事件获取时机和setData方法修改数据来改变view。

  3.4使用 navigate 跳转的时候可以使用queryString的方式跟在相对地址上,onLoad事件会在入参中传入(会转化成object),但是 navigate back的时候没有一个官方给出的数据通讯机制。可以使用getApp() 获取到全局对象,给上面加点东西,自行实现。navigate 最多5个什么的就不说了。

  3.5开发者工具是nw写的,开发者工具中WXML确实是有parser再拼装的过程的。但是并不能说明小工具是native的,从css的支持力度到webview的一些bug相似度来看,我还是觉得像webview,但是组件比如map,canvas什么的用的是原生view,然后盖在webview上的感觉。但是不管怎么说 auto-focus 能自动呼出键盘就已经是个很大的好评了。

  3.6上面有说过 setData方法如果上一个值和下一个值相同时,是不会触发view修改的。

以上就是“微信小程序开发文档tip有哪些知识点”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网行业资讯频道。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

微信小程序开发文档tip有哪些知识点

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

微信小程序开发文档tip有哪些知识点

今天小编给大家分享一下微信小程序开发文档tip有哪些知识点的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。  微信在去年支持了
2023-06-26

微信小程序开发知识点

本文全面介绍了微信小程序开发相关知识点,涵盖基础知识、页面开发、数据管理、用户交互、进阶知识、调试与部署以及最佳实践。涉及的内容包括小程序生命周期、组件系统、数据绑定、事件系统、页面布局、样式设置、数据管理、事件响应、动画、插件开发、云开发、支付功能、离线能力、小程序安全、调试工具、发布流程、设计原则、代码风格、性能优化、用户体验和安全考虑等方面,旨在帮助开发者深入掌握小程序开发技术。
微信小程序开发知识点
2024-04-02

微信小程序开发基本知识有哪些

本篇内容介绍了“微信小程序开发基本知识有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!基础知识MINA 框架为方便微信小程序开发,微信为
2023-06-26

微信小程序api的知识点有哪些

本篇内容主要讲解“微信小程序api的知识点有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序api的知识点有哪些”吧!API框架提供丰富的微信原生API,可以方便的调起微信提供的能力
2023-06-26

开发微信小程序有哪些优点

这篇“开发微信小程序有哪些优点”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“开发微信小程序有哪些优点”文章吧。微信小程序使用
2023-06-27

开发微信小程序需要了解的知识有哪些

今天给大家介绍一下开发微信小程序需要了解的知识有哪些。文章的内容小编觉得不错,现在给大家分享一下,觉得有需要的朋友可以了解一下,希望对大家有所帮助,下面跟着小编的思路一起来阅读吧。经常有朋友和客户要求开发一些电商方面的微信小程序,小程序用起
2023-06-05

微信小程序视图层的知识点有哪些

这篇文章主要介绍“微信小程序视图层的知识点有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“微信小程序视图层的知识点有哪些”文章能帮助大家解决问题。小程序框架的视图层由WXML(WeiXin Ma
2023-06-30

微信小程序运行端的知识点有哪些

这篇文章主要讲解了“微信小程序运行端的知识点有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“微信小程序运行端的知识点有哪些”吧!javascript && wxss微信小程序运行在三端:
2023-06-26

自学微信小程序开发需要掌握哪些知识

这篇文章将为大家详细讲解有关自学微信小程序开发需要掌握哪些知识,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1、WXML语言上面说了,类似于 Html语言,WXML(WeiXin MarkupLangua
2023-06-27

微信开发小程序有哪些好处

这篇文章主要为大家展示了“微信开发小程序有哪些好处”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信开发小程序有哪些好处”这篇文章吧。一个。与官方帐户相关联在微信开发小程序之后,这可以为许多企业
2023-06-27

微信商城小程序开发注意要点有哪些

这篇文章主要介绍微信商城小程序开发注意要点有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!⒈收货地址 这个问题,想起来就醉的不行!在开始静态布局的时候,费了大半天劲,把整个选择地址,创建地址(地图选址),重新编辑
2023-06-26

微信小程序定位及布局设计的知识点有哪些

这篇文章主要讲解了“微信小程序定位及布局设计的知识点有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“微信小程序定位及布局设计的知识点有哪些”吧!一:定位(position)2017的微信
2023-06-26

微信小程序有哪些优点

这篇文章给大家分享的是有关微信小程序有哪些优点的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1.提供一个新的开发平台许多公司都想开发自己的APP,但是这需要太多的人力和物力。微信小程序的出现解决了他们的问题。只需
2023-06-27

小程序开发中实用的小知识有哪些

这篇文章跟大家分析一下“小程序开发中实用的小知识有哪些”。内容详细易懂,对“小程序开发中实用的小知识有哪些”感兴趣的朋友可以跟着小编的思路慢慢深入来阅读一下,希望阅读后能够对大家有所帮助。下面跟着小编一起深入学习“小程序开发中实用的小知识有
2023-06-29

微信小程序开发的优势有哪些

小编给大家分享一下微信小程序开发的优势有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!优势一:合理转化 应用微信公众平台往微信小程序引流方法,接着应用微信小程
2023-06-27

微信小程序的开发类型有哪些

本篇内容主要讲解“微信小程序的开发类型有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序的开发类型有哪些”吧!一、企业展示类型企业展示类小程序相当于一个企业官网的小程序版。它的名称具
2023-06-27

微信小程序的特点有哪些

这篇文章将为大家详细讲解有关微信小程序的特点有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。微信小程序的特点有:1、无需安装和卸载,用户可以直接使用,使用完直接关闭,不会占用桌面空间;2、制作成本低;
2023-06-29

微信小程序开发和APP开发有哪些区别

这篇文章主要介绍微信小程序开发和APP开发有哪些区别,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!在移动互联网大火的时代,APP和微信小程序已经成为了企业从移动端获取用户流量,实现盈利的重要端口。因为微信小程序体积小
2023-06-27

微信商城小程序开发有哪些价值

这篇文章主要介绍“微信商城小程序开发有哪些价值”,在日常操作中,相信很多人在微信商城小程序开发有哪些价值问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”微信商城小程序开发有哪些价值”的疑惑有所帮助!接下来,请跟
2023-06-27

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录