前端开发
-
效果： 2、将left和middle同排 3、将right和middle同排 将right的margin-left:-100px，将right向左移动right宽度个单位，效果如下 4、由于left和right各占middle左右的100个单位，所以将left和right设置为绝对定位，然后设置left的left:-1oopx，right的right: -100px，再设置container的padding为padding： 0 100px，效果如下。 5、整体代码： 圣杯
2024-12-03 -
8、定位 属性名描述position:relative;相对定位（相对默认位置进行定位，不脱离文档流，仍占据页面位置）position:absolute;绝对定位（脱离文档流，相对包含块进行定位）position:fixed;相对浏览器的视口进行固定定位 8.1 相对定位 可以和浮动、margin同时使用；不能将元素转换为定位元素。 <style> .outbox { width: 600px; height: 600px; back
2024-12-03 -
Q: A: In Bootstrap 5.0.x, btn-block is depreciated, and to get a full width button you can use a grid system and use col-12 in the button class.you can check out the documentation from ps: 实测有效 Stacking-Order-Flowchart
2024-12-03 -
一、什么是节流 1. 概念介绍 节流是一种用于控制函数执行频率的技术。它通过限制函数的执行次数，确保在指定的时间间隔内，目标函数只会执行一次。相比于防抖（Debounce），节流关注的是每隔一段时间执行一次，而防抖关注的是事件触发结束后执行一次。 2. 场景应用 在实际项目中，节流通常应用于高频率触发的事件，例如： 窗口滚动事件（scroll）：滚动事件会随着用户的滚动频率而触发多次，通过节流技术，可以减少事件的触发频率，避免大量无效的函数调用。窗口调整大小事件（resize）：在调整窗口大小时
2024-12-03 -
document.getElementByid("AAA"),查找页面中id=“AAA”的选项。 在页面中frameset将页面分为多个窗口 <iframe id="AAA" src="xxxA.html" /> <iframe id="BBB" src="xxxB.html" /> 比如上面两句话，就是说将这个页面分为两个页面，上部分id为AAA的页面，这个页面显示的内容为xxxA.html。 下边部分同理为xxxB.html页面内容。 document.getElemen
2024-12-03 -
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /
2024-12-03 -
首先我们来创建一个新的项目： nest new all-decorator -p npm 1、nest 最常用装饰器 1、@Module @Module() - 定义一个模块类，用于组织应用程序的不同部分。 可以看到我们新创建的项目就有一个模块 @Controller() - 定义一个控制器类，用于处理HTTP请求 @Injectable() - 定义一个可注入的服务类，用于提供业务逻辑 @Inject() - 用于在服务类中注入其他依赖 import { Contro
2024-12-03 -
（一）写在前面 （二）主体介绍 觉得页面的动态小人不好看？可参考： 小帅哥： https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/chitose.model.json 萌娘：https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json 小可爱（女）：https://unpkg.com/live2d-widget-model-koha
2024-12-03 -
根据《2019 年度JavaScript趋势报告》显示，目前React 在前端领域流行度最高， Vue 排名位居第二，但从“使用过并且将再次使用”的比例来看，Vue和React相比仍有不小差距。 React之所以这么受欢迎，得益于它自身优势： 灵活性和响应性：React提供最大的灵活性和响应能力。 虚拟DOM：由于它基于文档对象模型，因此它允许浏览器友好地以HTML，XHTML或XML格式排列文档。 可扩展性：由于其灵活的结构和可扩展性，React已被证明对大型应用程序更好。 不断发展：Rea
2024-12-03 -
泛型 可以创建可重用的组件，一个组件可以支持多种类型，解决类、接口、方法的复用性，以及对不确定数据类型的使用。 泛型字母可以自己随意指定，但是一个泛型字母在同一个函数中每次使用时只会代表一种数据类型。 泛型的简单案例 // 定义一个函数，用于批量生成数字数组 function getArr1 (value: number, count: number): number[] { const arr: number[] = [] for (let index = 0; index < c
2024-12-03