草庐IT

前端-全景图-VR

全部标签

Vue.js——基于JavaScript的MVVC前端框架

Vue.js是基于JavaScript的一套MVVC前端框架。在介绍Vue.js之前,先来了解一下Web前端技术的发展过程。Web刚起步阶段,只有可怜的HTML,浏览器请求某个URL时,Web服务器就把对应的HTML文件返回给浏览器,浏览器做解析后展示给用户。随着时间的推移,为了能给不同用户展示不同的页面信息,慢慢发展出了基于服务器的可动态生成HTML的语言,例如ASP、PHP、JSP等。但是,当浏览器接收到一个HTML后,如果要更新页面的内容,就只能重新向服务器请求获取一份新的HTML文件,即刷新页面。在2G的流量年代,这种体验很容易让人崩溃,而且还浪费流量。1995年,Web进入JavaS

元宇宙与VR虚拟现实的未来如何?

从科幻小说到商业现实自从Facebook年更名为Meta以来,关于元宇宙的热议不断,人们对虚拟世界的兴趣也重新燃起,因为尽管虚拟现实(VR)的概念由来已久,但该技术现在才开始真正得以应用。定义元宇宙和虚拟现实首先是TheMetaverse,这个概念至少可以追溯到1984年,当时威廉·吉布森(WilliamGibson)写了他的小说《神经漫游者》(Neuromancer),这个概念一直是科幻小说的常规特征。几十年来,VR一直是流行文化的一部分,出现在《黑客帝国》、《电子世界争霸战》和《头号玩家》等电影中。自从OculusRift、PlayStationVR、ValveIndex、HoloLens

纯前端 -- html转pdf插件总结

一、html2canvas+jsPDF(文字会被截断):将HTML元素呈现给添加到PDF中的画布对象,不能仅使用jsPDF,需要html2canvas或rasterizeHTMLhtml2canvas+jsPDF的具体使用链接二、html2pdf(内容显示不全+文字会被截断):下载或者安装html2pdf:官网1、将文档放在本地,用原生js进行引用和使用。①新建一个名为html2pdf.js的文件,并且将线上的内容进行复制。②引入js文件://js直接引入--未尝试scripttype="text/javascript"src="https://cdn.bootcdn.net/ajax/lib

分享12个面向前端开发人员的设计工具,提高你的生产力

大家好,我们除了埋头写代码,有时候我们会有更多的选择,调整我们的开发和设计流程,借助这些生产力工具,可以大大提高我们的开发效率,好了废话不多说,今天我看了一篇关于这方面的文章,在这里分享给大家。引导语醒目的设计是吸引访客注意力的有效方法。我整理了一些最有用的工具,可以帮助您改进设计工作流程。有了这个集合,您将能够为您的设计绘制草图、选择调色板、创建渐变、添加阴影、制作动画、包括自定义背景、找到合适的插图、试验不同的布局系统和组件等等。每个工具都将包括直接链接、说明和图像预览。1、excalidrawexcalidraw.com,一个在线的手绘白板工具,白板工具简单,用起来也顺手,还可以多人一起

前端成神之路-CSS基础选择器

前端成神之路-CSS基础选择器目录前端成神之路-CSS基础选择器CSS选择器(重点)1.CSS选择器作用(重点)选择器的作用2.CSS基础选择器2.1标签选择器2.2类选择器2.3类选择器特殊用法-多类名2.4id选择器id选择器和类选择器区别2.6通配符选择器2.7基础选择器总结2.8团队约定  本文章向大家介绍前端成神之路-CSS基础选择器,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。 第01阶段.前端基础.CSS基础选择器CSS选择器(重点)学习目标:理解能说出选择器的作用id选择器和类选择器的区别应用能够使用基础选择器给页

JS实现视频转gif,react实现视频转gif,前端视频转gif.

前言:本文介绍如何在前端实现视频转gif,虽然我用的是react+umi的框架,但实现该功能还是靠js,所以会不会react对本文的理解影响不大。先看一下实现效果:选择视频文件上传,转换成gif并下载。下面这个gif就是使用本文的方法将mp4转成gif的。实现思路:首先介绍一下需要用到的工具——gif.js,它可以把多张图片转成gif。所以我们要做的步骤如下:input标签上传视频文件。使用canvas将视频内容绘制到画布上。设置定时器,从播放视频开始到结束,每隔100ms(可按需自行设置)操作步骤2,可得到连续的截图。使用gifjs把得到的截图转换成gif格式。开始实现(1)引入gif.js

[手把手系列之] Jenkins自动化部署vue前端项目

Jenkins自动化部署实例讲解前言简介:Jenkins是一个开源软件项目,是基于Java开发的一种持续集成工具,用于监控持续重复的工作,旨在提供一个开放易用的软件平台,使软件项目可以进行持续集成点击下面的链接进入官网选择最新的版本下载,然后一键安装即可。下载地址:windows版本Jenkins下载一、安装Jenkins插件1、安装完推荐的插件,我们还需要额外的插件来满足使用,需要单独下载插件,依次下载安装即可Gitee:这里以Gitee作为代码仓库NodeJs:前端项目打包的基本环境QyWechatNotification:自动部署后进行企业微信发送对应消息通知二、Gitee配置证书令牌1

二蛋赠书十四期:《微前端实战》

前言大家好!我是二蛋,一个热爱技术、乐于分享的工程师。在过去的几年里,我一直通过各种渠道与大家分享技术知识和经验。我深知,每一位技术人员都对自己的技能提升和职业发展有着热切的期待。因此,我非常感激大家一直以来对我的关注和支持。为了回馈大家的厚爱,我决定启动一项特别的赠书活动。我希望通过这个活动,能够让更多的读者获得有价值的技术支持,并提高自己的技能水平。在这个活动中,我将不定期向大家赠送一本技术相关书籍。这些书籍涵盖了各种技术领域,包括编程、人工智能、大数据等等。每一本书都是经过我精心挑选,力求为大家带来最有价值的内容。同时,为了更好地满足读者的需求,我在每期的赠送活动中都会开展投票。大家可以

VR渲染器怎么用之自适应图像采样器,可解决渲染黑图问题

大家好,相信刚接触到vr渲染器时,会vr的图像采样器感到迷茫,如何使用图像采样器?图像采样器有何用呢?今天便为大家讲解vr中的自适应DMC图像采样器的运用。说明:高版本渲染器中的渲染块整合了原有的“固定”“自适应”和“自适应采样”三种模式于一体,通过“渲染块图像采样器”卷展栏中的参数进行设置。所以此文章仅针对低版本VR渲染器3.4以下版本使用! 之前有过一篇文章专门说到3damx渲染黑图怎么办?其中便有个功能便是打开自适应采样的功能,这个功能可解决由于把3dmax中渲染设置里面的抗锯齿过滤器选错了,如果选择“图版匹配/maxr2”就会出现渲染变全黑。只需要将图像采样器选择成自适应dmc,自适应

2023年最火前端项目凭什么是它?

近日,JavaScriptRisingStars正式公布2023年JavaScript明星项目榜单,其中 shadcn/ui 位列榜首,2023年获得了 39.5k Star。本文将深入探讨shadcn/ui 是什么、使用方式、实现原理,它凭什么能够成为年度最火前端项目!概述ShadcnUI与其他UI和组件库如MaterialUI、AntDesign、ElementUI的设计理念截然不同。这些库一般通过npm包提供对组件的访问,而 ShadcnUI允许用户将单个UI组件的源代码直接下载到项目中,提供了更大的灵活性和定制空间。按照ShadcnUI的说法,ShadcnUI实际上并不是一个组件库,而