- 一、 WebGL与Three.js的关系WebGL（Web Graphics Library）是一种 JavaScript API，用于在任何兼容的 Web 浏览器中呈现交互式 3D 和 2D 图形，不需要插件，即专门处理计算或处理3D图像的JS API。Three.js 是一款 WebGL 框架，其WebGL 的 API 接口基础上又进行的一层封装。由西班牙巴塞罗那的程序员 Ricard... 一、 WebGL与Three.js的关系WebGL（Web Graphics Library）是一种 JavaScript API，用于在任何兼容的 Web 浏览器中呈现交互式 3D 和 2D 图形，不需要插件，即专门处理计算或处理3D图像的JS API。Three.js 是一款 WebGL 框架，其WebGL 的 API 接口基础上又进行的一层封装。由西班牙巴塞罗那的程序员 Ricard...
- 引言在当今互联网时代，我们每天都会通过浏览器访问各种网页。但是，你是否曾经思考过在我们输入一个URL后，浏览器是如何加载并显示页面的呢？这背后涉及到一系列复杂的技术和过程。本文将带领大家深入了解从输入URL到页面展示的过程，并给出相应的代码示例，让我们一起探索这个神奇而又复杂的世界。 1. 网络请求的发起通过浏览器输入URL后，浏览器会根据协议类型（如HTTP或HTTPS）向服务器发起请求... 引言在当今互联网时代，我们每天都会通过浏览器访问各种网页。但是，你是否曾经思考过在我们输入一个URL后，浏览器是如何加载并显示页面的呢？这背后涉及到一系列复杂的技术和过程。本文将带领大家深入了解从输入URL到页面展示的过程，并给出相应的代码示例，让我们一起探索这个神奇而又复杂的世界。 1. 网络请求的发起通过浏览器输入URL后，浏览器会根据协议类型（如HTTP或HTTPS）向服务器发起请求...
- 一、前言当 Vue.js 用v-for更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。 二、key 的两种应用场景 2.1 在列表渲染时使用 key 属性假设Vue实例的data属性中有一个叫numbers的变量，它的值是[1, 2, ... 一、前言当 Vue.js 用v-for更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。 二、key 的两种应用场景 2.1 在列表渲染时使用 key 属性假设Vue实例的data属性中有一个叫numbers的变量，它的值是[1, 2, ...
- 一、前言在前端项目开发过程中，解决适配性、兼容性问题是经常遇到且费事费力的苦差事，尤其是在开发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...
上滑加载中
推荐直播
-
基于开源鸿蒙+海思星闪开发板：嵌入式系统开发实战（Day1）2025/03/29 周六 09:00-18:00
华为开发者布道师
本次为期两天的课程将深入讲解OpenHarmony操作系统及其与星闪技术的结合应用，涵盖WS63E星闪开发板的详细介绍、“OpenHarmony+星闪”的创新实践、实验环境搭建以及编写首个“Hello World”程序等内容，旨在帮助学员全面掌握相关技术并进行实际操作
回顾中 -
基于开源鸿蒙+海思星闪开发板：嵌入式系统开发实战（Day2）2025/03/30 周日 09:00-12:00
华为开发者布道师
本次为期两天的课程将深入讲解OpenHarmony操作系统及其与星闪技术的结合应用，涵盖WS63E星闪开发板的详细介绍、“OpenHarmony+星闪”的创新实践、实验环境搭建以及编写首个“Hello World”程序等内容，旨在帮助学员全面掌握相关技术并进行实际操作
回顾中 -
从AI基础到昇腾：大模型初探、DeepSeek解析与昇腾入门2025/04/02 周三 16:00-17:30
不易 / 华为云学堂技术讲师
昇腾是华为研发的AI芯片，其具有哪些能力？我们如何基于其进行开发？本期直播将从AI以及大模型基础知识开始，介绍人工智能核心概念、昇腾AI基础软硬件平台以及昇腾专区，旨在为零基础或入门级学习者搭建从AI基础知识到昇腾技术的完整学习路径。
回顾中
热门标签