前端
文章平均质量分 66
前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。
CamphorBloom
本科在读大学生
展开
-
单html页面中使用vue3,Element-plus,vue3-router
单html页面中使用vue3,Element-plus,vue3-router和axios。原创 2024-05-19 16:24:48 · 580 阅读 · 0 评论 -
echarts gantt甘特图示例
又称为横道图、条状图(Bar chart)。其通过条状图来显示项目、进度和其他。(Henry Laurence Gantt)先生的名字命名。随着时间进展的情况。原创 2023-03-14 21:13:46 · 3453 阅读 · 2 评论 -
【css】结构选择器
结构选择器,也称之为组合器选择器,根据它们之间的特定关系来选取元素。CSS 中有四种不同的组合器:1.后代选择器 (空格) 2.子选择器 (>) 3.相邻兄弟选择器 (+) 4.通用兄弟选择器 (~)。原创 2023-01-12 12:21:11 · 721 阅读 · 0 评论 -
editorconfig文件配置
EditorConfig 有助于为跨各种编辑器和 IDE 处理同一项目的多个开发人员保持一致的编码风格。原创 2022-12-25 13:16:09 · 1441 阅读 · 0 评论 -
webpack实现自动代码编译
在不适用live-server的情况下,也可以具备live reloading(实时重新加载),那么就需要开启一个本地开发服务器了。上面watch的方式虽然可以监听到文件的变化,但是事实上它本身是没有自动刷新浏览器的功能的。原创 2022-12-18 12:48:32 · 883 阅读 · 0 评论 -
npm 和 npx的区别
npx帮助我们避免版本控制、依赖关系问题和安装我们只是想尝试的不必要的包。它还提供了一种清晰而简单的方式来执行包、命令、模块,甚至GitHub向导和存储库。翻译 2022-11-03 08:08:21 · 5986 阅读 · 2 评论 -
a标签中rel=“noreferrer noopener“的含义与作用
rel=”noreferrer” 标签是一个特殊的 HTML 属性,可以添加到链接标签 ();rel=”noopener” 是一个可以添加到外部链接的 HTML 属性。原创 2022-08-14 07:44:00 · 3662 阅读 · 0 评论 -
Babeljs简介与使用
ES6-babel工具简介原创 2022-07-28 18:22:08 · 5346 阅读 · 0 评论 -
pnPm——比npm&yarn更胜一筹的包管理器
官网:Fast, disk space efficient package manager | pnpm安装在 POSIX 系统上,即使没有安装 Node.js,也可以使用以下脚本安装 pnpm:curl -fsSL https://get.pnpm.io/install.sh | sh -如果你没有安装 curl,你想使用 wget:wget -qO- https://get.pnpm.io/install.sh | sh -在 Windows (P...原创 2022-05-07 14:52:56 · 1266 阅读 · 0 评论 -
CSS外边距重叠和高度坍塌完美解决
使用下面的clearfix类,问题迎刃而解了。 .clearfix::before, .clearfix::after{ content: ''; display: table; clear: both; }这是两种问题的综合解决方案:1. 高度坍塌(引入.box类即可) .box::after{ content: '';原创 2022-02-17 13:53:19 · 338 阅读 · 0 评论 -
同源策略与跨域问题解决
同源策略(Same-Origin Policy)引用维基百科上的一句话:同源策略是指在Web浏览器中,允许某个网页脚本访问另一个网页的数据,但前提是这两个网页必须有相同的URI、主机名和端口号,一旦两个网站满足上述条件,这两个网站就被认定为具有相同来源。下表给出了与 URLhttp://store.company.com/dir/page.html的源进行对比的示例:同源策略保证了用户信息的安全,因为Web应用程序广泛依赖于HTTP cookie来维持用户会话,所...原创 2021-12-18 09:53:41 · 291 阅读 · 0 评论 -
jQuery基础入门介绍
(jQuery官网logo)什么是 jQuery ?顾名思义,就是“js”+“query”组合词。它是一个 JavaScript 函数库,正如官方所说是一个轻量级的"写的少,做的多"的 JavaScript 库。为什么使用 jQuery ?网络上有大量开源的 JS 代码库, 但是 jQuery 是目前最流行的,而且提供了大量的扩展。安装有两个版本的 jQuery 可供下载:Production version(compressed) - 用于实际的网站中,已被精简和压缩。 D.原创 2021-12-18 16:32:47 · 794 阅读 · 0 评论 -
HTML- ;和空格的区别
HTML 字符实体HTML 中的预留字符必须被替换为字符实体。HTML 实体在 HTML 中,某些字符是预留的。在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。字符实体类似这样:&entity_name; 或者 &#entity_number;如需显示小于号,我们必须这样写:<原创 2021-12-12 01:14:06 · 5483 阅读 · 0 评论