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目录下

  index.wxml —— 页面结构

  index.wxss —— 页面样式

  index.js —— 页面的逻辑、请求和数据处理

  index.json —— 设置当前页标题和引入组件

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

时间: 2024-11-03 10:47:44

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

wx小程序知识点(二)

二.WXML和HTML的异同.WXSS和CSS的异同 (1)WXML和HTML 相同点:都是用来描述页面结构的,由标签.属性组成 不同点:标签名不一样,小程序标签名更少: 小程序多了 wx:if 这样的属性和 {{}} 的表达式: 小程序只能在微信开发者工具中预览,而HTML可以在浏览器中预览: 小程序对组件进行了重新封装: 小程序运行在 JS Core 内,没有DOM树和window对象,无法使用window对象和document对象 (2)WXSS和CSS 相同点:都是用来描述页面的样式 不

wx小程序知识点(八)

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

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/

微信小程序知识点梳理

小程序介绍 17年一月9号,小程序刚发布的时候,个人很幸运的成为第一批吃螃蟹的人,当然也是第一批采坑的人. 小程序是基于微信的一种应用,使用微信自定义的组件,让我们使用JavaScript的方式,达到匹配原生应用的效果.小程序的一大优势就是,你只要有个微信,你就能搜索你所需要的点餐.买票.旅游等一些日常需求的小程序,而且——用完即毁.无需下载. 小程序开发所需要的技能 小程序是最适合前端开发人员,你所需的知识仅仅是JavaScript.css.html的基本知识,如果你有其他单页面应用的开发经验

wx小程序和支付宝小程序的区别

点击了一个绑定A事件的按钮的时候,input先执行blur,再执行A事件(微信的是先执行A事件,再执行blur) getStorageSync如果传的key不存在时,微信小程序返回的是空,支付宝返回的是undefined getStorageSync微信直接返回数据,支付宝返回{data: "数据"} 微信小程序ios右滑取消扫码时,无任何反应,支付宝右滑取消提示扫码失败 微信小程序showModal在ios上可以右滑直接退出该modal所在页面,支付宝在有modal弹框的页面没有左右

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

wx小程序获取组件属性数据data-prop

在微信小程序中有时会在组件上定义一些属性,使用data-来定义 <view data-idvalue="id" data-Index-Name="IndexName" data-IndexText="IndexName" data-indexValue="indexValue" bindtap='viewClick' >我要获取组件的data-属性名的值</view> viewClick: functi

小程序知识点

1.小程序data-*属性 data-*属性可为任何类型,与HTML5的data-*相同,可以来为组件设置任意的自定义属性值.当组件上绑定的事件触发时,这些自定义属性将作为参数发送给事件处理函数,在事件处理函数中可以通过传入参数对象的currentTarget.dataset方式来获取自定义属性的值. <view id="tapTest" data-test="test1" data-spark="spark" bindtap='tapNa

wx 小程序开发 [记录]

pages > html文件夹 > js + json +wxml + wxss wxml: view ≈ div text ≈ span <view class='inputs {{addressChange?"":"noData"}}' catchtap='getAddress'> {{addressChange?"":"noData"}} catchtap 方法绑定 无冒泡 <view cl