前端

在我们的Toy模板网-Toy博客中,您可以找到各种有关 前端 的文章。这些文章涵盖了与 前端 相关的各种话题和内容。无论您对前端 感兴趣的是什么,我们都努力为您提供最相关和有价值的信息。通过下面的文章列表,您可以进入我们专门针对前端 创建的搜索页面,以便更方便地浏览和查找与该标签相关的所有文章

Toy模板网专属的前端页面上,您将找到与前端相关的文章列表,这些文章覆盖了各个子主题和相关领域。我们希望这些文章能够满足您的需求,并帮助您深入了解前端。

  • 2023最新八股文前端面试题 (css、js、h5c3)

    随着科技的不断发展,前端技术也在不断演进,成为了现代应用开发中不可或缺的一部分。在2023年的前端面试中,面试官们常常会问及关于CSS、JS以及HTML5/CSS3等方面的问题,以评估面试者的技术深度和实践经验。下面,让我们来一起解析这些最新的前端面试题,探讨这些技术的前沿趋势。

    2024-02-16
    77
  • Angular 是前端还是后端?

    Angular 是前端还是后端? AngularJS 是一个基于 JavaScript 的开源前端 Web 应用程序框架,主要由 Google 以及个人和公司社区维护,旨在解决开发单页应用程序时遇到的许多挑战。该库处理大多数 Web 应用程序所需的所有常见任务,例如用户输入验证、路由和动态页面呈现。 Angular

    2023-10-21
    165
  • 功能切片设计:最佳前端架构

    前端开发人员经常面临与应用程序架构相关的问题。它需要使用一种能够轻松扩展并在应用程序模块之间提供松耦合和高内聚性的架构。 本文讨论功能切片设计架构,在我看来,它是可用选项中最好的。它还探讨了 FSD 的思想以及该架构方法解决的问题。我们将 FSD 与经典和

    2023-10-15
    194
  • swiper slidesPerView 最后一个显示不全,swiper-wrapper遮住了

    swiper 使用 slidesPerView 的时候,swiper-slide平均分配宽度,最后一个老是显示不全。或者贴边,应该怎么解决? 直接上解决方案: 核心代码 slidesPerView:auto scriptvarmySwiper=newSwiper(.swiper-container,{slidesPerView:auto,//重要的freeMode:true,//是否滑动paginationClickable:true,spaceBetween:10,//间距});/sc

    2023-08-19
    166
  • 前端如何设置并使用响应式,自适应字体rem?

    第一行:表示当屏幕尺寸大于2560 的时候,使用固定的 200px,这个 200px 可以根据实际情况 自行定义,【表示 1rem = 200px】 第二行:表示当尺寸小于1460 的时候,使用固定px,同第一行一样的功能, 【标题是1rem=74.1146px】, 注意:74.1146的计算是自行计算了,例子是因为 使用的

    2023-08-19
    145
  • 【前端】一个好看的前端页面

    突发奇想,看到这个特效还不错,就加工了一下,如果也能帮到你,很开心  修改input 原生date icon icon 可以去阿里矢量库下载想要的图标 地址:iconfont-阿里巴巴矢量图标库 我使用的是下面这个,但是颜色是白色,因为整个背景图是深色,图标需要浅色。 1. 去掉 date 中上下小

    2023-04-25
    47
  • 【前端】vscode前端插件笔记

    前段vscode好用插件笔记 HTML Snippets Path Intellisense Auto Rename Tag Bracket Pair Colorizer 中文包关键步骤:control+shift+然后display language切换即可 open in browser Live Server 实时效果显示 JS-CSS-HTML Formatter保存后格式自动缩进调整格式 CSS Peek 定义跳转 JavaScript (ES6) code snippets Vetur ES7 React/Redux/ A

    2024-02-11
    49
  • 【前端架构】前端通用架构

    一个强大的前端通用架构应该具备多种能力,以支持现代化的应用程序开发和提高开发效率。以下是一些前端通用架构应该具备的关键能力: 模块化和组件化 :支持模块化开发和组件化架构,能够将应用拆分为独立的模块和组件,以便复用和维护。 状态管理 :提供有效的状

    2024-01-20
    49
  • 【微前端】什么是微前端

    专栏: 【微前端】什么是微前端 【微前端】qiankun 【微前端】qiankun + vite + vue3 目录: 一、微前端是什么 二、微前端解决了什么问题 三、微前端的优缺点 四、微前端的解决方案 五、何时需要引入微前端 微前端(Micro Frontends)是一种前端架构模式,通过将单个应用程序分解

    2024-02-16
    45
  • 【前端】layui前端框架学习笔记

    【前端目录贴】 参考视频 :LayUI 参考笔记 :https://blog.csdn.net/qq_61313896/category_12432291.html 官网:http://layui.apixx.net/index.html 国人16年开发的框架,拿来即用,门槛低 … Layui 是一套开源的 Web UI 组件库,采用自身轻量级模块化规范,遵循原生态的 HTML/CSS/JavaScript 开发模式,极易上手,

    2024-04-23
    49
  • 前端导出PDF(纯前端功能)

    例如:需要导出PDF格式 提示:问题出现在滚动条加错地方 首先: npm install html2canvas npm install jspdf 第二:新建一个htmlToPdf.js文件存放 // 导出页面为PDF格式 import html2Canvas from \\\'./html2canvas\\\' import JsPDF from \\\'./jsPdf.debug\\\' export default{   name:\\\'wwutils\\\',   toolExportPdf(fileName) {     let isCompele

    2024-02-16
    48
  • 【前端可视化】前端大屏适配方案

    动态设置 html 根字体的大小和 body 字体大小(使用 lib_flexible.js) 将设计稿的宽(1920)平均分成 24 等份,每一份 80px; html 根字体大小就设置为 80px,即 1rem = 80px,24rem = 1920px(移动端推荐分为 10 份); 将 body 字体大小设置为 16px; 最后需要使用插件或者其他方式将 px 转为 rem 单位:

    2024-02-11
    47
  • 【前端】-初始前端以及html的学习

    💖作者:小树苗渴望变成参天大树🎈 🎉作者宣言:认真写好每一篇博客💤 🎊作者gitee:gitee✨ 💞作者专栏:C语言,数据结构初阶,Linux,C++ 动态规划算法🎄 如 果 你 喜 欢 作 者 的 文 章 ,就 给 作 者 点 点 关 注 吧! 今天博主来介绍关于前端相关的知识,博主之前将的都是

    2024-03-12
    45
  • 【前端进阶】前端安全:从入门到实践

    前言: Web应用程序的广泛使用,使得Web安全变得越来越重要。随着Web技术的不断发展和Web应用程序的复杂性增加,越来越多的前端安全漏洞受到广泛关注。为了保护Web应用程序和用户数据,我们需要了解和掌握前端安全的知识和实践。 在本文中,我们将介绍前端安全的基本

    2024-02-12
    47