草庐IT

纯前端

全部标签

前端Vue入门-day06-路由进阶

(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)目录路由的封装抽离声明式导航导航链接 两个类名 自定义高亮类名 跳转传参1.查询参数传参2.动态路由传参两种传参方式的区别 Vue路由 重定向404编程式导航基本跳转路由传参 ①path路径跳转传参 ②name命名路由跳转传参  路由的封装抽离问题:所有的路由配置都堆在main.js中合适么?目标:将路由模块抽离出来。好处:拆分模块,利于维护绝对路径:@指代src目录,可以用于快速引入组件importFindfrom'@/views/Find'importMyfrom'@/views/My'importF

【前端|CSS系列第4篇】面试官:你了解居中布局吗?

欢迎来到前端CSS系列的第4篇教程!如果你正在寻找一种简单而又强大的前端技术,以使你的网页和应用程序看起来更加专业和美观,那么居中布局绝对是你不能错过的重要知识。在前端开发中,实现居中布局是一项必备技能,无论是垂直居中、水平居中,还是同时实现垂直和水平居中。这不仅对于构建响应式网页至关重要,还在设计弹窗、创建导航菜单和设计登录界面时都能派上用场。精通居中布局将为你的前端技能提升加分,并为你的项目增添专业的光彩。除此之外,居中布局也是前端面试中的高频面试题,理解学会它,并能够不看着博客熟练的写出来,一定能够帮助你在面试中给面试官一个好印象,从而拿下面试!让我们一起开始这个令人兴奋的居中布局之旅吧

【前端】javascript+html+css 家具销售网站(代码+报告)

👉博__主👈:米码收割机👉技__能👈:C++/Python语言👉公众号👈:测试开发自动化【获取源码+商业合作】👉荣__誉👈:阿里云博客专家博主、51CTO技术博主👉专__注👈:专注主流机器人、人工智能等相关领域的开发、测试技术。javascript+html+css家具销售网站(代码+报告)目录javascript+html+css家具销售网站(代码+报告)摘要主页设计主页代码设计图表页图表页代码结构个人介绍页代码展示👇👇关注公众号,回复“家具网站源码”获取源码👇👇摘要整个网页在头部部分,定义了字符编码、页面标题、网页图标和元数据描述等。主体内容部分包含了页面的顶部导航栏、新闻动态区域和底部的

ASP.NET Core WebAPI如何获得远程文件返回文件流给前端?

 一、根据网络路径把文件保存成byte[]返回给前端项目采用的是前后端分离的模式,后端使用ASP.NETCoreWebAPI方式,将文件流返回给前端。//////根据网络路径把文件保存成byte[]//////publicbyte[]UrlToByte(stringfilePath){HttpWebRequestreq=(HttpWebRequest)HttpWebRequest.Create(filePath);req.Method="GET";using(WebResponsewr=req.GetResponse()){StreamReaderresponseStream=newStrea

最新前端技术趋势

本文作者系360奇舞团前端开发工程师前端的车轮滚滚向前,轮子造的越来越圆,速度造的越来越快,每个人都在适应这个轮子的节奏,稍微不注意就会被甩出车轮之外。狼狈不堪之外还会发自心底的大喊一声:别卷了!!话虽这么说,但现实就是这样,无论是客观还是主观因素都不得不让你继续的往前走。既然是往前走,那么能知道一些前面有啥东西岂不是更好,也许能少走弯路。自己对前端23年大概的技术做了一些展望,想到什么写什么。毕竟谁都不知道会不会突然间又出了个frontEndGPT打翻了所有人的饭碗。1AI最先说的肯定是AI,22年末,23年初的chatgpt让AI话题火的一塌糊涂,同时也被认为是一次重大的技术革新,技术革新

前端Vue入门-day04-用vue实现组件通信

(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)目录组件的三大组成部分注意点说明组件的样式冲突scopeddata是一个函数组件通信什么是组件通信不同的组件关系和组件通信方案分类 父子通信流程图: 父→子子→父 什么是propprops校验 prop&data、单向数据流进阶语法v-model原理表单类组件封装&v-model简化代码 .sync修饰符 ref和$refs 组件的三大组成部分注意点说明组件的样式冲突scoped默认情况:写在组件中的样式会全局生效→因此很容易造成多个组件之间的样式冲突问题。1.全局样式:默认组件中的样式会作用到全局2.局

前端:运用html+css+js模仿百度热搜电影榜鼠标移入特效

前端:运用html+css+js模仿百度热搜电影榜鼠标移入特效1.实现原理2.界面布局3.js实现对鼠标移入和移出的监听4.参考代码如下:1.实现原理百度热搜上电影榜鼠标移入特效如上图所示。个人觉得上述特效实现原理为使用相对定位、绝对定位实现的(鼠标移入和没有移入时,元素布局有一些不同而已)。至于鼠标移入时,出现延迟效果,则是在css上设置transition(用于设置过渡效果的)实现的。我的实现效果如下(只把那个特效实现,其他元素布局没有搞):2.界面布局使用ul标签和li标签,把li标签高度设置为30px,同时设置li标签属性overflow:hidden;(超出部分隐藏),为li标签设置

后端返回二进制流,前端处理二进制文件流,实现预览图片以及PDF

1、首先预览PDF需要后端将响应头Content-Type设置为PDF类型application/pdf,不能预览,会直接下载2、前端定义接口:并设置相应类型responseType为blob//合同预览PdfexportfunctionviewContractTypePdf(id){returnrequest({url:`/attract/talentApartment/exportContract/${id}`,method:"get",responseType:"blob"})}请求数据:通过window.URL.createObjectURL(res)转成本地预览地址,在通过windo

禁止别人调试自己的前端页面代码

目录🎈为啥要禁止?🎈无限debugger🎈无限debugger的对策🎈禁止断点的对策🎈忽略执行的代码🎈忽略执行代码的对策🎈终极增强防调试代码🎈为啥要禁止?由于前端页面会调用很多接口,有些接口会被别人爬虫分析,破解后获取数据为了杜绝这种情况,最简单的方法就是禁止人家调试自己的前端代码禁止调试🎈无限debugger前端页面防止调试的方法主要是通过不断debugger来疯狂输出断点,因为debugger在控制台被打开的时候就会执行由于程序被debugger阻止,所以无法进行断点调试,所以网页的请求也是看不到的基础代码如下:/***基础禁止调试代码*/(()=>{ functionban(){ set

【前端】Element-UI和Element-Plus的区别

文章目录对移动端支持区别框架区别开发中使用的区别el-tableel-dialogel-buttonel-date-pickerel-iconechartsIcon图标库变化了组件的插槽slot使用变化了新增组件来源对移动端支持区别Element-UI对应Element2:基本不支持手机版Element-Plus对应Element3:组件布局考虑了手机版展示框架区别Element-ui适用于Vue2框架Element-plus适用于Vue3框架开发中使用的区别el-tabletemplateslot-scope="scope">/template>//elementtemplate#defau