IT技术

IT技术

CSS中的BFC,是什么?

CSS中的BFC详解 点击打开视频讲解 一、常见定位方案 普通流 默认,从上而下,行内元素水平排列,行满换行,块级元素渲染成一个新行。 浮动 先按普通流位置出现,然后根据浮动方向偏移。 绝对定位 元素具体位置由绝对定位坐标组成。 二、什么是BFC BFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器。 BFC 即 Block Formatting Contexts

阅读更多
Px,em,rem的区别

在css中单位长度用的最多的是px、em、rem,这三个的区别是: 1.px是固定的像素,一旦设置了就无法因为适应页面大小而改变。 2.em和rem相对于px更具有灵活性,他们是相对长度单位,长度不是定死了的,更适用于响应式布局。 3.em是相对于其父元素来设置字体大小的,一般都是以<body>的“font-size为准。这样就会存在一个问题,进行任何元素设置,都有可能需要知道他父元素的大小。但是Rem是相对于根元素<html>,就是说我们只需要在根元素确定一个参考值。

阅读更多
彻底理解粘性定位 - position: sticky

粘性定位可以被认为是相对定位(position: relative)和固定定位(position: fixed)的混合。元素在跨越特定阈值前为相对定位,之后为固定定位。例如: .sticky-header { position: sticky; top: 10px; } 在 视口滚动到元素 top 距离小于 10px 之前,元素为相对定位。之后,元素将固定在与顶部距离 10px 的位置,直到视口回滚到阈值以下。 粘性定位常作用在导航和概览信息(标题,表头,操作栏,底部评论等)上。这样,用户

阅读更多
Pygame Zero库教程-鼠标点击事件

Actor的位置: image Actor重要属性和方法: 其他属性同pygame.Rect 外观:image, 如alien.image = 'alien_hurt' 位置: piex坐标值:x,y, 设置位置:pos,left/right/top/bottom 角度:angle 绘制f方法:draw() 距离方法: Actor.distance_to(target) 角度方法:Actor.angle_to(target) 游戏渲染绘制draw 游戏状态的更新update

阅读更多
Vue-根据角色生成动态路由及菜单-1-vue脚手架创建项目

根据登录用户的角色,生成路由后addRoute、生成菜单栏基本思路:    1. 用户在登录页输入 用户名+密码 请求后端 login接口 拿到 token 后保存到cookie或sessionStorage中;    2. 接着携带拿到的token请求后端 userInfo 接口,获得用户基本信息及角色role;    3. 前端维护路由表,除了不需要权限限定的页面外其余每个路由添加meta数据,格式如 meta:{ role:['admin'] },表示该路由页面可以被哪些角色访问;    

阅读更多
Vue3 10多种组件通讯方法

本文简介 点赞 + 关注 + 收藏 = 学会了 本文讲解 Vue 3.2 组件多种通讯方式的基础用法,并且使用了 单文件组件 <script setup> 。 众所周知,Vue.js 中一个很重要的知识点是组件通信,不管是业务类的开发还是组件库开发,都有各自的通讯方法。 本文适合: 有 Vue 3 基础的读者。 打算开发组件库的读者。 本文会涉及的知识点: Props emits expose / ref Non-Props v-model 插槽 slot prov

阅读更多
Java爬虫jsoup工具类

一、定义 jsoup官网,jsoup是一个用于处理HTML的Java库,它提供了一个非常方便类似于使用DOM,CSS和jQuery的方法的API来提取和操作数据。 jsoup实现WHATWG HTML5规范,并将HTML解析为与现代浏览器相同的DOM。 从URL,文件或字符串中提取并解析HTML 查找和提取数据,使用DOM遍历或CSS选择器 操纵HTML元素,属性和文本 根据安全的白名单清理用户提交的内容,以防止XSS攻击 输出整洁的HTML jsoup旨在处理发现所有格式有差异的HTML,

阅读更多
关于优化Vue-router优化import引入过多导致index文件过于臃肿

1.需求 当我们在开发过程中,需要引入很多的文件,但是又不想每个文件都依次导入的时候 就会想有没有一个方法可以批量导入 require.context方法就可以解决这个问题.(仅限于webpack) function importAll (require) { console.log(require.keys(),'keys') // 此处是由多个文件路径组成的数组 require.keys().forEach(item=>{ routerAll.push(req

阅读更多
vue3+ts项目中使用mockjs

前后端分离的开发模式,前端需要向后端请求数据(ajax请求),但实际开发过程中,前后端会约定一份接口文档,但前后端开发进度并不一致,当后端没有完善接口功能时,前端需要在本地模拟数据返回,此时需要使用到mockjs。 安装mock npm install mockjs --save-dev 创建mock文件夹 mock下创建index.ts、types.ts 以及你需要使用到的模块的.ts文件。 mock文件夹 inde.ts文件代码: import Mock from 'moc

阅读更多
补-设计模式之访问者模式(十三)

  访问者模式在23种设计模式算是复杂的,因此在解释定义前,先以实际的例子代入一下,觉得理解起来会更好一些。 场景:很多人都有养宠物的习惯,这里就以此为例 访问者角色:给宠物喂食的人 具体访问者角色:主人、其他人 抽象元素角色:动物抽象类 具体元素角色:宠物狗、宠物猫 结构对象角色:主人家 结构图 创建抽象访问者接口 interface Person { void feed(Cat cat); void feed(Dog dog); }

阅读更多
help

没找到答案?我们还有人工解答

我们虽然是非全管服务,但是还是有人工客服。

发起工单