- 一、前言在前期博文《跨平台应用开发进阶(一) 走近uni-app》中，讲解了利用uni-app框架跨端开发的基础知识，此篇博文主要讲解uni-app实战流程及涉及知识点。 二、项目实战 2.1 样式框架uni-ui扩展组件符合easycom组件规范，可直接应用。若组件不符合easycom规范，则需要在代码里手动import和注册组件，然后才能使用。标准js 和 浏览器js的区别uni-ap... 一、前言在前期博文《跨平台应用开发进阶(一) 走近uni-app》中，讲解了利用uni-app框架跨端开发的基础知识，此篇博文主要讲解uni-app实战流程及涉及知识点。 二、项目实战 2.1 样式框架uni-ui扩展组件符合easycom组件规范，可直接应用。若组件不符合easycom规范，则需要在代码里手动import和注册组件，然后才能使用。标准js 和 浏览器js的区别uni-ap...
- 一、前言跨平台是一种能够在多种平台（例如Android，iOS，Windows，Blackberry、小程序、快应用等）上运行的应用软件。基于此框架构建的应用程序不需要为每个平台进行单独的编码，而是一次编码就可以在多个平台上高效运行。它是当今应用程序开发领域中最受欢迎的方法之一。此篇博文主要梳理uni-app应用的项目结构、项目启动后文件加载顺序，及应用、文件生命周期等知识点。其中，大部分... 一、前言跨平台是一种能够在多种平台（例如Android，iOS，Windows，Blackberry、小程序、快应用等）上运行的应用软件。基于此框架构建的应用程序不需要为每个平台进行单独的编码，而是一次编码就可以在多个平台上高效运行。它是当今应用程序开发领域中最受欢迎的方法之一。此篇博文主要梳理uni-app应用的项目结构、项目启动后文件加载顺序，及应用、文件生命周期等知识点。其中，大部分...
- 一、需求背景在实现组件拖拽设计过程中，发现组件样式中设置了 display: flex属性信息，导致组件生成后无法实现拖拽效果，网上查阅资料后发现Flex布局大有天地。 二、Flex 来源传统的布局解决方案采用CSS实现，基于盒状模型，依赖 display属性 + position属性 + float属性。但是，它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提... 一、需求背景在实现组件拖拽设计过程中，发现组件样式中设置了 display: flex属性信息，导致组件生成后无法实现拖拽效果，网上查阅资料后发现Flex布局大有天地。 二、Flex 来源传统的布局解决方案采用CSS实现，基于盒状模型，依赖 display属性 + position属性 + float属性。但是，它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提...
- 本期直播主题是《解决开发者“兼容”难题，OpenTiny技术探索与应用解读》，华为云开源DTSE技术布道师曾令卡在本期直播中与开发者一起详细交流了OpenTiny组件库解决方案的核心优势和设计理念。 本期直播主题是《解决开发者“兼容”难题，OpenTiny技术探索与应用解读》，华为云开源DTSE技术布道师曾令卡在本期直播中与开发者一起详细交流了OpenTiny组件库解决方案的核心优势和设计理念。
- 一、前言微信小程序开发过程中，随着业务不断迭代，程序包的体积越来越大，使用分包加载是开发者必须面对的问题。正常情况下，小程序首次启动时，会将整个代码包下载下来，所以如果代码包过大，会影响小程序首次启动时间，因此微信官方对小程序代码包做了大小限制。 二、为什么要使用分包？小程序要求开发过程中压缩包的体积不能大于2M，否则无法提交发布。对小程序进行分包，可以优化小程序首次启动下载时间，因为分包... 一、前言微信小程序开发过程中，随着业务不断迭代，程序包的体积越来越大，使用分包加载是开发者必须面对的问题。正常情况下，小程序首次启动时，会将整个代码包下载下来，所以如果代码包过大，会影响小程序首次启动时间，因此微信官方对小程序代码包做了大小限制。 二、为什么要使用分包？小程序要求开发过程中压缩包的体积不能大于2M，否则无法提交发布。对小程序进行分包，可以优化小程序首次启动下载时间，因为分包...
- 一、前言说到前端开发，就不得不说到跨端开发，因为它可以提高应用程序的效率并降低开发成本。uni-app是一种跨平台开发框架，基于Vue.js，并且可以在多个平台如微信小程序、支付宝小程序、H5等上运行。对于开发人员来说，这意味着他们可以使用同一个代码库来构建多个平台的应用，而不需要开发不同的代码库。相信大家对小程序都不陌生，在生活的方方面面中都有它的身影，比如：社区团购、商城购物、打车出行... 一、前言说到前端开发，就不得不说到跨端开发，因为它可以提高应用程序的效率并降低开发成本。uni-app是一种跨平台开发框架，基于Vue.js，并且可以在多个平台如微信小程序、支付宝小程序、H5等上运行。对于开发人员来说，这意味着他们可以使用同一个代码库来构建多个平台的应用，而不需要开发不同的代码库。相信大家对小程序都不陌生，在生活的方方面面中都有它的身影，比如：社区团购、商城购物、打车出行...
- 一、前言随着微信小程序越来越普及，开发人员们也在不断地寻求更高效且方便的开发方式。uni-app是一款由DCloud开发的跨平台工具，可以同时支持小程序、H5、App等多种平台的开发。那么，当使用uni-app开发微信小程序时，怎么进行调试呢？下面就来详细介绍一下。小程序的运行环境分成渲染层和逻辑层，其中 WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。小程序的渲染层... 一、前言随着微信小程序越来越普及，开发人员们也在不断地寻求更高效且方便的开发方式。uni-app是一款由DCloud开发的跨平台工具，可以同时支持小程序、H5、App等多种平台的开发。那么，当使用uni-app开发微信小程序时，怎么进行调试呢？下面就来详细介绍一下。小程序的运行环境分成渲染层和逻辑层，其中 WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。小程序的渲染层...
- 文章和代码已经归档至【Github仓库：https://github.com/timerring/front-end-tutorial 】或者公众号【AIShareLab】回复 小程序 也可获取。 小程序视图与逻辑 页面导航页面导航指的是页面之间的相互跳转。例如，浏览器中实现页面导航的方式有如下两种：<a> 链接location.href小程序中实现页面导航的两种方式声明式导航：在页面上声明... 文章和代码已经归档至【Github仓库：https://github.com/timerring/front-end-tutorial 】或者公众号【AIShareLab】回复 小程序 也可获取。 小程序视图与逻辑 页面导航页面导航指的是页面之间的相互跳转。例如，浏览器中实现页面导航的方式有如下两种：<a> 链接location.href小程序中实现页面导航的两种方式声明式导航：在页面上声明...
- Vue 中键盘事件的使用上一节：《 Vue 事件处理》 | 下一节：《 Vue 中鼠标事件的使用 》 jcLee95 邮箱 ：291148484@163.com CSDN 主页：https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343 本文地址：https://blog.csdn.net/qq_28550263/article... Vue 中键盘事件的使用上一节：《 Vue 事件处理》 | 下一节：《 Vue 中鼠标事件的使用 》 jcLee95 邮箱 ：291148484@163.com CSDN 主页：https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343 本文地址：https://blog.csdn.net/qq_28550263/article...
- 文章和代码已经归档至【Github仓库：https://github.com/timerring/front-end-tutorial 】或者公众号【AIShareLab】回复 小程序 也可获取。 小程序模板与配置 WXML 模板语法 数据绑定在 data 中定义数据，在 WXML 中使用数据。使用Mustache{{}}语法：绑定内容绑定属性运算（三元运算、算术运算等）data: { ... 文章和代码已经归档至【Github仓库：https://github.com/timerring/front-end-tutorial 】或者公众号【AIShareLab】回复 小程序 也可获取。 小程序模板与配置 WXML 模板语法 数据绑定在 data 中定义数据，在 WXML 中使用数据。使用Mustache{{}}语法：绑定内容绑定属性运算（三元运算、算术运算等）data: { ...
- 文章和代码已经归档至【Github仓库：https://github.com/timerring/front-end-tutorial 】或者公众号【AIShareLab】回复 小程序 也可获取。 项目结构 了解项目的基本组成结构pages 用来存放所有小程序的页面utils 用来存放工具性质的模块（例如：格式化时间的自定义模块）app.js 小程序项目的入口文件app.json 小程序项目... 文章和代码已经归档至【Github仓库：https://github.com/timerring/front-end-tutorial 】或者公众号【AIShareLab】回复 小程序 也可获取。 项目结构 了解项目的基本组成结构pages 用来存放所有小程序的页面utils 用来存放工具性质的模块（例如：格式化时间的自定义模块）app.js 小程序项目的入口文件app.json 小程序项目...
- 本章主要内容有：理解缓冲区的概念、利用缓冲区的性质实现进度条的小程序。本章学习目标：1.巩固 make/makefile 的使用；2.练习Linux下多文件操作；3.了解缓冲区概念。1.巩固 make/makefile 的使用；2.练习Linux下多文件操作；3.了解缓冲区概念 本章主要内容有：理解缓冲区的概念、利用缓冲区的性质实现进度条的小程序。本章学习目标：1.巩固 make/makefile 的使用；2.练习Linux下多文件操作；3.了解缓冲区概念。1.巩固 make/makefile 的使用；2.练习Linux下多文件操作；3.了解缓冲区概念
- 华为云Astro是全场景低代码平台，它提供了零码、低码、流程、大屏、高低码协同等能力，开发者可以基于平台能力，构建多场景应用。下面请跟随我的步伐，以“通过零代码快速搭建打卡小程序”这一操作来开启它的体验之旅。 华为云Astro是全场景低代码平台，它提供了零码、低码、流程、大屏、高低码协同等能力，开发者可以基于平台能力，构建多场景应用。下面请跟随我的步伐，以“通过零代码快速搭建打卡小程序”这一操作来开启它的体验之旅。
- 微信第三方的精妙就在于可以用一套代码，孵化出多个相同功能的小程序，减少开发成本，包括时间和金钱成本。而这最重要的一步就是将我们开发好的小程序上传到微信服务器，当做模板来使用，需要一套这样的小程序，就直接使用，而无需再做过多复杂的工作。 微信第三方的精妙就在于可以用一套代码，孵化出多个相同功能的小程序，减少开发成本，包括时间和金钱成本。而这最重要的一步就是将我们开发好的小程序上传到微信服务器，当做模板来使用，需要一套这样的小程序，就直接使用，而无需再做过多复杂的工作。
- 要在Flutter应用程序中嵌入微信小程序，可以使用FlutterWechatPlugin插件。以下是在Flutter应用程序中嵌入小程序的大致步骤：添加FlutterWechatPlugin依赖至pubspec.yaml文件中在要嵌入小程序的页面中添加一个FlutterWechatMiniProgram widget，并传入小程序原始ID和页面路径等信息。可以使用FlutterWechat... 要在Flutter应用程序中嵌入微信小程序，可以使用FlutterWechatPlugin插件。以下是在Flutter应用程序中嵌入小程序的大致步骤：添加FlutterWechatPlugin依赖至pubspec.yaml文件中在要嵌入小程序的页面中添加一个FlutterWechatMiniProgram widget，并传入小程序原始ID和页面路径等信息。可以使用FlutterWechat...
上滑加载中
推荐直播
-
开发者玩转DeepSeek2025/02/20 周四 16:30-17:30
Thomas – 华为云DTSE技术布道师
双擎驱动优势——华为云CodeArts IDE全栈能力与DeepSeek认知智能深度融合，打造智能编码助手。如何利用DeepSeek的能力，进一步强化业务。
即将直播 -
探秘仓颉编程语言：华为开发者空间的创新利器2025/02/22 周六 15:00-16:30
华为云讲师团
本期直播将与您一起探秘颉编程语言上线华为开发者空间后，显著提升开发效率，在智能化开发支持、全场景跨平台适配能力、工具链与生态完备性、语言简洁与高性能特性等方面展现出的独特优势。直播看点： 1.java转仓颉的小工具 2.仓颉动画三方库lottie 3.开发者空间介绍及如何在空间用仓颉编程语言开发
即将直播 -
大模型Prompt工程深度实践2025/02/24 周一 16:00-17:30
盖伦 华为云学堂技术讲师
如何让大模型精准理解开发需求并生成可靠输出？本期直播聚焦大模型Prompt工程核心技术：理解大模型推理基础原理，关键采样参数定义，提示词撰写关键策略及Prompt工程技巧分享。
去报名
热门标签