草庐IT

纯前端

全部标签

TinyVue - 华为云 OpenTiny 出品的企业级前端 UI 组件库,免费开源,同时支持 Vue2 / Vue3,自带 TinyPro 中后台管理系统

华为最新发布的前端UI组件库,支持PC和移动端,自带了admin后台系统,完成度很高,web项目开发又多一个选择。关于OpenTiny和TinyVue在上个月结束的华为开发者大会2023上,官方正式进行发布了OpenTiny,这是华为云出品的企业级设计体系统,一套前端UI组件库。适配PC端/移动端等多端,同时支持Vue2/Vue3/Angular,拥有主题配置系统/中后台模板/CLI命令行等效率提升工具,可帮助开发者高效开发Web应用。据发布会说,OpenTiny孵化自华为云和流程IT,经过九年持续打磨,服务于华为内外部上千个项目,是一个稳定可靠的组件库。TinyVue是OpenTiny组件的

【虚幻引擎】UE4/UE5数字孪生与前端Web页面匹配

一、数字孪生    数字孪生是一种多维动态的数字映射,可大幅提高效能。数字孪生是充分利用物理模型、传感器更新、运行历史等数据,集成多学科、多物理量、多尺度、多概率的仿真过程,在虚拟空间中完成对现实体的复制和映射,从而反映物理实体的全生命周期过程。数字孪生以数字化方式为物理对象创建虚拟模型,进而模拟其在现实环境中的行为;通过搭建和整合制造流程的虚拟生产系统,实现从产品设计、生产计划到制造执行的生产全过程数字化,将产品创新能力、制造效率和有效性水平提升到全新高度。二、前期准备 从网上下载一个HTML的文件,存储在你项目的Content文件夹下面新建一个HTML的文件夹中三、UE和Web开发结合  

商城小程序源码开发流程、技术架构简述,商城系统前端代码分析

小程序的兴起,为电商行业带来了全新的机遇。商城小程序源码的开发,是一项非常重要的技术工作。本文将从商城小程序的开发流程、技术架构、代码实现等方面进行讲解。一、商城小程序的开发流程商城小程序的开发流程包括需求分析、界面设计、后台开发、前端开发、测试上线等环节。1、需求分析需求分析是商城小程序开发的第一步,需要明确商城小程序的目标用户、功能模块、流程设计等。开发者需要与客户进行沟通,确定商城小程序的整体需求。2、界面设计商城小程序的界面设计需要遵循小程序的设计规范,包括图标、颜色、字体等。界面设计需要考虑用户体验,使用户在使用过程中能够快速、方便地完成操作。3、后台开发商城小程序的后台开发需要使用

AIGC浪潮下,鹅厂新一代前端人的真实工作感受

👉腾小云导读AIGC这一时代潮流已然不可阻挡,我们要做的不是慌乱,而是把握住这个时代的机会。本文就和大家一起来探索在AIGC下,前端工程师即将面临的挑战和机遇。聊聊从以前到现在,AIGC给我们带来了怎么样的变化,下一代前端工程师又该何去何从?👉目录1 疯狂的AIGC2范式迁移——AIGC下开发模式改变的本质  2.1命令式->声明式  2.2声明式->AIGC式3 下一代前端工程师   3.1要善于利用  3.2要纵观全局  3.3要懂得批判    3.4 要合理使用4未来可期5望天下再无码农6 探讨   6.1AIGC下,前端会消失吗?   6.2前端开发工程师会过分依赖AI吗?01、疯狂的

前端导出表格 修改样式(xlsx-style)用法

一.应用机制        xlsx-style修改样式的机制 就是选中哪一行,那一列或者哪一个 然后去修改 比如表格最左上角的一个格子坐标是(0,0)下标 也可以叫做 A1选中之后 可以修改其样式 二.实战讲解1.下载依赖npminstallxlsx-style-S 首先下载依赖到项目2.引入到项目import*asXLSXfrom'xlsx'3.创建导出表格    为什么说是创建导出表格而不是表格呢,是因为导出表格跟原本页面展示的表格可能不一样,打比方我导出页面表格比普通的表格下方多一行注释等等,如果导出表格跟页面展示的一样,则可以用改表格,否则创建一个新表格v-show="false"也

