wx小程序知识点(二)

二、WXML和HTML的异同、WXSS和CSS的异同

(1)WXML和HTML

相同点:都是用来描述页面结构的,由标签、属性组成

不同点:标签名不一样,小程序标签名更少;

    小程序多了 wx:if 这样的属性和 {{}} 的表达式;

    小程序只能在微信开发者工具中预览,而HTML可以在浏览器中预览;

    小程序对组件进行了重新封装;

    小程序运行在 JS Core 内,没有DOM树和window对象,无法使用window对象和document对象

(2)WXSS和CSS

相同点:都是用来描述页面的样式

不同点:WXSS仅支持部分CSS选择器和大部分特性;

    WXSS新增尺寸单位 rpx;

    WXSS提供全局样式和局部样式

原文地址:https://www.cnblogs.com/zhuxingqing/p/11391219.html

时间: 2024-11-12 09:24:39

wx小程序知识点(二)的相关文章

wx小程序知识点(一)

一.微信小程序中的目录及文件 (1)project.config.json 用于开发者工具配置 主要用于设置项目是否开启https校验(setting.urlCheck) (2) App.js 设置全局基础数据(记录日志.微信登录.获取用户信息) (3)App.json 底部tab(tabbar.list).标题栏(window).路由(pages) (4)App.wxss 公共样式(引入iconfont.container等) (5)pages目录 包含每一个具体的页面目录 (6)index目

wx小程序知识点(八)

八.小程序的优劣势 优势:   ① 不需要下载 ② 打开速度快 ③ 开发成本低 ④ 安卓上可以添加在桌面,与原生 App 相似 ⑤ 小程序的发布审查流程比较严格,安全保障 劣势:   ① 页面大小不能超过1M,不能打开超过5个层级的页面 ② 部分组件样式不可修改 ③ 推广面窄,只能分享给朋友,不能分享到朋友圈, ④ 依赖微信的后台,无法开发后台管理功能 原文地址:https://www.cnblogs.com/zhuxingqing/p/11391780.html

Python小程序练习二之装饰器小例子

Python小程序练习二之装饰器小例子 装饰器: 装饰器实际上就是为了给某程序增添功能,但该程序已经上线或已经被使用,那么就不能大批量的修改源代码,这样是不科学的也是不现实的,因为就产生了装饰器,使得其满足: 1.不能修改被装饰的函数的源代码 2.不能修改被装饰的函数的调用方式 那么根据需求,同时满足了这两点原则,这才是我们的目的. 装饰器的原则组成: < 函数+实参高阶函数+返回值高阶函数+嵌套函数+语法糖 = 装饰器 > 错误例子: 1.1Decorators.py 1 # The aut

微信小程序配置二

tabBar 客户端窗口底部的tab页面切换,只能配置最好两个.最多5个tab 属性说明: 属性 类型 必填 默认值 描述 color HexColor 是 tab上的文字默认颜色 selectedColor HexColor 是 tab上的文字选中时的颜色 backgroundColor HexColor 是 tab的背景颜色 boderStyle String 否 black tab上边框的颜色,仅支持black/white 大专栏  微信小程序配置二> list Array 是 tab的列

.NET开发微信小程序-生成二维码

1.生成小程序二维码功能 直接请求相应的链接.传递相应的参数 以生成商铺的付款码为例: var shopsId = e.ShopsId //付款码的参数 var codeModel = new function () { } codeModel.path = "pages/PageWxPay/PageWxPay?shopsId=" + shopsId codeModel.width = 430 codeModel.auto_color = false codeModel.line_co

wx小程序初体验

小程序最近太火,不过相比较刚发布时,已经有点热度散去的感觉,不过这不影响我们对小程序的热情,开发之前建议通读下官网文档,附链接:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=201716 接下来,我们要实现的小程序效果如下,源码地址:https://github.com/caiya/weapp-ywgo: 1.注册 打开微信公众平台,单击"小程序",按步骤开始注册即可,附地址:https://mp.weixin.qq.com/cgi-bin/

微信小程序(二)框架

配置 配置app.json例子: { "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": "Demo" }, "tabBar": { "list": [{ "pagePath": "pag

小程序——分享二维码报告

小程序分享报告(图片+二维码): 小程序页面生成图片:请用canvas,页面简单用canvas,页面复杂也用canvas. 踩过的坑: 思路:html  ->  html2canvas  ->  canvas||image/png; 最后涉及到小程序与H5页面项目连接问题(web-view &分享页面),还是用canvas老老实实画的 Bug1:小程序,不支持js获取Dom操作, 解决1:单独写https的一个H5页面来操作Dom.     <web-view  src='htt

Wx小程序开发

微信小程序之绑定点击事件 https://blog.csdn.net/yanglei0917/article/details/70171921 吐司 https://blog.csdn.net/hedong_77/article/details/54948537 调试 console.log(res),在开发工具上扫描"远程调试"按钮生成的二维码,即可在console里看见日志 . 原文地址:http://blog.51cto.com/4259297/2156194