从0开始Vue3数据交互之promise详解
前端中的异步编程技术,类似Java中的多线程+线程结果回调!Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了用法,原生提供了Promise对象。所谓Promise,简单说就是一个容器,里面保存着某
css 设置 字体微软雅黑
要在 CSS 中设置字体为“微软雅黑”(Microsoft YaHei),你可以使用属性。由于“微软雅黑”包含中文字符,所以在 CSS 中需要使用英文双引号将其括起来。此外,为了兼容性,通常还会指定一个备选字体,以防目标字体在某些系统上不可用。在这个示例中,类的字体将首先尝试使用“微软雅黑”。如果该
保卫你的Web应用:如何通过代码有效防止XSS攻击
XSS(Cross-Site Scripting)攻击是一种通过注入恶意脚本到正常用户访问的网站中,从而使得该脚本在用户的浏览器中执行的攻击方式。攻击者可以利用这种方式窃取Cookies、会话令牌或其他敏感信息,甚至可以操控用户的浏览行为。XSS攻击对Web应用的安全构成了严重威胁,但通过合理的编码
AJAX-XMLHttpRequest 详解
学习目标:了解axios中的XMLHttpRequest
前端实现逐字展示效果
前端实现逐字展示功能--vue和react
ElementPlus的简单使用
Element:是饿了么公司前端开发团队提供的一套基于 Vue3 的网站组件库,用于快速构建网页。Element 提供了很多组件(组成网页的部件)供我们使用。例如 超链接、按钮、图片、表格等等。官方网站:https://element-plus.org/zh-CN/#/zh-CN链接:link。
推荐浏览器爬虫插件:Instant Data Scraper 无需写一行代码
如果需要翻页,我们可以使用Locate "Next" button,点击后,在页面点击一下想设为下一步的按钮,可实现自动翻页。选取点后,该位置会变为绿色,我们此时可以点击开始滚动Start crawiing,画面就会自己爬取并切换了。可以删掉不需要的部分,在接下来的过程中就不会有该列的数据了,也可以
【HTML+CSS】HTML <input> 元素详解:类型与常用属性
在HTML中,元素是最常用的表单元素之一,它允许用户输入数据。元素极其灵活,通过不同的type属性,它可以转变为文本框、密码框、提交按钮、单选按钮、多选按钮等多种不同类型的输入控件。同时,它还支持多种属性来控制这些控件的行为和外观。本文将详细介绍HTML元素的各种类型及其常见属性。
Typescript 中bind的使用
在TypeScript中,bind() 方法用于创建一个新的函数,当这个新函数被调用时,它的this值会被绑定到传递给bind()方法的参数,这种特性在事件处理函数或者回调函数中非常有用,因为在这些场景下,我们通常需要将当前上下文(this)传递给这些函数。
React项目 实战案例 实用推荐收藏
React项目实际开发项目简单案例,对于一些没有项目经验的同学以及之前写过但是知识点生疏的同学参考,有问题欢迎评论区留言,谢谢。
Vue项目中实现AES加密解密
本文介绍了如何在Vue项目中使用AES加密解密技术,包括ECB和CBC两种模式的实现方法。通过封装的加密解密函数,展示了如何在前端项目中安全地处理敏感数据。
一文玩转【relation-graph 关系图谱】再也不怕遇到这样的需求
relation-graph是支持Vue2、Vue3、React的关系数据展示组件,支持通过【插槽】让使用者使用"普通HTML元素、Vue组件、React组件"来完全自定义图形元素,并提供实用的API接口让使用者轻松构建可交互的图形应用。
JQuery异步请求与Flask后端通信、this和event指针汇总
根据HTTP的“get”与“post”两种请求,JQuery提供“$.get()”、“$.post()”、“$.ajax()”三种方式通信。使用$.ajax()可以很方便的与后端交换数据,不过当我们传入的数据是一个JS对象时,我们需要使用“JSON.stringify(object)”方法来将JS对
Vue 中插槽(Slot)用法
通过默认插槽、具名插槽、作用域插槽、动态插槽名、插槽后备内容以及插槽的简写语法等用法,Vue.js提供了灵活且强大的组件化解决方案。如果父组件没有为某个插槽提供内容,那么子组件的模板中该插槽的位置将显示为该插槽的默认内容(如果有的话),或者简单地留空。插槽是Vue.js中非常重要的一个概念,它允许父
前端打包部署后源码安全问题总结
前端安全是开发现代Web应用时必须考虑的重要方面。通过实施上述策略,可以有效地减少源码泄露的风险,保护敏感数据和用户隐私。这些措施需要开发团队的持续努力和对安全实践的坚持。希望本文能帮助你提升应用的安全性,为用户提供一个安全可靠的在线体验。
Vue.js-分析
对Vue.js相关的知识进行总结讲解
npm、yarn、pnpm 设置最新国内镜像源(附官方镜像源和最新阿里源),以及 nrm 的使用教程
阿里最近(指的是 2022 年~~哈哈)更换了淘宝镜像的域名,原域名的 SSL 证书已经过期了(2024/01/22),最近使用旧 淘宝镜像 的应该都遇到 Error: certificate has expired 了吧,遇到了可以看下这个解决方案~
CTF BugKu 全网最详解(每日更)
构造语句进行注入 flag={{ config.__class__.__init__.__globals__['os'].popen('ls ../').read() }}, 发现目录:app。因为规定只能上传jpg\png格式,所以我们将后缀改为jpg进行上传,上传之后发现了flag文件。
npm常用命令以及运行环境检测,前端必学
npm是Node Package Manager(Node包管理器)的缩写。它是一个用于安装、管理和共享JavaScript代码包的命令行工具和注册表。npm是JavaScript世界中最大的软件注册表,拥有超过100万个代码包,开发者可以通过npm下载和安装这些代码包,以便在自己的项目中使用。np
速通JS模块化规范
●将程序文件依据一定规则拆分成多个文件,这种编码方式就是模块化的编码方式。●拆分出来每个文件就是一个模块,模块中的数据都是私有的,模块之间互相隔离。●同时也能通过一些手段,可以把模块内的指定数据“交出去”,供其他模块使用。