基于Vue前端框架构建BI应用程序

一、什么是Vue?Vue(Vue.js)是一个轻量级、高性能、可组件化的MVVM库。简而言之,是一个构建数据驱动的web界面的渐进式框架。它采用MVVM思想,通过数据双向绑定实现数据的动态渲染,同时也支持组件化的开发方式,使开发更加高效和可复用。二、Vue的主要特点包括:响应式编程:Vue会自动对页面中某些数据的变化做出响应,实现数据的双向绑定,让开发者不用再操作dom对象,有更多的时间去思考业务逻辑。组件化的视图:Vue采用组件化开发方式,使得开发更加高效和可复用,同时也方便了代码的维护和扩展。轻量级框架:Vue框架轻巧、易于上手,同时也具有良好的性能表现。可与其他库或既有项目整合:Vue可

docker 项目部署 后端/前端

1.前端部署1.先打包前端项目为dist文件npmrunbuild2.先安装nginx,能成功跑起来dockerpullnginx拉取nginx镜像dockerimages查看已有镜像dockerrun--namenginx-test-p9091:80-dnginx启动nginx--name#给你启动的容器起个名字,以后可以使用这个名字启动或者停止容器-p#映射端口,将docker宿主机的9091端口和容器的80端口进行绑定,物理宿主机通过9091端口来访问容器的80端口-v#挂载文件用的-d#表示启动的是哪个镜像。3.Nginx服务的配置和部署3.1从容器中拷贝出nginx.conf配置文件

如何在前端实现WebSocket发送和接收UDP消息(多线程模式)

目录简介:步骤1:创建WebSocket连接步骤2:创建WebWorkers步骤3:发送和接收UDP消息(多线程模式)结束语:简介:本文将继续介绍如何在前端应用中利用WebSocket技术发送和接收UDP消息,并引入多线程模式来提高发送效率和性能。我们将使用JavaScript语言来编写代码,并结合WebSocketAPI、UDP数据包、WebWorkers和UDP消息监听器来实现这一功能。步骤1:创建WebSocket连接首先,我们需要在前端应用中建立一个WebSocket连接以与服务器进行通信。可以使用以下代码来创建WebSocket连接:constsocket=newWebSocket(

前端 js 操作 Cookie 详细介绍与案例

1前言1.1详细介绍名称和值:Cookie由一个名称和对应的值组成。名称是一个字符串,用于标识Cookie,而值则是与名称相关联的数据。域名:每个Cookie都与特定的域名相关联。Cookie只会被发送到与其关联的域名下的请求中。路径:Cookie可以与特定的路径相关联。当浏览器向指定路径下的服务器发送请求时,与该路径相关联的Cookie将被附加到请求中。过期时间:Cookie可以设置一个过期时间,以指定Cookie的有效期限。一旦超过该时间,浏览器将不再发送该Cookie。安全标志:通过设置安全标志,可以将Cookie限制为仅在通过HTTPS(安全的加密协议)进行通信时发送。HTTPOnly

前端小知识-01

【01】主子页面1、用iframe嵌入子页面,主页面和子页面能共享cookie吗?    不能。受到浏览器同源策略限制,不同域名的页面之间无法共享cookie,即使用iframe嵌入,也无法突破这个限制。2、基于cookie实现的登录页面,通过iframe被嵌入到主页面后,子页面还能登录成功吗?        若主子页面跨域,则由于同源策略限制,子页面不但无法访问主页面的cookie,同时也无法操作自己域名下的cookie。所以子页面无法通过cookie进行登录验证。若主子页面同域,那么两个页面之间可以共享cookie,子页面可以正常实现登录功能。3、在基于cookie的登录技术中,cooki