zyw2002的博客

文章目录使用npm 包全局数据共享分包自定义tabBar 使用npm 包 小程序对npm 的支持与限制目前，小程序中已经支持使用npm 安装第三方包，从而来提高小程序的开发效率。但是，在小程序中使用npm 包有如下3 个限制： ①不支持依赖于Node.js 内置库的包 ②不支持依赖于浏览器内置对象的包 ③不支持依赖于C++ 插件的包 Vant Weapp 1.什么是Vant Weapp Vant Weapp 是有赞前端团队开源的一套小程序UI 组件库，助力开发者快速搭建小程序应用。它所使用的是MIT 开

自定义组件 组件的创建与引用 组件的创建 ①在项目的根目录中，鼠标右键，创建components-> test文件夹 ②在新建的components -> test 文件夹上，鼠标右键，点击“新建Component” ③键入组件的名称之后回车，会自动生成组件对应的4 个文件，后缀名分别为.js，.json，.wxml 和.wxss 引用组件 组件的引用方式分为“局部引用”和“全局引用” 局部引用：组件只能在当前被引用的页面内使用 // 在页面的.json文件中，引入组件 { "u

文章目录页面导航页面事件生命周期WXS脚本 页面导航 声明式导航 在页面上声明一个<navigator>导航组件 通过点击<navigator>组件实现页面的跳转 导航到tabBar页面 tabBar页面是指被配置为tabBar的页面，在使用<navigator>组件跳转到指定的tabBar页面时，需要制定url属性和open-type属性。其中 url表示要跳转的页面的地址，必须以/ 开头；open-type表示跳转的方式，必须以switchTab。<nav

文章目录WXML 模板语法数据绑定事件绑定条件渲染列表渲染WXSS模板样式全局配置页面配置网络数据请求 WXML 模板语法 数据绑定 数据绑定的基本原则 在data中定义数据 在页面对应的.js文件中，把数据定义到data对象中即可。 在wxml中使用数据 Mustache语法：把data中的数据绑定到页面中渲染，使用Mustache语法（双大括号）把变量包起来即可。 <view>{{info}}</view> <image src="{{imgSrc}}" mode

文章目录注册小程序账号安装开发者工具创建小程序项目小程序代码的构成小程序的宿主环境小程序中的组件视图容器类组件 注册小程序账号 注册小程序开发者账号 微信公众平台 (qq.com) 选择注册账号类型 填写个人信息并注册 微信扫码登录 获取小程序的AppID 安装开发者工具 下载稳定版本的微信开发工具 官方下载地址 安装（一路“下一步”即可） 如果出现如下报错，就按照提示添加环境变量即可 扫码登录 设置外观和代理模式 创建小程序项目 创建项目 可以点击编译在左侧模拟器