草庐IT

前端面试

全部标签

Jenkins自动化构建部署前端项目(Linux+gitee)

本文讲述了Jenkins自动化构建部署前端项目,内容包括Linux系统安装Jenkins、如何配置构建项目并发布到目标服务器。背景因公司系统项目众多,前端项目打包麻烦,项目代码管理混乱,因此需要gitee+Jenkins做自动化构建,优化项目打包流程及代码管理。本次教程可实现最简单的自动化打包发布流程:从gitee上拉取前端项目代码->执行命令打包构建->将打包文件传输到目标服务器的指定位置服务器之间使用ssh服务器账密连接。代码使用gitee管理。gitee的配置暂时也是使用gitee账密设置凭证来拉取代码前提条件1、Linux服务器2、服务器ip+账密3、gitee账密安装JenkinsJ

前端vue uni-app多图片上传组件,支持单个文件,多个文件上传 步骤条step使用

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦,其背后还有很多工作来支撑组件化的进行,例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等。 本文给大家介绍的一款组件是: 快速实现多图片上传组件,支持单个文件,多个文

在线CAD前端mxdraw和mxcad库预览和编辑DWG图纸

前言DWG格式是AutoCAD软件的独有格式文件,通常是通过桌面端的CAD软件打开,如果要在网页内打开CAD图纸,则需要提前将CAD图纸用梦想CAD控件提供的后台程序转换成wgh格式,再进行网页浏览。其中转换方法和原理请查看快速入门的《如何在自己系统中浏览dwg文件》章节,如下图所示:mxdraw前端库浏览CAD图纸mxdraw的作用就是浏览CAD图纸,也可以绘制一些批注或者其他图形,首先进行安装,如果你没有前端工程化的基础,请先看前端工程化基础知识,mxdraw有详细的文档,建议点击mxdraw 查看使用说明,然后我们讲一下转换后的图纸用mxdraw库显示的步骤:1)新建工程这里我们就用vi

今天我们来聊聊面试必考题-离职原因

马云说过,员工离职只有两个原因:①薪资不到位;②心里受委屈了。其他都是扯淡。所以离职哪有什么重大原因,都是大家心知杜明的事情,但是看破不说破,我们去面试就是为了去拿offer的,所以说千万别想着去吐槽。前言这个问题,其实就是面试官想要你主动离职还是被动离职。一来:不要表现出很多埋怨的情绪,这样的话会让面试官觉得你是一个负能量很重,喜欢埋怨的同事。原因客观原因比如:不交五险一金、克扣工资啥的可以直接说。薪水(和事情挂钩)比如:就是活是做的不错的,但是,然后也负责了很多离职同事现有的工作,工作超负荷,然后薪资上并没有比较大的调整。对标了一些同行朋友的情况,我目前工资算是偏低的。所以想在外面看看机会

Gpt微信小程序搭建的前后端流程 - 前端小程序部分-1.基础页面框架的静态设计(二)

Gpt微信小程序搭建的前后端流程-前端小程序部分-1.基础页面框架的静态设计(二)在开始这个专栏,我们需要找一个小程序为参考,参考和仿照其界面,聊天交互模式。这里参考小程序-小柠AI智能聊天,可自行先体验。该小程序主要提供了以下几点功能向需求:每天免费提问3次;保存前一天的聊天记录;gpt流模式的响应聊天;每天0点自动重置次数和聊天记录。整体界面简洁,就是简单啦,跟我们实践入门比较贴合。再一个则是本人不是专业前端,太花里胡哨弄不来,所以,我们这个专栏系列就会按照这几个需求点来开发实现。我们这里主要仿照该小程序的Gpt聊天界面:页面布局主要3部分:头部标签次数聊天滑动窗口底部导航栏打开上一节创建

前端大屏尺寸实现自适应屏幕大小

说在前面目前很多业主在使用系统的时候都会有大屏的需求,很多屏幕并不会像我们开发的屏幕一样标准,比如1920*1080,这样我们就需要根据业主的屏幕尺寸进行适配,避免一些图表或文字在大屏中出现偏移,影响视觉观感。方案比选方案一:如果希望在大屏中实现最佳的展示效果,应该由设计人员针对大屏的尺寸进行单独设计,然后开发人员使用如下监听方式:@mediascreenand(max-width:2560px){}@mediascreenand(min-width:2561px){}以2561px为分界线,在屏幕尺寸大于分界线时来让不同的样式代码生效。这种方案可以保证最好的展示效果,完美适配大屏,问题就是如

web前端面试高频考点——Vue的基本使用(一文掌握Vue最基础的知识点)

系列文章目录内容参考链接Vue基本使用Vue的基本使用(一文掌握Vue最基础的知识点)Vue通信和高级特性Vue组件间的通信及高级特性(多种组件间的通信、自定义v-model、nextTick、插槽)Vue高级特性Vue的高级特性(动态组件、异步加载、keep-alive、mixin、Vuex、Vue-Router)Vue原理1Vue原理(理解MVVM模型、深度/监听data变化、监听数组变化、深入了解虚拟DOM)Vue原理2Vue原理(diff算法、模板编译、组件渲染和更新、JS实现路由)Vue面试题web前端面试高频考点——Vue面试题文章目录系列文章目录一、vue基本使用1、插值,表达式

Java开发实习生面试—附简历以及面试题

记录下第一次面试。面的是Java开发实习生。前些天注册了BOSS直聘,简单填了下资料。(其实还没准备找实习,就是上去看看行情~)结果过了几天,(12月29号,星期五下午),突然有个招Java开发实习生的公司问我要简历。(其实当时我都还没有准备简历,然后临时赶紧准备了个简历,连照片都是寝室里拍的,然后P成了证件照。)(我这里的简历不够完善,比如项目经历什么的没写,记得把项目经历写上!获奖经历也加上!)(最近好像秋招找简历的人比较多,这张简历太简陋了,这里提供了一张新的简历,虽然也还是一般,不过添加了项目经历,可以参考下??点击查看简历****)给了简历之后,那天晚上,就和我约了面试。约的是星期天

国密SM2前端加密解密示例

目录一、 安装sm2依赖二、编写代码1、data中绑定数据2、公钥加密3、私钥解密4、按钮绑定一下,数据可见一下三、完整代码一、 安装sm2依赖npminstall--savesm-crypto二、编写代码1、data中绑定数据要改变的数据phone和过程数据copyphone,公钥publicKey和私钥privateKey具体生成测试公钥私钥可参照SM2加解密C1为65字节第1字节为压缩标识,这里固定为0x04publicKey是'04'+公钥X+公钥YprivateKey直接复制粘贴实际运行情况下可参考RuoYi前后端分离(登录密码加密)更改为SM2加密,密钥由后端传输exportdef

测试工程师常用的10个python库,面试必备哦

目录前言1、os库2、sys库3、time库4、selenium库5、unittest库6、pytest库7、email库8、appium库9、pymsql库10、requests库总结:前言今天给各位小伙伴带来的是测试工程师常用的10个python库,相信有些小伙伴肯定知道一些库,也使用过一些库。下面我们就来聊聊这常用的10个python库,我们主要介绍这些库和这些库的一些应用场景,方便没有接触过的小伙伴知道这些库的作用。1、os库介绍:os库是Python标准库,包含几百个函数,常用的有路径操作、进程管理、环境参数等。应用:我们说一个使用场景,在进行web自动化测试的时候,前期网页是没有部