- 二、vue组件化开发(轻松入门vue) Vue组件化开发五、组件化开发1. 组件注册组件命名规范组件注册注意事项全局组件注册局部组件注册2. Vue调试工具下载3. 组件间数据交互父组件向子组件传值props传递数据原则:单向数据流。子组件向父组件传值非父子组件之间传值4. 组件插槽基本用法具名插槽用法作用域插槽 组件化思想:标准、分治、重用、组合 组件 (Component) 是 Vue.js 二、vue组件化开发(轻松入门vue) Vue组件化开发五、组件化开发1. 组件注册组件命名规范组件注册注意事项全局组件注册局部组件注册2. Vue调试工具下载3. 组件间数据交互父组件向子组件传值props传递数据原则:单向数据流。子组件向父组件传值非父子组件之间传值4. 组件插槽基本用法具名插槽用法作用域插槽 组件化思想:标准、分治、重用、组合 组件 (Component) 是 Vue.js
- 大家好!今天开始更新微信小程序专栏,欢迎大家加入一起学习!学习小程序之前,我们讨论一个话题,为什么使用微信小程序?微信小程序开发能够降低用户的开发成本,考虑到不同平台的兼容性,微信小程序能够满足不用使用需求,降低了程序的开发成本节约了时间周期,让企业利用微信的优势能够推广和简化相应的流程,只要通过扫描二维码具能够完成。🖐本节学习目标:✅了解什么是小程序✅了解小程序的发展✅学会创建第一个简单... 大家好!今天开始更新微信小程序专栏,欢迎大家加入一起学习!学习小程序之前,我们讨论一个话题,为什么使用微信小程序?微信小程序开发能够降低用户的开发成本,考虑到不同平台的兼容性,微信小程序能够满足不用使用需求,降低了程序的开发成本节约了时间周期,让企业利用微信的优势能够推广和简化相应的流程,只要通过扫描二维码具能够完成。🖐本节学习目标:✅了解什么是小程序✅了解小程序的发展✅学会创建第一个简单...
- 🖐本节学习目标:✅学会如何使用页面之间的导航跳转@[toc] 一.页面导航 什么是页面导航页面导航是指页面之间的相互跳转。 2.页面导航的两种实现方式页面导航有两种实现方式:声明式导航方法:在页面声明一个navigator组件,通过点击这个组件来实现页面的跳转。编程式导航方法:调用小程序的导航API实现页面的跳转。 二.声明式导航 1.导航到tabBar页面tab页面指被配置为tabBar... 🖐本节学习目标:✅学会如何使用页面之间的导航跳转@[toc] 一.页面导航 什么是页面导航页面导航是指页面之间的相互跳转。 2.页面导航的两种实现方式页面导航有两种实现方式:声明式导航方法:在页面声明一个navigator组件,通过点击这个组件来实现页面的跳转。编程式导航方法:调用小程序的导航API实现页面的跳转。 二.声明式导航 1.导航到tabBar页面tab页面指被配置为tabBar...
- 🖐本节学习目标:✅学会使用常用的组件@[toc] 1.常用的容器类组件的使用 1.view组件的基本使用🌏view类似于HTML中的div,实现了普通的视图区域。🍁例如:使用flex实现横向布局。wxml代码:<view class="container1"><view>A</view><view>B</view><view>C</view></view>wxss代码:.contain... 🖐本节学习目标:✅学会使用常用的组件@[toc] 1.常用的容器类组件的使用 1.view组件的基本使用🌏view类似于HTML中的div,实现了普通的视图区域。🍁例如:使用flex实现横向布局。wxml代码:<view class="container1"><view>A</view><view>B</view><view>C</view></view>wxss代码:.contain...
- 编辑目录前言一、简单谈谈微信小程序1、在结构和样式方面2、在调用微信生态系统功能时二、小程序生命周期 三、小程序路由跳转1. 通过组件navigator跳转2.通过api跳转wx.navigateTo() , wx.navigateBack(), wx.redirectTo() , wx.switchTab(), wx.reLanch()总结前言 微信小程序是一种不需要下... 编辑目录前言一、简单谈谈微信小程序1、在结构和样式方面2、在调用微信生态系统功能时二、小程序生命周期 三、小程序路由跳转1. 通过组件navigator跳转2.通过api跳转wx.navigateTo() , wx.navigateBack(), wx.redirectTo() , wx.switchTab(), wx.reLanch()总结前言 微信小程序是一种不需要下...
- 编辑目录一、问题二、解决思路三、核心代码展示四、更新版本的模拟测试及验证一、问题 当小程序发布新的版本后,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删除), 则会弹出提示,提醒用户更新新的版本。用户点击确定就可以自动重启更新,点击取消则关闭弹窗,不再更新. 二、解决思路1、打开小程序, 检查小程序是否有新版本发布 updateManager.onCheckFor... 编辑目录一、问题二、解决思路三、核心代码展示四、更新版本的模拟测试及验证一、问题 当小程序发布新的版本后,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删除), 则会弹出提示,提醒用户更新新的版本。用户点击确定就可以自动重启更新,点击取消则关闭弹窗,不再更新. 二、解决思路1、打开小程序, 检查小程序是否有新版本发布 updateManager.onCheckFor...
- 我采用回滚方式学习,你会看到很多重复讲解,那是因为我先在前面介绍,后面开始做案例的方法带大家重新回顾重要知识点及对它的一个效果展示,吸收效果更佳;上一篇中讲解了小程序代码构成,及教大家写了一个最简单的 Hello world 微信小程序。但是,那只是一个裸页面,并不好看。今天接着往下讲,如何为这个页面添加样式,使它看上去更美观,教大家写出实际可以使用的页面。所有示例的完整代码,都可以从 Gi... 我采用回滚方式学习,你会看到很多重复讲解,那是因为我先在前面介绍,后面开始做案例的方法带大家重新回顾重要知识点及对它的一个效果展示,吸收效果更佳;上一篇中讲解了小程序代码构成,及教大家写了一个最简单的 Hello world 微信小程序。但是,那只是一个裸页面,并不好看。今天接着往下讲,如何为这个页面添加样式,使它看上去更美观,教大家写出实际可以使用的页面。所有示例的完整代码,都可以从 Gi...
- 一、选好图标后在APP.vue中进行配置<style lang='scss'> /* 全局公共样式和字体图标 */ @font-face { font-family: "iconfont"; font-weight: normal; font-style: normal; src: url('https://at.alicdn.com/t/font_2308342_84cfdl... 一、选好图标后在APP.vue中进行配置<style lang='scss'> /* 全局公共样式和字体图标 */ @font-face { font-family: "iconfont"; font-weight: normal; font-style: normal; src: url('https://at.alicdn.com/t/font_2308342_84cfdl...
- 编辑目录前言一、迁移步骤第一步:安装miniprogram-to-uniapp 插件第二步:查看是否安装成功第三步:使用插件进行转换第四步:使用hbuilder X运行转换后的项目并在微信小程序编辑器查看第五步:调试修改二、处理迁移问题js部分templetecss部分三、扩展总结前言 背景:由于历史原因,公司有个历史项目使用vue开发的公众号H5,原生开发的微信小程序。... 编辑目录前言一、迁移步骤第一步:安装miniprogram-to-uniapp 插件第二步:查看是否安装成功第三步:使用插件进行转换第四步:使用hbuilder X运行转换后的项目并在微信小程序编辑器查看第五步:调试修改二、处理迁移问题js部分templetecss部分三、扩展总结前言 背景:由于历史原因,公司有个历史项目使用vue开发的公众号H5,原生开发的微信小程序。...
- 前言这篇文章带大家掌握 从0到1掌握微信公众平台js-sdk调用微信公众平台js-sdk调用到底哪几步安全域名怎么配置代码怎么写出了问题怎么查找例如:随着微信生态的不断发展,基于微信平台的网页开发业务场景也越来越多,很多人都开启了学习微信网页开发,本文就介绍了微信网页开发的基础内容。一、微信 JS-SDK是什么?微信 JS-SDK 是微信公众平台 面向网页开发者提供的基于微信内的网页开发... 前言这篇文章带大家掌握 从0到1掌握微信公众平台js-sdk调用微信公众平台js-sdk调用到底哪几步安全域名怎么配置代码怎么写出了问题怎么查找例如:随着微信生态的不断发展,基于微信平台的网页开发业务场景也越来越多,很多人都开启了学习微信网页开发,本文就介绍了微信网页开发的基础内容。一、微信 JS-SDK是什么?微信 JS-SDK 是微信公众平台 面向网页开发者提供的基于微信内的网页开发...
- 编辑目录一、小程序的登录流程首次登录再次登录的时候,就要判断存储的session_key是否过期了二、小程序怎么获取手机号总结一、小程序的登录流程 编辑首次登录 调用小程序api接口 wx.login() 获取 临时登录凭证code ,这个code是有过期时间的. 将这个 code 回传到开发者服务器(就是请求开发者服务器的登录接口,通过凭证进而换取用 户登录态信息,包括用户的唯一标... 编辑目录一、小程序的登录流程首次登录再次登录的时候,就要判断存储的session_key是否过期了二、小程序怎么获取手机号总结一、小程序的登录流程 编辑首次登录 调用小程序api接口 wx.login() 获取 临时登录凭证code ,这个code是有过期时间的. 将这个 code 回传到开发者服务器(就是请求开发者服务器的登录接口,通过凭证进而换取用 户登录态信息,包括用户的唯一标...
- 编辑一、什么是自定义组件 在实际开发过程中,经常会有代码复用的情况,即在不同的页面有类似结构的代码块,类似的代码反复出现,这样会增加代码维护成本,也会造成代码的高耦合,为了解决这一情况,微信小程序支持了更为简洁的组件化编程,称之为自定义组件。自定义组件在使用时与基础组件非常相似。二、创建自定义组件1、自定义组件类似于页面,一个自定义组件由 json 、wxml、 wxss... 编辑一、什么是自定义组件 在实际开发过程中,经常会有代码复用的情况,即在不同的页面有类似结构的代码块,类似的代码反复出现,这样会增加代码维护成本,也会造成代码的高耦合,为了解决这一情况,微信小程序支持了更为简洁的组件化编程,称之为自定义组件。自定义组件在使用时与基础组件非常相似。二、创建自定义组件1、自定义组件类似于页面,一个自定义组件由 json 、wxml、 wxss...
- 编辑目录编辑 前言:一、问题: 二、解决经历: 1、思路1(不成功): 2、 思路2(成功): 三、原因分析:总结前言: 背景:由于历史原因,公司有个历史项目使用vue开发的公众号H5,原生开发的微信小程序。两端功能的完全一样,但是需要维护两个项目,最近客户提了需求需要修改部分功能,博主接到需求后,觉得维护两套代码不仅... 编辑目录编辑 前言:一、问题: 二、解决经历: 1、思路1(不成功): 2、 思路2(成功): 三、原因分析:总结前言: 背景:由于历史原因,公司有个历史项目使用vue开发的公众号H5,原生开发的微信小程序。两端功能的完全一样,但是需要维护两个项目,最近客户提了需求需要修改部分功能,博主接到需求后,觉得维护两套代码不仅...
- 在前面的文章《微信小程序实现蓝牙开门(一)》中我们已经做好了详细技术设计,现在这篇文章主要就是讲如何进行编码实现了。 如果读者想要知道小程序是如何调用蓝牙开门的部分,可以直接点击[小程序功能实现]跳转。 在前面的文章《微信小程序实现蓝牙开门(一)》中我们已经做好了详细技术设计,现在这篇文章主要就是讲如何进行编码实现了。 如果读者想要知道小程序是如何调用蓝牙开门的部分,可以直接点击[小程序功能实现]跳转。
- 目录前言一、简单谈谈微信小程序1、在结构和样式方面2、在调用微信生态系统功能时二、小程序生命周期 三、小程序路由跳转1. 通过组件navigator跳转2.通过api跳转wx.navigateTo() , wx.navigateBack(), wx.redirectTo() , wx.switchTab(), wx.reLanch()总结前言 微信小程序是一种不需要下载安装即... 目录前言一、简单谈谈微信小程序1、在结构和样式方面2、在调用微信生态系统功能时二、小程序生命周期 三、小程序路由跳转1. 通过组件navigator跳转2.通过api跳转wx.navigateTo() , wx.navigateBack(), wx.redirectTo() , wx.switchTab(), wx.reLanch()总结前言 微信小程序是一种不需要下载安装即...
上滑加载中
推荐直播
-
大模型Prompt工程深度实践
2025/02/24 周一 16:00-17:30
盖伦 华为云学堂技术讲师
如何让大模型精准理解开发需求并生成可靠输出?本期直播聚焦大模型Prompt工程核心技术:理解大模型推理基础原理,关键采样参数定义,提示词撰写关键策略及Prompt工程技巧分享。
回顾中 -
华为云 x DeepSeek:AI驱动云上应用创新
2025/02/26 周三 16:00-18:00
华为云 AI专家大咖团
在 AI 技术飞速发展之际,DeepSeek 备受关注。它凭借哪些技术与理念脱颖而出?华为云与 DeepSeek 合作,将如何重塑产品与应用模式,助力企业数字化转型?在华为开发者空间,怎样高效部署 DeepSeek,搭建专属服务器?基于华为云平台,又该如何挖掘 DeepSeek 潜力,实现智能化升级?本期直播围绕DeepSeek在云上的应用案例,与DTSE布道师们一起探讨如何利用AI 驱动云上应用创新。
去报名
热门标签