草庐IT

前端面试

全部标签

【前端】vue采用el-table 添加行手动填写数据和删除行及提交

        需求:点击新增按钮实现下列弹窗的效果,点击添加行新增一行,点击删除进行删除行,点击提交将数据传递到后端进行保存。目录代码datamethods实现效果代码添加行{{scope.row.index}}显示在输入框的下面-->序号-->{{scope.row.riskPointName}}-->{{scope.row.riskLevel}}-->{{scope.row.hiddenDanger}}-->{{scope.row.type}}-->{{scope.row.accident}}-->{{scope.row.remark}}-->删除提交datadata(){return{

nginx部署前端项目 nginx部署无法加载js/css问题 Uncaught SyntaxError: Unexpected token ‘<‘

注意:将多个html项目放在一个server中出现js,css加载不出来问题可以将文件放在主项目同级目录下(暂时解决,可能是静态资源配置问题,不会弄)。1.下载nginx,解压2.将项目放入html目录下3.修改nginx.conf文件4.修改端口防止占用和添加新映射5.普通html项目,部署会出现以下错误UncaughtSyntaxError:Unexpectedtoken‘6.处理所有引用的部分前面加上,在conf中添加的映射路径。7.配置前端ajax接口http://ip/映射/接口常用命令//开启服务:startnginx直接点击Nginx目录下的nginx.exe//停止服务:ngi

Web前端自动化测试Cypress实践总结

本文主要首先主要介绍了什么是自动化测试,接着对常用的自动化测试框架进行了对比分析,最后,介绍了如果将自动化测试框架Cypress运用在项目中。一、自动化测试概述为了保障软件质量,并减少重复性的测试工作,自动化测试已经被广泛运用。在开始学习自动化测试之前,我们很有必要先搞清楚这几个问题,什么是自动化测试?为什么要做自动化测试?哪些项目适合做自动化测试?1、什么是自动化测试自动化测试是一种测试方法,是指使用特定的软件,去控制测试流程,并比较实际结果与预期结果之间的差异。通过将测试自动化,可以把人对软件的测试行为转化为由机器自动执行测试的行为,从而替代大量的手工测试操作,使得测试可以快速,反复的进行

效率前端微应用推进之微前端研发提效

一、背景业务背景得物效率前端所在的效率工程为提升企业协作效率而生,面临大量的PC侧的中后台应用场景。在之前的微信公众号《得物效率前端微应用推进过程与思考》中详细介绍了效率前端推进微应用落地的思路和部分效果。这篇文章将着重介绍得物效率前端微应用推进中,微前端的研发效率遇到的挑战和解决方案。名词解释微应用「微应用」是得物效率前端内部称谓,是一个基于“monorepo&微前端&基座与业务分离”的、包括“文档&工具”的一套体系化降低研发成本和提升用户体验的技术产品。微前端「微前端」是得物效率前端微应用推进的重要一环,尤其是父子应用技术栈不同时,利用 iframe/qiankun/wujie/micro

前端文件下载实现方案,Blob对象为你实现任意文件下载

文章目录前言一、Blob是什么?二、生成Blob对象三、请求处理1、请求封装2、根据后端接口配置四、工具函数五、项目中实际使用六、优化下载前言本文主要介绍了如何使用Blob对象在前端实现文件下载的功能。文中首先介绍了什么是Blob对象,它表示一个二进制大型对象,可以用来表示文件或二进制数据。然后详细讲解了几种生成Blob对象的方式,以及如何通过createObjectURL方法生成一个对象URL,设置到a标签的href属性实现文件下载。文末还提到了一些优化下载体验的方法,比如设置download属性、使用click方法触发下载等。掌握Blob的使用可以实现强大的前端文件下载、上传、二进制数据处

e签宝面试,被问住了!

1、自我介绍在自我介绍时需要讲清楚以下4点:你是谁?你会什么技能?使用这些技能做出过什么项目或成绩?(如果有编程大赛的经历更好)你的优势是啥?为什么我们要用你?(可以讲解你的技术栈和企业技术栈的比较匹配)2、静态方法和普通方法的区别?静态方法和普通方法的区别主要体现在以下2点:静态方法是属于类的,而普通方法是属于对象的。因此,静态方法可以在不创建对象的情况下直接调用,而普通方法则需要先创建对象,然后通过对象来调用。静态方法不能访问非静态成员变量,而普通方法即可访问静态成员变量有可以访问非静态成员变量。3、了解bio/nio/aio吗?BIO、NIO、AIO三者都是用来实现IO(Input/Ou

odoo16前端框架源码阅读——env.js

env.js(env的初始化以及服务的加载)路径:addons\web\static\src\env.js这个文件的作用就是初始化env,主要是加载所有的服务。如orm,title,dialog等。1、env.js的加载时机前文我们讲过前端的启动函数,start.js,其中有这么两句,这里有两个函数makeEnv和startServices,都在同级目录的env.js里constenv=makeEnv();awaitstartServices(env);2、makeEnv()exportfunctionmakeEnv(){return{bus:newEventBus(),services:{}

Jenkinsfile+Dockerfile前端vue自动化部署

前言本篇主要介绍如何自动化部署前端vue项目其中,有两种方案:第一种是利用nginx进行静态资源转发;第二种方案是利用nodejs进行启动访问;各个组件版本如下:Docker最新版本;Jenkins2.387.3nginx最新版本nodejs12.13.0nginx转发部署目录结构如下:nginx.confusernginx;worker_processes1;error_log/var/log/nginx/error.logwarn;pid/var/run/nginx.pid;events{worker_connections1024;}http{include/etc/nginx/mime

Python 华为面试手撕代码 + 八股文,机器学习参数调节,损失函数,激活函数,线程、进程和协程

一、手撕代码:力扣原题905"""给定一个非负整数数组A,返回一个由A的所有偶数元素组成的数组,后面跟A的所有奇数元素。基础版:你可以返回满足此条件的任何数组作为答案。进阶版:要求在当前数组上原地完成。示例:输入:[3,1,6,5,2,4]进阶版输出:[4,2,6,5,1,3]基础版输出:[2,4,6,1,3,5],[4,6,2,3,1,5]等等也会被接受"""deffunctions(nums)->list:n=len(nums)left=0right=n-1whileleft二、八股文部分:有点紧张,忘了好多东西1.深度学习模型优化的方法有哪些?深度学习模型的优化策略包括以下几个方面:(1

解决前端使用video标签在Chrome浏览器出现播放一次不能再次播放和不能拖动进度条问题

先来说一下我的情况:后台提供了一个get请求的接口直接返回,只能通过服务器http请求返回视频流(类似:http://127.0.0.1:8181/file?name=movie.mp4),然后我就直接把这个字符串放到video标签的src属性中,出现了两个问题:1.在Chrome浏览器不能再次播放(我尝试了FireFox浏览器是正常的,而这个需求只在Chrome浏览器内核上实现所以没有尝试其他浏览器。);2.在Chrome浏览器上不能拖动滚动条。一下是我的解决办法。1.在chrome浏览器不能再次播放查询ChatGPT之后得到了结果,使用video标签播放数据流视频,但是播放一次之后重新播放