草庐IT

纯前端

全部标签

docker前端开发环境搭建

docker做本地开发环境的好处: 隔离环境各项目所需node等版本不一,切换起来比较麻烦,虽用nvm可来解决,但使用docker更优快速配置环境新电脑,新系统,新环境,第一件事就是配置开发环境。下载node、git,然后安装一些npm的全局包,然后下载vscode,配置vscode,下载插件等等……使用docker后,只需从dockerhub中拉取事先打包好的开发环境镜像,就可以愉快的进行开发了。docker安装docker官网(http://www.docker.com)下载dockerdesktop并安装安装完成,打开docker,待其完全启动后,打开控制台输入:docker-v显示版本

前端大文件上传处理方案

前端大文件上传处理方案是一种用于上传大型文件的技术方案。它通常包括将大型文件分成小块,每块大小通常为几兆到几十兆,然后将这些小块逐个上传,最终在服务器上重新组合成原始文件。以下是一些常见的前端大文件上传处理方案:分片上传:这是一种将大文件分成小块上传的方案。每个分片都由独立的请求上传,可以在上传过程中暂停和恢复。断点续传:这是一种基于分片上传的方案,它可以在上传过程中捕获上传的状态,以便在上传过程中发生错误或中断时恢复上传。这种方案通常需要在服务器端进行支持。使用WebRTC进行点对点文件传输:这是一种直接将文件上传到另一个设备或浏览器的方案。这种方案可以避免上传到服务器的延迟和带宽限制,但可

2023最新前端高频面试题及答案(轻松拿捏面试官)

废话就不多说了直接上题set和map的区别?  set:  (1)成员是不可以重复的   (2)只有键值没有键名,类似数组  (3)可以遍历,方法有add,delete,has map:  (1)本质上是键值对的集合,类似集合  (2)可以遍历,可以跟各种数据格式转换forin,forof,forEach三者区别? forEach用于遍历数组且不能使用returnforin常用于遍历对象或者jsonforof数组对象都可以遍历,遍历对象需要通过object.keys() forin循环的是key,forof循环的是value原生ajax的原理及请求五个步骤?  流程:创建xmlhttprequ

统计前端项目代码的总行数

统计前端项目代码的总行数,可以有两种方式:GitBash命令行页面中使用命令统计或着使用VSCode中的插件统计。方式一、使用命令1、选择项目路径,进入GitBash页面在前端项目的src目录,右键选择“GitBashHere”,进入GitBash的命令行页面。2、执行统计命令在命令行页面中执行如下命令,即可统计出相关类型文件的总行数(包含空格):find."("-name"*.html"-or-name"*.js"-or-name"*.css"-or-name"*.vue"")"-print|xargsgrep-v"^$"|wc-l说明:如果想增加文件类型,在查询过滤条件中增加即可,如:想筛

若依项目前端页面跳转的流程

前端页面跳转的流程1、登录页面跳转的流程先找到views下面的login.vue文件、查看login.vue文件、查找handleLogin(){}函数this.$router.push({path:this.redirect||"/"}).catch(()=>{});这里代码登录成功进行跳转找到router下面的index.js文件、查看/的路由跳转配置//首页的跳转{path:'',component:Layout,redirect:'index',children:[{path:'index',component:()=>import('@/views/index'),name:'Ind

推荐10个适合前端人员学习VR和AR相关的GitHub项目

GitHub是一个开源代码库,其中包含了无数有用的项目和工具。对于前端开发人员来说,GitHub是一个非常有用的资源,可以帮助他们学习和实践各种技术,包括虚拟现实(VR)和增强现实(AR)技术。以下是10个适合前端人员学习VR和AR相关的GitHub项目,这些项目提供了学习和实践这些技术的机会。A-FrameA-Frame是一个基于Web的VR框架,它使用HTML和JavaScript来构建虚拟现实场景。它提供了各种组件和实用工具,可用于创建具有交互性和动态性的虚拟现实体验。https://github.com/aframevr/aframeAR.jsAR.js是一个WebAR框架,它可以在浏

这可能是前端处理excel最好的工具了

大家好,我是程序视点的小二哥!今天小二哥要分享的是一个纯前端实现读取和导出excel文件的工具库:ExcelJSExcelJs简介功能十分简单:读取,操作并写入电子表格数据和样式到XLSX和JSON文件。一个Excel电子表格文件逆向工程项目。在本文中,我们使用xlsx文件。xlsx是MicrosoftExcel使用的开放XML电子表格文件格式的文件扩展名。这也是工作中用得最多的一种文件之一。安装npminstallexceljs或CDN使用首先,新建工作簿。constExcelJS=require('exceljs');constwb=newExcelJS.Workbook();有个这个对象

Vue 前端代码多地部署(打包后配置动态IP)

Vue前端代码多地部署(打包后配置动态IP)需求一、使用config.json二、使用config.js需求vue代码打包之后,需要在多个地方部署。正常操作是:先改ip地址,再打包。这样每换一个地方部署,就需要重新打包一次。下面总结两种方式可以在打包之后动态修改ip地址。一、使用config.json在public根目录下新建一个config.json文件在需要的页面通过jQuery请求api数据打包完之后,在dist下有一个config.json文件,可以通过该文件来动态配置ip地址注意:这种方法需要通过jQuery同步请求json数据。vue中使用jQuery方法安装jQuery:npmi

黑马程序员前端 Vue3 小兔鲜电商项目——(一)初始化项目

文章目录了解Vue3初始化项目创建项目启动项目添加目录Git管理项目jsconfig.json配置别名路径ElementPlus引入安装配置按需导入测试组件定制elementPlus主题安装sass准备定制化的样式文件自动导入配置Axios安装并简单封装安装Axios基础配置封装请求函数并测试路由整体设计一级路由首页登录页二级路由Home页分类页静态资源引入scss变量自动导入了解Vue3Vue3是Vue.js最新的主要版本,它已经于2020年9月18日发布。它提供了许多新功能和性能改进,这些改进使得Vue更易于使用和更具可扩展性。以下是Vue3的一些主要特性:更快的渲染:Vue3使用重写的响

前端终止请求的三种方式(ajax、axios)

一、原生ajax终止请求1、abort()​XMLHttpRequest.abort()方法用于终止XMLHttpRequest对象的请求,该方法没有参数,也没有返回值。当调用该方法时,如果对应XMLHttpRequest对象的请求已经被发送并且正在处理中,则会中止该请求;如果请求已经完成(即已经接收到完整的响应),则不会执行任何操作。而且调用该方法后,还会触发XMLHttpRequest对象的abort事件,我们可以在该事件的处理函数中执行后续相关逻辑代码,例如清除请求相关数据等等。​当一个请求被终止后,该请求的readyState将会变为0,并且status属性也会变为0。案例代码://创