草庐IT

前端库

全部标签

【JS】前端base64转图片File对象

码base64ToFile.js/***base64转图片File*@param{String}base64图片base64*@param{String}fileName图片名称|默认→myimg*@returnsFile返回转换后的file数据类型*/constbase64ToFile=(base64,fileName='myimg')=>{//将base64按照,进行分割将前缀与后续内容分隔开letdata=base64.split(','),//利用正则表达式从前缀中获取图片的类型信息(image/png、image/jpeg、image/webp等)type=data[0].match

前端学习6:HTML链接

目录一、HTML超链接(链接)二、HTML链接语法 三、target属性 target属性值展示四、name属性 五、补充 关于创建电子邮件链接时如何发送邮件内容在进行抄送时,需要使用关键字:cc在进行密送时,需要使用关键字:bcc一、HTML超链接(链接)在HTML中,我们使用 标签来表示超链接。.超链接(Hyperlink)是网页中最常见的元素之一,整个互联网都是基于超链接而构建的。超链接可以是一个字,一个词、或者一组词,也可以是一幅图画,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。我们通过使用标签在HTML中创建链接。有两种使用标签的方式:1.通过使用href属性-创建指

【2023最新】32个web前端实战项目,练完即可就业,从入门到进阶,基础到框架,你想要的全都有,建议码住!

1、【网易云音乐首页制作】2、【实战项目之今日头条】3、【实战项目之拉勾网】4、【ReactNative项目之美食APP】5、【uni-APP项目实战教程】6、【React项目管理后台系统】7、【React项目教程(企业级实战开发)】8、【NodeJS+Express+MongoDB实战项目】9、【毕设论文辅导-React美食网】10、【仿小米电商网站】11、【仿网易云音乐】12、【React全家桶-新闻发布管理系统】13、【简书后台管理系统】14、【移动端网站布局-打造自己的“手机APP”】15、【Web支付开发(支付宝和微信支付)】16、【贪吃蛇小游戏】17、【Vue实战项目之喵喵电影】1

Web前端 ---- 【vue】vue 组件传值(props、全局事件总线、消息的订阅与发布)

目录前言父子组件父传子子传父全局事件总线什么叫全局事件总线如何创建全局事件总线如何在组件上获取到这个全局vc对象最常用的创建全局事件总线兄弟组件消息订阅与发布安装使用爷孙组件前言在上篇文章我们介绍了父子组件之间的传值通信,本文将介绍不仅限于父子组件之间的传值通信,还包括兄弟组件、爷孙组件之间的通信传值。以下方法暂未涉及到Vue3中新提供的方法父子组件父传子在父组件中给需要传递数值的子组件绑定属性importMySonfrom'./components/MySon.vue'exportdefault{name:'App',components:{MySon}}在子组件中使用props配置项接收姓

前端请求到后端API的中间件流程解析

在前端请求到后端API的典型流程中,经过一系列中间件的处理,确保请求的顺利处理和安全性。以下是中间件的详细解析:1. 前端请求用户在前端发起请求,包括请求的URL、参数、以及其他必要的信息。2. 网关(Ingress/Nginx)请求首先经过网关层,可能是Ingress或Nginx。网关的主要功能包括:负载均衡: 将请求分发到多个后端服务,实现负载均衡,提高系统的性能和可用性。SSL终止: 在这一层进行SSL/TLS解密,保障数据的安全传输。请求转发: 根据请求的路径或其他条件,将请求转发到对应的后端服务。3. 路由中间件后端服务可能使用路由中间件,根据请求的URL或其他条件,将请求分发给相应

Vue 微前端开发的七大神器(译)

免责声明本文属于是语冰的直男翻译了属于是,略有删改,仅供粉丝参考,英文原味版请临幸 7BestToolsforVue.jsMicroFrontends[1]。微前端彻底改变了 WebApp 的构建和维护方式。使用正确的工具集,Vue爱好者可以轻松克服微前端的“管理危机”,并释放组件驱动开发的全部潜力。虽然但是,选择最佳工具集是一项挑战,因为有一大坨具有不同功能的工具。因此,在本文中,我将探讨Vue微前端的七种人气工具,辅助您入股Vue微前端的最佳工具。1.Bit(比特)图片Bit[2] 是一个独特的工具,具有强大的组件共享和协作功能。它允许开发者采用组件驱动开发,将具有较小自治组件的产品组合为

[HTML]Web前端开发技术7(HTML5、CSS3、JavaScript )CSS的定位机制——喵喵画网页

希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言CSS的定位机制文档流定位元素类型  浮动定位float的用处float的特点clear属性层定位position属性fixed固定定位相对定位:relative课后练习网页标题:CSS背景样式的应用网页标题:背景图像的应用网页标题:炫彩网站Logo网页标题:鼠标悬停效果前言开始期末考试周了,好多好多,要考的。佛系更新,暑假补齐。CSS的定位机制CSS定位可以将HTML元素放置在页面上指定的任意地方。CSS定位的原理是把页面左上角的点定义为坐标(

前端三大件html,css,js原生实现学生信息管理系统(课程设计)

话不多说,直接上代码,有用麻烦点个免费的赞赞。超级好用版。 目录结构如该图所示,只要将文件命名成图上三种。代码即可正常运行。分别有三个文件,一个是app.js,放学生信息删除添加查询主要逻辑代码。login.html放登录页面样式以及相关逻辑。studentList.html放置学生管理的页面。运行效果图: 代码: app.jslettemData={studentList:[{id:'1',name:"爱吃饭的小恐龙",age:"20",gender:"男",},{id:'2',name:"付渐渐",age:"19",gender:"男",}]}$(document).ready(funct

vue 后端返回二进制流-前端通过blob对象下载文件-图片

前言在实际开发中我们经常会遇见下载文件的场景,比如下载合同,下载文件下载文件有2种方式,一种是后端返回二进制流,前端通过blob对象接受根据不同类型下载还有一种把地址直接在浏览器新窗口打开浏览器打开pdf可以预览和下载,其他文件直接下载但不管是那种方式,原理都是一样的只是取决于谁来执行转化代码代码实现1.封装api-根据直接后端接口而定(注意要在请求时标明是二进制文件流)//文件-图片下载exportfunctiondownloadfile(data){returnrequest({ url:'/download/file', method:'post', data, //指定请求类型为二进制

小程序前端页面访问数据出现undefined

问题:已在data中声明dataList数组,且页面加载时调用了getData函数给dataList赋值,但是在前端使用wx-for遍历dataList数组时,出现undefined情况原因:页面的渲染和函数的调用异步执行解决办法:在success回调中使用setData函数,注意在success里使用this.setData时并不会对dataList赋值成功,因为此时的this指代的是success,需要在回调外提前声明全局的this,如getData(){const_this=thisconstdb=wx.cloud.database()db.collection('*****').get