- 一、前言在前端项目开发过程中,解决适配性、兼容性问题是经常遇到且费事费力的苦差事,尤其是在开发Vue项目,应用部署在IE(尤其是IE9)上的时候。在进行动态展示(根据后台返回的表头、表数据展示)搜索结果时,会遇到搜索结果适配屏幕宽度或高度,但是却会出现纵向或横向滚动条的现象,通过F12调试页面元素,会发现动态的增删overflow:auto元素属性,会解决以上问题。由此可知,动态渲染页面元... 一、前言在前端项目开发过程中,解决适配性、兼容性问题是经常遇到且费事费力的苦差事,尤其是在开发Vue项目,应用部署在IE(尤其是IE9)上的时候。在进行动态展示(根据后台返回的表头、表数据展示)搜索结果时,会遇到搜索结果适配屏幕宽度或高度,但是却会出现纵向或横向滚动条的现象,通过F12调试页面元素,会发现动态的增删overflow:auto元素属性,会解决以上问题。由此可知,动态渲染页面元...
- glTF(GL传输格式)是一种3D文件格式,以JSON格式存储3D模型信息。JSON 的使用既可以最大限度地减少 3D 资产的大小,也可以最大限度地减少解压缩和使用这些资产所需的运行时处理。它被应用程序用于3D场景和模型的高效传输和加载。 glTF(GL传输格式)是一种3D文件格式,以JSON格式存储3D模型信息。JSON 的使用既可以最大限度地减少 3D 资产的大小,也可以最大限度地减少解压缩和使用这些资产所需的运行时处理。它被应用程序用于3D场景和模型的高效传输和加载。
- 光源光的三原色: 红red、绿green、蓝blue。色彩模式: HSL、HSV。色相Hue、饱和度Saturation、亮度Lightness、明度 Value。白色反射所有光(白色的物体利于测试灯光) Three.js 的光源类 1.环境光把颜色添加到整个场景和对象的当前颜色上maya环境光测试一个蓝色的环境光渲染灰色boxTHREE代码重构环境光的特点:光源颜色影响整个场景没有特定的... 光源光的三原色: 红red、绿green、蓝blue。色彩模式: HSL、HSV。色相Hue、饱和度Saturation、亮度Lightness、明度 Value。白色反射所有光(白色的物体利于测试灯光) Three.js 的光源类 1.环境光把颜色添加到整个场景和对象的当前颜色上maya环境光测试一个蓝色的环境光渲染灰色boxTHREE代码重构环境光的特点:光源颜色影响整个场景没有特定的...
- 项目背景最近在准备开发工作流引擎相关模块,完成表结构设计后开始着手流程设计器的技术选型,调研了众多开源项目后决定基于jsplumb.js开源库进行自研开发,保证定制化的便捷性,相关效果图及项目地址如下项目地址:https://gitee.com/code2roc/fast-flow-desgion 需求概述流程设计器中最基础的两个元素为活动(节点)和变迁(连接),我们需要以下基础功能来配合... 项目背景最近在准备开发工作流引擎相关模块,完成表结构设计后开始着手流程设计器的技术选型,调研了众多开源项目后决定基于jsplumb.js开源库进行自研开发,保证定制化的便捷性,相关效果图及项目地址如下项目地址:https://gitee.com/code2roc/fast-flow-desgion 需求概述流程设计器中最基础的两个元素为活动(节点)和变迁(连接),我们需要以下基础功能来配合...
- 一、前言前期将脚手架yo安装成功,本篇博文主要讲解如何利用yo提供的代码自动生成功能生成项目代码。 二、Bloc 数据流讲解Bloc 数据流工具安装:sudo npm install -g yosudo npm install -g generator-bloc安装完成后通过执行 npm ls generator-bloc -g 命令,查看bloc模板生成位置。执行结果如下:进入node_... 一、前言前期将脚手架yo安装成功,本篇博文主要讲解如何利用yo提供的代码自动生成功能生成项目代码。 二、Bloc 数据流讲解Bloc 数据流工具安装:sudo npm install -g yosudo npm install -g generator-bloc安装完成后通过执行 npm ls generator-bloc -g 命令,查看bloc模板生成位置。执行结果如下:进入node_...
- 一、API 原型createMaterialTopTabNavigator(RouteConfigs,TabNavigatorConfig) 二、参数说明 2.1 RouteConfigs路由名称到路由配置的一个映射。示例如下:{ Home:{ //这是一个首页路由配置项 screen:Home,//必填项 Home是react的一个组件 path:'',//选填项深度连接或web... 一、API 原型createMaterialTopTabNavigator(RouteConfigs,TabNavigatorConfig) 二、参数说明 2.1 RouteConfigs路由名称到路由配置的一个映射。示例如下:{ Home:{ //这是一个首页路由配置项 screen:Home,//必填项 Home是react的一个组件 path:'',//选填项深度连接或web...
- 概述所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。RN 组件的生命周期整理如下图:如图,可以把组件生命周期大致分为三个阶段:第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化;第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面;第三阶段:是组件卸载消亡的阶段... 概述所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。RN 组件的生命周期整理如下图:如图,可以把组件生命周期大致分为三个阶段:第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化;第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面;第三阶段:是组件卸载消亡的阶段...
- 当启动 Spartacus 时,路由由 Router 逻辑处理。将评估四种不同类型的路由:路由应由自定义路由路径处理;客户添加了硬编码路由,并且我们应该优先考虑这些路由。路由是 PLP(产品列表页)或 PDP(产品详情页)。路由是 CMS(内容管理系统)内容页面。路由是未知的(404 页面未找到)。当向 Spartacus 提供不正确的 URL 时,它很可能属于第三种情况。Spartacus... 当启动 Spartacus 时,路由由 Router 逻辑处理。将评估四种不同类型的路由:路由应由自定义路由路径处理;客户添加了硬编码路由,并且我们应该优先考虑这些路由。路由是 PLP(产品列表页)或 PDP(产品详情页)。路由是 CMS(内容管理系统)内容页面。路由是未知的(404 页面未找到)。当向 Spartacus 提供不正确的 URL 时,它很可能属于第三种情况。Spartacus...
- 寻宝之旅开启,第一站就定在Three.js这座海岛之上了。 寻宝之旅开启,第一站就定在Three.js这座海岛之上了。
- 一、问题描述在使用ng-options时,如果首次使用,可能会在渲染完成后发现下拉列表的第一项为空,并且在选择一项之后,为空的第一项已经消失了,这样用户体验上来说很不好。 二、原因剖析使用ng-options的时候,是配合模型指令ng-model一起使用的,从而我们就可以知道,渲染生成的第一项为空原因肯定和ng-model的初始值有关系。 三、解决办法可以在控制器中给ng-model的初始... 一、问题描述在使用ng-options时,如果首次使用,可能会在渲染完成后发现下拉列表的第一项为空,并且在选择一项之后,为空的第一项已经消失了,这样用户体验上来说很不好。 二、原因剖析使用ng-options的时候,是配合模型指令ng-model一起使用的,从而我们就可以知道,渲染生成的第一项为空原因肯定和ng-model的初始值有关系。 三、解决办法可以在控制器中给ng-model的初始...
- 一、功能简介FlatList为高性能的简单列表组件,支持下面这些常用的功能:完全跨平台。支持水平布局模式。行组件显示或隐藏时可配置回调事件。支持单独的头部组件。支持单独的尾部组件。支持自定义行间分隔线。支持下拉刷新。支持上拉加载。支持跳转到指定行(ScrollToIndex)。如果需要分组/类/区(section),请使用SectionList。FlatList和SectionList都是... 一、功能简介FlatList为高性能的简单列表组件,支持下面这些常用的功能:完全跨平台。支持水平布局模式。行组件显示或隐藏时可配置回调事件。支持单独的头部组件。支持单独的尾部组件。支持自定义行间分隔线。支持下拉刷新。支持上拉加载。支持跳转到指定行(ScrollToIndex)。如果需要分组/类/区(section),请使用SectionList。FlatList和SectionList都是...
- 一、前言在前期博文中讲解了应用SectionList实现分组列表,本文主要讲解ReactNative长列表数据展示核心组件ListView ,该组件在数据量大时性能较差,占用内存持续增加,故诞生了FlatList组件。 二、ListView 常用属性ScrollView 相关属性样式全部继承属性名(类型)说明dataSource 【ListViewDataSource】设置ListView... 一、前言在前期博文中讲解了应用SectionList实现分组列表,本文主要讲解ReactNative长列表数据展示核心组件ListView ,该组件在数据量大时性能较差,占用内存持续增加,故诞生了FlatList组件。 二、ListView 常用属性ScrollView 相关属性样式全部继承属性名(类型)说明dataSource 【ListViewDataSource】设置ListView...
- 一、前言在前期博文中讲解了应用SectionList实现分组列表,本文主要讲解ReactNative长列表数据展示核心组件ListView ,该组件在数据量大时性能较差,占用内存持续增加,故诞生了FlatList组件。 二、ListView 常用属性ScrollView 相关属性样式全部继承属性名(类型)说明dataSource 【ListViewDataSource】设置ListView... 一、前言在前期博文中讲解了应用SectionList实现分组列表,本文主要讲解ReactNative长列表数据展示核心组件ListView ,该组件在数据量大时性能较差,占用内存持续增加,故诞生了FlatList组件。 二、ListView 常用属性ScrollView 相关属性样式全部继承属性名(类型)说明dataSource 【ListViewDataSource】设置ListView...
- 一、SectionList 简述ReactNative长列表数据组件一共有三个:ListView 核心组件,数据量大时性能较差,占用内存持续增加,故诞生FlatList组件。FlatList 用于替代 ListView,支持下拉刷新和上拉加载。SectionList 高性能的分组列表组件。其中,SectionList支持下面的常用功能:完全跨平台;支持水平布局模式;行组件显示或隐藏时可配置... 一、SectionList 简述ReactNative长列表数据组件一共有三个:ListView 核心组件,数据量大时性能较差,占用内存持续增加,故诞生FlatList组件。FlatList 用于替代 ListView,支持下拉刷新和上拉加载。SectionList 高性能的分组列表组件。其中,SectionList支持下面的常用功能:完全跨平台;支持水平布局模式;行组件显示或隐藏时可配置...
- 一、前言ReactNative启动完成之后,就会加载jsbundle中的js代码,进入js层渲染。此篇博文重点讲解 ReactNative JS 层渲染涉及的 diff 算法。使用 React 写过 Web 和 ReactNative的,很明显感觉到:除了组件命名不一样之外,生命周期、刷新机制等几乎是完全一样的,这也就是 Facebook 所说的“learn once, write any... 一、前言ReactNative启动完成之后,就会加载jsbundle中的js代码,进入js层渲染。此篇博文重点讲解 ReactNative JS 层渲染涉及的 diff 算法。使用 React 写过 Web 和 ReactNative的,很明显感觉到:除了组件命名不一样之外,生命周期、刷新机制等几乎是完全一样的,这也就是 Facebook 所说的“learn once, write any...
上滑加载中
推荐直播
-
探秘仓颉编程语言:华为开发者空间的创新利器
2025/02/22 周六 15:00-16:30
华为云讲师团
本期直播将与您一起探秘颉编程语言上线华为开发者空间后,显著提升开发效率,在智能化开发支持、全场景跨平台适配能力、工具链与生态完备性、语言简洁与高性能特性等方面展现出的独特优势。直播看点: 1.java转仓颉的小工具 2.仓颉动画三方库lottie 3.开发者空间介绍及如何在空间用仓颉编程语言开发
回顾中 -
大模型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 驱动云上应用创新。
去报名
热门标签