WEB技术
文章平均质量分 77
前端开发视觉设计、测试和修复问题,以及常用的技术HTML、CSS、JavaScript、前端框架和WEB 3D。
:MNongSciFans
这个作者很懒,什么都没留下…
展开
-
分享实现地铁车辆侧面图
通过伪类和关键帧动画实现地铁车辆侧面图原创 2024-07-06 15:29:08 · 302 阅读 · 0 评论 -
分享屏幕坐标和窗口通信
实现功能,通过url传参选择扑克牌,桌面同时打开两个以上该窗口,扑克牌可以在窗口之间移动。原创 2024-06-30 16:36:30 · 332 阅读 · 0 评论 -
分享画布绘制矩形
实现功能,在画布上绘制矩形,移动矩形。原创 2024-06-30 16:32:33 · 422 阅读 · 0 评论 -
分享HTML显示2D/3D粒子时钟
HTML显示2D/3D粒子时钟,复杂问题拆解成简单化问题,画单个点,画很多个点,画很多个运动的点,通过实践提升代码掌控能力和设计思维。原创 2024-06-21 21:50:45 · 454 阅读 · 0 评论 -
简介RESTful API和中间件Web API网关
REST API在确保客户端和服务器之间的顺利通信方面发挥着重要作用。Web API网关(API Gateway)是一种中间件,它提供了一个统一的入口点,用于访问多个后端服务或微服务。API网关是微服务架构中的一个关键组件,它充当外部请求和内部服务之间的流量入口。API网关提供了统一的入口点,负责处理外部请求,并根据需要路由到相应的微服务。通过这种方式,API网关简化了服务间的通信,降低了复杂性。原创 2024-06-08 15:29:48 · 1263 阅读 · 0 评论 -
Web前端指南
前端开发员主要负责网站的设计、外观和感觉。他们设计引人入胜的在线用户体验,激发用户兴趣,鼓励用户重复访问。他们与设计师密切合作,使网站美观、实用、快捷。如果您喜欢创造性思维、打造更好的体验并对视觉设计感兴趣,这将是您的理想职业道路。原创 2024-06-08 10:56:12 · 542 阅读 · 0 评论 -
从渲染管线到着色器Shader实践
Blender建模软件创建天空背景更简单,不用代码设置,直接美术在Blender中创建一个球体,然后设置一个天空的背景图作为球体颜色贴图。PBR是基于物理的渲染(physically-based rendering)。模拟物体表面的反射算法。three.js提供了两个PBR材质相关的类MeshStandardMaterial和MeshPhysicalMaterial,PBR材质相比MeshLambertMaterial和MeshPhongMaterial可以提供更逼真的、更接近生活中的材质效果。原创 2024-06-07 18:09:08 · 1589 阅读 · 0 评论 -
从网路冲浪到three.js+cannon.js
网络通信和Web开发中的基础知识点。至今:浏览器继续发展,重点包括性能提升、安全性增强、隐私保护、对新兴Web标准的支持等。Chrome因其快速、安全、丰富的扩展程序而成为市场领导者。未来:随着Web技术的不断进步,浏览器将继续向着更加快速、安全、用户友好的方向发展。新的浏览技术,如WebAssembly和Service Workers,将进一步扩展浏览器的功能。原创 2024-06-03 20:11:00 · 653 阅读 · 1 评论 -
Web 3D 框架简介
随着HTML5和WebGL技术的发展,3D游戏引擎开始向Web领域扩展。这使得开发者可以在浏览器中创建和运行高质量的3D游戏,而无需额外的插件。一些主要的Web 3D游戏引擎,如Three.js和Babylon.js,开始出现,并得到了广泛的使用。原创 2024-05-16 17:55:43 · 1821 阅读 · 0 评论 -
从Paint 3D入门glTF
glTF(全称为Graphics Language Transmission Format)是一种用于在3D图形应用程序之间传输和加载3D模型的开放标准格式。它是由Khronos Group开发和维护的,旨在提供一种高效的方式来存储和传输3D模型,适用于在各种平台和设备上展示和交互。原创 2024-04-30 15:15:42 · 1354 阅读 · 0 评论 -
分享babylon.js实现Web三维场景
使用 Babylon.js 为混合现实体验创建 3D 对象和交互。原创 2024-04-22 17:57:52 · 1884 阅读 · 1 评论 -
Web前端框架/库/工具
简而言之:三大前端框架中的vue和react,就是视图层的library,angular稍重一点,属于大而全的framework,jQuery是一个工具库,与underscore和lodash相比,前者侧重于DOM与BOM相关的web api,后者侧重数据与逻辑,bootstrap,一种响应式的设计模式,同时提供了快速开发所需的css代码,ui组件和设计范式,elementui,layui,easyui这些都属于ui库了,用于视图层快速搭建某一类风格页面的“物料”。由于其中API的存在,开发任务得到简化。原创 2024-04-21 18:34:32 · 1759 阅读 · 1 评论 -
简介:基于Web的产品3D
通过可视化界面获得各种选项来个性化他们的产品,例如颜色、材料、尺寸、文字、徽标、零件等。海量开放数据集Objaverse数据集可以从huggingface下载,它包含大约 800 000 个 3D 模型以及文本描述,可以解放建模中的繁重任务。原创 2024-04-08 19:10:28 · 1631 阅读 · 0 评论 -
分享webgl魔幻星球
比如有负责渲染HTML+css的工人,有负责渲染二维图形的工人,有负责渲染三维图形的工人。webgl坐标基底中的两个分量分别是半个canvas的宽和canvas的高,即1个单位的宽便是半个个canvas的宽,1个单位的高便是半个canvas的高。canvas 2d 坐标系的坐标基底有两个分量,分别是一个像素的宽和一个像素的高,即1个单位的宽便是1个像素的宽,1个单位的高便是一个像素的高。渲染二维图形的工人和渲染三维图形的工人不是一个国家的,他们说的语言不一样。渲染三维图形的工人说的是GLSL ES 语言。原创 2024-04-05 12:10:16 · 693 阅读 · 0 评论 -
分享three.js实现粒子背景
粒子特效可以实现非常多的效果,如星空、烟雾、雨、灰尘、火等。粒子特效的优势是即使使用了成百上千的例子,也能保证比较高的帧率。缺点是每个粒子都由一个始终面向相机的平面(两个三角形)组成。原创 2024-04-03 17:53:36 · 932 阅读 · 0 评论 -
分享OpenTiny总结VUE目录结构
OpenTiny总结VUE目录结构,在设计规范和基础组件的基础上, 继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。原创 2024-04-02 17:43:13 · 1124 阅读 · 0 评论 -
分享three.js实现乐高小汽车
Web脚本语言JavaScript入门容易,但是想要熟练掌握却需要几年的学习与实践,还要在弱类型开发语言中习惯于使用模块来构建你的代码,就像小时候玩的乐高积木一样。原创 2024-03-30 12:12:55 · 2943 阅读 · 0 评论 -
分享react+three.js展示温湿度采集终端
react+three.js模拟温湿度采集终端。应用程序的模块化理念,使用模块来构建你的代码。通过将实现隐藏在一个简单的接口后面,您可以使您的应用程序万无一失且易于使用。它只做它应该做的,没有别的。通过隐藏实现,我们对使用我们代码的人实施了良好的编码风格。您可以访问的实现越多,它就越有可能成为您以后必须处理的复杂的半生不熟的“修复”。创建3D场景时,唯一的限制是您的想象力 - 以及您的技术知识深度。要点是如何描述3D空间的坐标系和用于在坐标系内移动对象。原创 2024-03-28 23:24:47 · 1294 阅读 · 0 评论 -
分享vue3+OpenTiny UI+cesium.js实现三维地球
使用vue3 + OpenTiny UI + cesium 实现三维地球opentiny vue3 ui安装指南 https://opentiny.design/tiny-vue/zh-CN/os-theme/docs/installation yarn add @opentiny/vue@3。原创 2024-03-23 17:53:45 · 1500 阅读 · 0 评论 -
简介:网络数据中心和数字孪生系统融合
数据中心是存储计算机及其相关硬件设备的物理位置。它包含 IT 系统所需的计算基础设施,例如服务器、数据存储驱动器和网络设备。它是存储任何公司数字数据的物理设施。每个企业都需要计算设备来运行其 Web 应用程序、为客户提供服务、销售产品或运行用于账户、人力资源和运营管理的内部应用程序。随着业务的增长和 IT 运营的增加,所需设备的规模和数量也呈指数级增长。分布在多个分支机构和地点的设备难以维护。相反,公司可以使用数据中心将他们的设备带到一个中心位置并有效地管理它。原创 2024-03-22 12:55:34 · 1073 阅读 · 0 评论 -
简介:iframe 沙箱+WebComponent 容器
基于浏览器的软件很快就会变得复杂且难以维护,尤其是当它被实现为大型单页应用程序时。通过采用微前端方法并将web应用程序设计为功能系统,您可以提供更快的功能开发、更容易的升级,并选择您在堆栈中使用的技术。Micro Frontends in Action是您简化笨重前端的指南,它由定义良好的小单元组成。原创 2024-03-19 12:25:58 · 1381 阅读 · 0 评论 -
推荐五本书设计+界面+导航+信息架构+JS程序
『好设计比差设计更难发现』,因为好设计是如此的自然,帮助用户轻松的完成目标,以至于用户根本意识不到好设计的存在。设计原则是对具象设计的抽象和总结,然而产品是一个整体,用户对整个产品的认知也是从全局到局部,所以忽略全局,只在局部套用原则是不可取的。对于这些原则,『设计者』应当理性地学会它,而后勇敢地抛弃它。https://1x.ant.design/docs/spec/introduce原创 2024-03-15 16:26:51 · 1001 阅读 · 0 评论 -
简介:基于 OpenTiny 组件库的 rendereless 无渲染组件架构
在 HAE 自研阶段,我们实现的数据双向绑定、面向对象的 JS 库、配置式开发的注册表等特性,随着前端技术的高速发展现在已经失去存在的意义,但是在 AUI 阶段探索的新思路新架构,经过大量的业务落地验证,再次推动前端领域的创新。TinyVue 继承了 HAE、AUI,OpenTiny 是一套企业级组件库解决方案,适配 PC 端 / 移动端等多端,涵盖 Vue2 / Vue3 / Angular 多技术栈,拥有主题配置系统 / 中后台模板 / CLI 命令行等效率提升工具,可帮助开发者高效开发 Web 应用。原创 2024-03-09 11:12:13 · 701 阅读 · 0 评论 -
简介:Deep Web和Dark Web
“深网”和“暗网”是不能互换的术语。虽然整个暗网都是暗网的一部分,但反过来却不是这样。简单地说,深度网络是网络中没有被搜索引擎索引的任何部分。这包括在付费墙后面屏蔽其内容的网站、受密码保护的网站,甚至是您的电子邮件内容。另一方面,暗网使用加密软件来提供更大的安全性。原创 2024-03-09 10:41:00 · 2423 阅读 · 0 评论 -
分享vue2+ant-design简单封装示例
分享vue2+ant-design简单封装示例原创 2024-03-08 21:53:56 · 571 阅读 · 0 评论 -
分享axios+MQTT简单封装示例
MQTT是一个基于客户端-服务器的消息发布/订阅传输协议。MQTT最大优点在于,可以以极少的代码和有限的带宽,为连接远程设备提供实时可靠的消息服务。作为一种低开销、低带宽占用的即时通讯协议,使其在物联网、小型设备、移动应用等方面有较广泛的应用。原创 2024-03-08 20:59:57 · 1089 阅读 · 0 评论 -
分享axios+signalr简单封装示例
Axios 是一个基于 promise 网络请求库,作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。SignalR 提供了一个简单的 API,用于创建服务器到客户端远程过程调用, (RPC) 调用客户端浏览器中的 JavaScript 函数, (和其他客户端平台从服务器端 .NET 代码) 。原创 2024-03-08 16:36:15 · 1209 阅读 · 0 评论 -
分享MDN前端结构化技能、实践指南、学习资源
MDN课程为成为一名成功的前端开发人员提供了一个结构化的基本技能和实践指南,以及推荐的学习资源。原创 2024-03-08 15:05:33 · 438 阅读 · 0 评论 -
vue ui Starting GUI 图形化配置web新项目
在vue框架里面, 以往大家都是习惯用命令行 vue create 、vue initwebpack创建新前端项目,而vue ui是一个可视化的图形界面,对于新手来说更加友好了,不但可以创建、管理、还可以更新vue项目,也可以下载各种需要的插件,比如elmentui、axios、vuex等,图形化更加直观的看到所安装的各种插件以及一来,安装卸载不用敲命令,一键即可,下面就来介绍,如何使用ui创建新项目。原创 2024-03-06 16:54:22 · 998 阅读 · 0 评论 -
分享Web.dev.cn中国开发者可以正常访问
我们真心希望能够帮助您更容易地获取我们的内容,以便更好地向您提供支持,并且我们期待为您带来更多精彩内容。在 Chrome for Developers 网站上,您可以了解最新的 Chrome 稳定版和 Beta 版本的发布情况,并探索我们为 Chrome DevTools、扩展程序等内容提供的帮助文档,以及更多资源。谷歌开发者很高兴地宣布,web.dev 和 Chrome for Developers 现在都可以通过 .cn 域名访问,这将帮助中国的开发者更加容易获取我们的内容。Chrome 稳定版。原创 2024-03-05 19:00:27 · 752 阅读 · 0 评论 -
分享three.js和cannon.js构建Web 3D场景
这个集合的目标是提供一组基本的、有指导意义的示例,介绍Three.js中的各种功能。每个页面的源代码都包含详细的注释。原创 2024-02-27 17:34:31 · 2293 阅读 · 0 评论 -
分享阿姆斯特丹3D城市模型
处于开发阶段的阿姆斯特丹 3D 城市模型可用于更轻松地向公众传达空间规划。 公众可以更多地参与市政府的规划决策和宗旨。 城市模型由简化形状的建筑物组成。原创 2024-02-22 17:53:52 · 258 阅读 · 0 评论 -
分享WebGL物体三维建模
WebGL物体三维建模原创 2024-02-22 17:48:44 · 1116 阅读 · 0 评论 -
分享Video.js观看Web视频流
Video.js是一款为HTML5世界从头开始构建的网络视频播放器。它支持HTML5视频和现代流媒体格式,以及YouTube和Vimeo。它支持在桌面和移动设备上播放视频。该项目于2010年年中启动,目前已有数百名贡献者,在超过45万个网站上使用。原创 2024-02-22 11:12:21 · 878 阅读 · 0 评论 -
如何用Javascript发出HTTP请求?
在Javascript中,可以使用内置的XMLHttpRequest对象或fetch()函数来发出HTTP请求。原创 2024-02-22 10:43:51 · 943 阅读 · 0 评论 -
分享JavaScript 技术概览
HTML 定义网页的结构与内容,CSS 定义其格式与样式,而 JavaScript 则为网页增加可交互性,创作功能丰富的 Web 应用。原创 2024-02-22 09:46:52 · 436 阅读 · 0 评论 -
分享超文本应用程序技术工作组的网站
超文本应用程序技术工作组是一个负责维护与开发 Web 标准的社区,他们的工作成果包括 DOM、Fetch API,和 HTML。原创 2024-02-21 09:58:09 · 339 阅读 · 0 评论 -
vue3 + Babylon.js 构建Web 3D场景
vue3 + Babylon.js 构建web 3D场景。原创 2024-02-12 09:57:40 · 2374 阅读 · 0 评论 -
分享使用 Adobe 的色輪
使用Adobe 的色輪色輪來建立構成調色盤的和諧顏色。請選擇您的基色,然後從相似色、三元色、互補色等各種色彩調和中進行選擇,以建立漂亮的設計。原创 2024-02-01 16:18:53 · 261 阅读 · 1 评论 -
分享Web 开发技术CSS:层叠样式表transform
无论是transition还是animation,都只是浏览器帮助我们实现css属性的动态改变,并根据屏幕帧率实现更自然的动画效果。但本质上css的属性改变还是会触发页面的【重绘】【重排】,因此他们的渲染成本是比较高的。原创 2024-02-01 14:49:22 · 326 阅读 · 1 评论