草庐IT

前端面试

全部标签

前端使用js实现多个种类筛选

文章目录概要流程小结概要实现类似以下图片的效果整体架构流程1.在HTML模板中创建一个容器,用于放置筛选组件      {{item.name}}            v-for="(value,index)initem.values"      :key="index"     @click="handleFilterClick(item.id,value.id)">     {{value.name}}          2.在vue数据对象中定义筛选条件data(){ return{  filters:[   {    id:1,    name:'选择类型',    values:[

【前端寻宝之路】总结学习使用CSS的引入方式

🌈个人主页:Aileen_0v0🔥热门专栏:华为鸿蒙系统学习|计算机网络|数据结构与算法|MySQL|​💫个人格言:“没有罗马,那就自己创造罗马~”#mermaid-svg-BNJBIEvpN0GHNeJ1{font-family:"trebuchetms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-BNJBIEvpN0GHNeJ1.error-icon{fill:#552222;}#mermaid-svg-BNJBIEvpN0GHNeJ1.error-text{fill:#552222;stroke:#55

效率系列(八) macOS配置前端开发环境

大家好,我是半虹,这篇文章将会介绍如何在macOS中从零配置前端开发环境零、序言这篇文章主要是想提供一份前端开发配置清单,以及简单介绍一下安装步骤,仅供大家参考正式开始之前先说一下硬件,电脑是MacBookAirM2,系统是macOSSonoma14.0一、软件安装1、ChromemacOS其实自带有Safari浏览器,但我个人感觉还是Chrome用起来更顺手一些默认的Google搜索引擎,内置的DevTools开发者工具,丰富的Extensions生态,都能提升日常开发体验不过AppStore没有提供Chrome安装,我们需要自己到官网下载安装,好在过程也非常简单首先在官网下载安装程序(dm

前端大文件分片上传

1.分片上传整体流程开始上传:前端启动文件分片上传。后端返回唯一标识。分片上传:获取到上传的文件,然后设置一个固定的分片大小,将文件切成多个小片,计算出每一个分片的MD5值(32位)。将每个分片的内容和MD5标识符一同上传至服务器。服务端接收每个分片及相关信息后,通过对每个分片进行校验,来确保分片的完整性。结束上传:当分片上传完毕或者前端取消上传时,调用结束上传接口结束此次文件上传操作。结束上传时,服务端判断是正常结束或取消上传来决定后续操作。2.前端具体流程开始上传,发送开始上传请求,向服务器传递文件名、文件总大小、分片总数和切片大小,获取并保存文件上传的唯一标识符。同时在发送请求前,对上传

「圣诞特辑」纯前端实现人脸识别自动佩戴圣诞帽

在线体验地址:hksite.cn/prjs/christmashat源码地址:https://github.com/hk029/christmas-hat写在开头叮叮当,叮叮当,吊儿个郎当,一年一度的圣诞节到咯,我不由的回想起了前两年票圈被圣诞帽支配的恐惧。打开票圈全是各种@官方求帽子的:票圈头像也瞬间被圣诞帽攻陷:在那段时间,你没一顶圣诞帽还真不好意思发票圈各种戴帽子的软件也如雨后春笋般浮现出来,不管是小程序还是美图软件无一例外的都增加了戴圣诞帽的功能。但是对于懒人的我来说,自己调整一个圣诞帽子佩戴还是太麻烦了。于是我就想了,有没有什么办法能让我的头像自动佩戴上圣诞帽呢?还真给我想到了,这就

前端-AJAX

之前在文章里写过一点,这里就接着写喽jQuery怎样获得内容和属性?-CSDN博客一、Axios库1.引入axios.js:https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js2.使用axios函数1)传入配置对象2)再用.then回调函数接收结果,并做后续处理axios({url:'目标资源地址'}).then((result)=>{/对服务器返回的数据做后续处理})二、认识UrlURL(统一资源定位器)通常由以下几个部分组成:协议(Protocol):URL的第一部分指定要用来访问资源的协议,例如HTTP、HTTPS、FTP、SMTP等。

Java 实现微信扫码登录方法(提供前端及后端核心代码)

思路1、Vue前端页面获取一个公众号的二维码,不是普通二维号,是带有场景值的2、java后端接收前端的请求,生成一个带时效性的二维码链接返回给前端3、公众号平台配置服务器接口地址4、接收到关注或扫码请求并相应处理5、前端轮询状态,如果检查到验证通过进到下一页面前端页面vue代码wxlogin(){this.$showLoading();getTempQrCode(this.token).then((res)=>{console.log("res==========",res);this.$closeLoading();this.imageUrl=objToStr(res.data.messag

vue2.0及起步(前端面试知识积累)

1、需要了解的vue概要知识1、vue是什么?一套用于构建用户界面的渐进式JavaScript框架。为什么vue被称为是渐进式JS框架?答:Vue允许开发者在不同的项目中以渐进式的方式使用它,这种渐进式表现在以下的方面:逐步采用:Vue可以被逐步引用到现有的项目中,而不是需要一次性重写整个应用。可以选择将Vue用于某个小部分的界面,或者将其应用于整个应用程序的开发。轻量级核心:Vue的核心库非常轻量级,只关注图层,并且易于学习和上手。你可以根据自己的需求选择性地添加插件和库来扩展Vue的功能,而不需要太多的复杂性。单文件组件:Vue支持单文件组件,即将模版、样式和逻辑组合在一个文件中。这种方式

【2024软件测试面试必会技能】Selenium(6):元素定位_xpath定位

XPATH是什么  XPATH是一门在XML文档中查找信息的语言,XPATH可用来在XML文档中对元素和属性进行遍历,主流的浏览器都支持XPATH,因为HTML页面在DOM中表示为XHTML文档。SeleniumWebDriver支持使用XPATH表达式来定位元素。Xpath常用如下6种定位元素的方法:1、通过绝对路径定位  绝对路径的开头是一个斜线(/),从网页的根节点html开始,逐层去查找需要定位的元素。  此方法缺点显而易见,当页面元素位置发生改变时,都需要修改,因此,并不推荐使用。代码如下:以百度首页的搜索框为例importosfromseleniumimportwebdriverf

前端 基础标签

!+回车在vscode中可以生成简单的代码模板注释ctrl+/类似的数字越大字体越小表示一个段落注:这里的回车会被解析成空格 单标签表示换行格式化标签加粗标签   倾斜标签  删除标签   下划线标签   以上的前者比后者多一个强调功能,使用较多img标签必有属性:图片的地址可以是绝对地址也可以是相对地址格式剩下的属性在后面添加空格分隔即可alt:替换文字 在图片链接写错的时候会显示这个内容title:在鼠标悬停在这个图片的上方就会出现文字内容width/height:调整高度如果不设置宽度的话会等比放大broder:边框的像素a标签a标签可以实现文字/图片的超链接例如这个跳转到百度在浏览器中