- VirtualDOM 及 Diff 算法Virtual DOM 及 Diff 算法1. JSX 到底是什么使用 React 就一定会写 JSX，JSX 到底是什么呢？它是一种 JavaScript 语法的扩展，React 使用它来描述用户界面长成什么样子。虽然它看起来非常像 HTML，但它确实是 JavaScript 。在 React 代码执行之前，Babel 会对将 JSX 编译为 Rea... VirtualDOM 及 Diff 算法Virtual DOM 及 Diff 算法1. JSX 到底是什么使用 React 就一定会写 JSX，JSX 到底是什么呢？它是一种 JavaScript 语法的扩展，React 使用它来描述用户界面长成什么样子。虽然它看起来非常像 HTML，但它确实是 JavaScript 。在 React 代码执行之前，Babel 会对将 JSX 编译为 Rea...
- 一、列表渲染 1.wx:for 的item和index在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item<view wx:for="{{array}}"> {{index}}: {{item.message}}</view>使用 wx:for-item 可以指定数组当... 一、列表渲染 1.wx:for 的item和index在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item<view wx:for="{{array}}"> {{index}}: {{item.message}}</view>使用 wx:for-item 可以指定数组当...
- 五步实现HarmonyOS应用（ets） 五步实现HarmonyOS应用（ets）
- 在第一节我们演示通过接口返回数据,数据没有渲染展示在页面上 。在这里我们演示一下从后台返回数据渲染到前端页面的项目案例. 模板引擎SpringBoot是通过模版引擎进行页面结果渲染的，官方提供预设配置的模版引擎主要有ThymeleafFreeMarkerVelocityGroovyMustache我们在这里演示使用Thymeleaf和FreeMarker模板引擎。 ThymeleafThym... 在第一节我们演示通过接口返回数据,数据没有渲染展示在页面上 。在这里我们演示一下从后台返回数据渲染到前端页面的项目案例. 模板引擎SpringBoot是通过模版引擎进行页面结果渲染的，官方提供预设配置的模版引擎主要有ThymeleafFreeMarkerVelocityGroovyMustache我们在这里演示使用Thymeleaf和FreeMarker模板引擎。 ThymeleafThym...
- 技术普惠，让理想国跃然眼前 技术普惠，让理想国跃然眼前
- createElement参数createElement接收的参数：createElement(标签名(必需), 与模板中属性对应的数据对象(可选), 子级虚拟节点(可选)); 深入数据对象{ // 与 `v-bind:class` 的 API 相同，接受一个字符串、对象或字符串和对象组成的数组 class: { foo: true, bar: false }, // ... createElement参数createElement接收的参数：createElement(标签名(必需), 与模板中属性对应的数据对象(可选), 子级虚拟节点(可选)); 深入数据对象{ // 与 `v-bind:class` 的 API 相同，接受一个字符串、对象或字符串和对象组成的数组 class: { foo: true, bar: false }, // ...
- 渲染函数 基础当我们需要使用JavaScript的编程能力时，可以利用渲染函数。渲染函数比模板更接近于编译器。例如，我们想要生成一些标题：<h1>Hello world!</h1>如果，我们按照之前的方式，那么模板内将会十分冗余。如果此时利用渲染函数，那么代码写起来将会简洁很多。props: { level: { type: Number, required: true }... 渲染函数 基础当我们需要使用JavaScript的编程能力时，可以利用渲染函数。渲染函数比模板更接近于编译器。例如，我们想要生成一些标题：<h1>Hello world!</h1>如果，我们按照之前的方式，那么模板内将会十分冗余。如果此时利用渲染函数，那么代码写起来将会简洁很多。props: { level: { type: Number, required: true }...
- 本教程为入门教程，如有错误，请各位前端大佬指出。是一个自定义元素或称为一个模块，包括所需的模板、逻辑和样式。在HTML模板中，组件以一个自定义标签的形式存在，起到占位符的功能。通过Vue.js的声明式渲染后，占位符将会被替换为实际的内容。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用。1.组件的生命周期通过运行以下代码，可以清晰的看到组件的生命周... 本教程为入门教程，如有错误，请各位前端大佬指出。是一个自定义元素或称为一个模块，包括所需的模板、逻辑和样式。在HTML模板中，组件以一个自定义标签的形式存在，起到占位符的功能。通过Vue.js的声明式渲染后，占位符将会被替换为实际的内容。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用。1.组件的生命周期通过运行以下代码，可以清晰的看到组件的生命周...
- 列表渲染利用v-for指令，基于数据多次渲染元素。 在v-for中使用数组用法：(item, index) in items参数：items: 源数据数组item：数组元素别名index：可选，索引 可以访问所有父作用域的属性<ul id="app"> <li v-for="(person, index) in persons"> {{ index }}---{{ person.n... 列表渲染利用v-for指令，基于数据多次渲染元素。 在v-for中使用数组用法：(item, index) in items参数：items: 源数据数组item：数组元素别名index：可选，索引 可以访问所有父作用域的属性<ul id="app"> <li v-for="(person, index) in persons"> {{ index }}---{{ person.n...
- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活在上一篇文章中，我们实现了路由的跳转，实现了对应项目跳转到显示对应内容的看板页面，在这当中，我们编写了 useDocumentTitle 、useDebounce 这两个给 custom hook 。接下来我... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活在上一篇文章中，我们实现了路由的跳转，实现了对应项目跳转到显示对应内容的看板页面，在这当中，我们编写了 useDocumentTitle 、useDebounce 这两个给 custom hook 。接下来我...
- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活在上一篇中，我们封装好了一些 custom hook 例如，用于操作 url 的 useUrlQueryParam 以及 useSetUrlSearchParam 同时我们封装了专门在 project 列表中... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活在上一篇中，我们封装好了一些 custom hook 例如，用于操作 url 的 useUrlQueryParam 以及 useSetUrlSearchParam 同时我们封装了专门在 project 列表中...
- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活在我们写好登录注册界面后，我们需要开始解决登录后的项目列表展示页，这也是我们在自动登录后显示的页面 💡 知识点抢先看这篇文章将讲到以下几个知识点antd 组件库渲染项目列表... 更多按钮的实现通过 URL... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活在我们写好登录注册界面后，我们需要开始解决登录后的项目列表展示页，这也是我们在自动登录后显示的页面 💡 知识点抢先看这篇文章将讲到以下几个知识点antd 组件库渲染项目列表... 更多按钮的实现通过 URL...
- GLSL提供了数以百计的内置函数，门类齐全、功能之强大。本文将内置函数分为等基础函数、三角函数、矩阵函数、向量函数、噪声函数、纹理函数、图像函数、着色器函数和其他函数等九大类别，受限于个人能力，目前只完成了前五个类别，还有纹理函数、图像函数、着色器函数和其他函数等四类，以待后补。 GLSL提供了数以百计的内置函数，门类齐全、功能之强大。本文将内置函数分为等基础函数、三角函数、矩阵函数、向量函数、噪声函数、纹理函数、图像函数、着色器函数和其他函数等九大类别，受限于个人能力，目前只完成了前五个类别，还有纹理函数、图像函数、着色器函数和其他函数等四类，以待后补。
- GLSL的数据类型，大致可以分为基本数据类型、向量、矩阵、结构体和数组等五类。 GLSL的数据类型，大致可以分为基本数据类型、向量、矩阵、结构体和数组等五类。
- ng-container 标签只在 design time 可见，运行时会完全从渲染出的 HTML 源代码里被移除。通过 ng-container 加上 SAP Spartacus 自定义实现的 cxFeatureLevel Directive, 可以实现根据配置的 Feature level，动态控制某个页面片段是否显示的效果。如下图所示，红色高亮区域内的 HTML 页面布局，仅当 SAP... ng-container 标签只在 design time 可见，运行时会完全从渲染出的 HTML 源代码里被移除。通过 ng-container 加上 SAP Spartacus 自定义实现的 cxFeatureLevel Directive, 可以实现根据配置的 Feature level，动态控制某个页面片段是否显示的效果。如下图所示，红色高亮区域内的 HTML 页面布局，仅当 SAP...
上滑加载中
推荐直播
-
TinyEngine低代码引擎系列.第1讲——低代码浪潮之下，带你走进TinyEngine2024/11/11 周一 16:00-18:00
李老师 高级前端开发工程师
低代码浪潮之下，带你走进TinyEngine。李旭宏老师将从低代码的发展趋势、TinyEngine的项目介绍，三方物料组件的使用、跨技术栈的使用、源码生成能力的差异性对比等多个方面带大家对TinyEngine低代码引擎有一个更清晰的认知和了解。
即将直播 -
0代码智能构建AI Agent——华为云AI原生应用引擎的架构与实践2024/11/13 周三 16:30-18:00
苏秦 华为云aPaaS DTSE技术布道师
大模型及生成式AI对应用和软件产业带来了哪些影响？从企业场景及应用开发视角，面向AI原生应用需要什么样的工具及平台能力？企业要如何选好、用好、管好大模型，使能AI原生应用快速创新？本期直播，华为云aPaaS DTSE技术布道师苏秦将基于华为云自身实践出发，深入浅出地介绍华为云AI原生应用引擎，通过分钟级智能生成Agent应用的方式帮助企业完成从传统应用到智能应用的竞争力转型，使能千行万业智能应用创新。
去报名
热门标签