-
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 打开游戏界面,看到一个画面简洁、却又富有挑战性的游戏。屏幕上,有一个白色的矩形框,里面不断下落着各种单词,而我需要迅速地输入这些单词。如果
-
自动化测试有2种形式,接口自动化和UI自动化。而UI自动化经常会被登录节点堵塞,例如验证码、图形、滑块等,尽管有些方式可以识别图形和定位滑块位置,但成功率都不高,无法真正意义上实现自动化执行;而htt
2023年04月11日 10:220
-
本博文介绍CSS中的基础选择器和复合选择器。基础选择器包括标签选择器、类选择器、id选择器和通配符选择器,复合选择器包括后代选择器、子选择器、并集选择器和伪类选择器。
2023年04月11日 10:224
-
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 假设,我们有这样一张 Gif 图: 利用 CSS,我们尝试来搞一些事情。 图片的 Glitch Art 风 在这篇文章中 --CSS 故障
2023年04月11日 10:225
-
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:景明 我们以一段 C 代码为例,来看一下代码被编译成二进制
-
拖放排序列表是一种广泛使用的 UI 元素,允许用户通过将项目拖放到所需位置来重新排序。这个功能可以在许多网络应用程序中找到,比如任务管理器和电子商务网站。 在这篇博文中,您将学习如何使用 HTML、C
-
background中的cover与contain的区别 contain:将图片缩放至宽度或者高度能够完全适应容器,并且保持图片宽高比不变。如果容器宽高比与图片宽高比不同,则容器会留白,不会出现图片的
2023年04月11日 10:22429
-
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 最近碰到这样一个问题,在一张封面上直接显示书名,可能会存在书名看不太清楚的情况(容易受到背景干扰),如下 为了解决这个问题,设计师提了一个
2023年04月11日 10:222
-
本博文介绍CSS三大特性之一:优先级。CSS的三大特性:层叠性、继承性、优先级。 本博文介绍CSS三大特性之一:优先级。1 规则(1)若选择器相同,则执行层叠性(层叠性:给相同的选择器设置相同的样式,则“后来居上”,后面设置的样式会覆盖前面设置的样式);(2)若选择器不同,则有优 ...
2023年04月11日 10:220
-
本博文介绍了CSS3中新增的选择器,包括属性选择器、两类结构伪类选择器和伪元素选择器,并对两类结构伪类选择器进行了比较。
2023年04月11日 10:227
-
本博文以表格的形式介绍了CSS中常用的文本属性,包括文本颜色、文本对齐、装饰文本、文本缩进和行间距。
2023年04月11日 10:220
-
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 CSS3提供了Animation关键帧动画,我们在工作中比较常用。但在写CSS动画的时候,其实Animation能实现两种动画模式: 补间
2023年04月11日 10:229
-
前面已经介绍过CSS伪类的知识,具体可见前文 CSS伪类知识详解。 伪元素常常被误解为伪类,主要在于他们的语法相似,都是对于选择器功能的扩展,相似程度很高导致被混淆。 本文通过详细介绍伪元素和常见的使
2023年04月11日 10:2236
-
本博文记录CSS中比较常用的背景属性,包括背景颜色:background-color、背景图片:background-image、背景平铺:background-repeat、背景位置:backgro
2023年04月11日 10:220
-
相信很多前端开发者在做项目时同时也都做过页面性能优化,这不单是前端的必备职业技能,也是考验一个前端基础是否扎实的考点,而性能指标也通常是每一个开发者的绩效之一。尤其马上接近年关,页面白屏时间是否过长、
-
1. 精灵图 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。 因
-
本文旨在通过部署微前端项目的实践过程中沉淀出一套部署方案,针对项目分别部署在不同的服务器上的场景,就一些重点步骤、碰到的问题做了一些总结。
-
使用CSS描绘页面样式时,颜色是其中不可或缺的,无论是对文本、背景还是边框、阴影,我们都写过无数代码用来增添颜色。而为了让网页的色彩表现更出色,我们很有必要完整梳理下CSS中的色彩。 要讲清楚CSS中
-
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习! 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟
-
作为 C 端前端研发,除了攻克业务难点以外,也要有更深层的自我目标,那就是性能优化。这事儿说大不大,说小也不小,但难度绝对不一般,所涉及的范围优化点深入工程每个细胞。做好前端性能优化绝非简单之事!文章
-
Mac/Windows 浏览器开发者工具远程调试 iPhone/Android 页面 Mac/Windows 浏览器开发者工具远程调试 iPhone/Android 页面在移动端 Web 开发中,有时候只通过模拟器进行调试是不够的,需要在真机环境下进行调试才能发现并解决一些问题。 ...
-
使用工具: IDEA2022 Tomcat9.0.4 1.下载Tomcat: 官网:https://tomcat.apache.org/ 找到需要的版本下载即可,下载完成解压即可用: Tomcat目录
2023年03月27日 10:4623
-
一、HTML 1、什么是HTML 1.1、初识HTML HTML:==Hyper Text Markup Language(超文本标记语言)== 超文本包括:文字、图片、音频、视频、动画等 HTML5
-
CSS 为实现重叠效果,将 margin-top 设为负值时,div 背景被 img 图片遮挡 CSS 为实现重叠效果,将 margin-top 设为负值时,div 背景被 img 图片遮挡一、未实现重叠效果<body> <img src="" ...
-
最近,在看 LPL 比赛的时候,看到这样一个有意思的六芒星能力图动画: 今天,我们就来使用纯 CSS 实现这样一个动画效果! 实现背景网格 对于如下这样一个背景网格,最好的方式当然肯定是切图,或者使用
2023年03月24日 10:3535
-
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 对于前端人员来讲,最令人头疼的应该就是页面性能了,当用户在访问一个页面时,总是希望它能够快速呈现在眼前并且是可交互状态。如果页面加载
-
本文将介绍一个角向渐变的一个非常有意思的小技巧! 我们尝试使用 CSS 绘制如下图形: 在之前,类似的图案,其实我们有尝试过,在 单标签实现复杂的棋盘布局 一文中,我们用单标签实现了这样一个棋盘布局:
2023年03月23日 11:073
-
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 前端加载超大图片时,一般可以采取以下措施实现加速: 图片压缩:将图片进行压缩可以大幅减小图片的大小,从而缩短加载时间。压缩图片时需要
-
众所周知,网页的暗黑模式可以减少屏幕反射和蓝光辐射,减少眼睛的疲劳感,特别是在夜间使用时更为明显。其实暗黑模式也给霓虹灯效应(Neon Effect)提供了发挥的环境。 霓虹灯效应是一种视觉效果,其特
-
webpack ensure相信大家都听过。有人称它为异步加载,也有人说做代码切割,那这个家伙到底是用来干嘛的?其实说白了,它就是把js模块给独立导出一个.js文件的,然后使用这个模块的时候,webp
2023年03月20日 09:460
-
此内容包含: html基础 列表、表格 媒体元素 表单(重点) 1、HTML 基础 目标: 会使用HTML5的基本结构创建网页 会使用文本相关标签排版文本信息 会使用图像相关标签实现图文并茂的页面 会
-
前端布局可以说是每个前端工程师必须掌握的知识,不同的布局能够给用户带来不一样的体验,好的更是能瞬间吸引用户。小白大佬都请进!
-
CSS概念 css的使用是让网页具有统一美观的页面,css层叠样式表,简称样式表,文件后缀名.css css的规则由两部分构成:选择器以及一条或者多条声明 选择器:通常是需要改变的HTML元素 声明:
-
在学习网络之前,了解它的历史能够帮助我们明白为何它会发展为如今这个样子,引发探究网络的兴趣。下面的这张图片就展示了“互联网”诞生至今的发展历程。
2023年03月15日 15:386
-
css的全局关键字有下面几个: inherit : 继承父级属性 initial:将元素初始化成css的初始值 unset:继承和初始化元素 revert:还原到浏览器内置样式 all:代指所有css
2023年03月15日 11:301
-
在许久之前,曾经写过这样一篇文章 -- 不定宽溢出文本适配滚动。我们实现了这样一种效果: 文本内容不超过容器宽度,正常展示 文本内容超过容器的情况,内容可以进行跑马灯来回滚动展示 像是这样: 但是,之
2023年03月15日 11:302
-
弦歌的html篇 之 《表单》总结 html篇之《表单》一、结构<form action="url" method="post" name=""> <label>标注</label>& ...
2023年03月15日 11:300
-
弦歌的html篇 之 《标签分类和嵌套规则》总结 html篇之《标签分类和嵌套规则》一、常用标签(1) <div></div>一个区块容器标记,可以包含图片、表格、段落等各种html元素(2) <span></span>没有实际意义 ...
-
本文将介绍一种基于 CSS 变量技巧,通过合理使用 CSS 变量,实现 CSS 动画 @keyframes 的复用。 CSS 变量 CSS 变量大家应该都比较熟悉了,已经不能算是新知识了,快速过一遍。
2023年03月15日 11:305
-
首先需要明确一点,以往浏览器对css的支持是不同的,不同浏览器的样式可能会存在差异,对待这种差异问题,需要写几套不同的css来兼容(边框、圆角、颜色等),这样是非常麻烦的,浏览器css显示差异化属于浏
2023年03月15日 11:300
-
用于初级选手将代码上传到github中去,使得可以两台或多台代码同步。 首先,我们创建一个文件夹。 创建完这个文件夹以后,点开里面是空的。然后我们点进去,右键Git Bash Here,打开我们的github 把这个链接复制一下,在git bash 中输入:git clo ...
2023年03月15日 11:302
-
一个网页有三个部分组成:&lt;html&gt;、&lt;head&gt;、&lt;body&gt; 注释:快捷键:ctrl + / (在网页中不起任何代码作用,只用于提示) 基本标签 标题标签 &l
-
w3c机构:规定网页分成三个部分:结构、样式、表现形式。 无序列表: (每个列表左侧都有实心黑点,可以用css去掉) &lt;ul&gt; &lt;li&gt;列表1&lt;/li&gt; &lt;l
-
项目中经常会碰到页面自适应的问题,例如:商城的列表展示、分类列表展示等页面,如下: 该页面会随着页面的放大缩小而随之发生变化,解决方法:display: flex;配合子元素的动态宽度来实现,子元素的
2023年03月15日 11:303
-
大数据时代,各行各业对数据采集的需求日益增多,网络爬虫的运用也更为广泛,越来越多的人开始学习网络爬虫这项技术,K哥爬虫此前已经推出不少爬虫进阶、逆向相关文章,为实现从易到难全方位覆盖,特设【0基础学爬
-
在页面布局中,元素水平垂直居中的方法有很多,这里就列举3个简单,用的比较多的方法吧。 情况一、已知元素的宽高 1 &lt;style&gt; 2 .center { 3 width: 200px; 4
2023年03月15日 11:300
-
写在前面 模块化开发是我们日常工作潜移默化中用到的基本技能,发展至今非常地简洁方便,但开发者们(指我自己)却很少能清晰透彻地说出它的发展背景, 发展过程以及各个规范之间的区别。故笔者决定一探乾坤,深入
2023年03月15日 11:3071
-
OSI OSI是Open System Interconnect的缩写,意为开放式系统互联。其各个层次的划分遵循下列原则: (1)同一层中的各网络节点都有相同的层次结构,具有同样的功能。 (2
-
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;title&gt;
-
//11.开启蓝牙适配器 openBluetoothAdapter //21.开始搜索蓝牙设备 startBluetoothDevicesDiscovery //31.开启监听搜索蓝牙设备 onBlu
2023年03月15日 11:300
-
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 目前平台前端使用的是原生CSS+BEM命名,在多人协作的模式下,容易出现样式冲突。为了减少这一类的问题,提升研效,我调研了业界上主流的7种
-
&#127942;一、HTML是什么又不是什么? &#128100;1.1、HTML是什么 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言
-
在学习 jsp 的过程中,使用 IDEA 软件新建 web 文件,右击新建 jsp 时,没有找到 jsp 文件。可能是没有添加 web 路径,该如何解决呢?
2023年02月14日 17:433
-
🌄一、form表单是什么

🌄二、form表单的属性

🌄三、input中的各种Type属性值

🌄四、标签
2023年02月14日 17:430
-
从 1989 年万维网(www)诞生,HTTP(HyperText Transfer Protocol)经历了众多版本迭代,WebSocket 也在期间萌芽。1991 年 HTTP0.9 被发明。19
-
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 短视频已经无数不在了,但是主体还是使用 app 来承载的。本文讲述 H5 如何实现 app 的视频滑动体验。 无声胜有声,一图顶百辩,且看
2023年02月14日 17:433
-
手机端 H5 实现自定义拍照界面也可以使用 MediaDevices API 和 和 video 标签来实现。
-
使用 CSS 的 box-sizing 属性 MDN docs 关于box-sizing 一种解决方法是使用 CSS 的 box-sizing 属性来控制元素的盒模型。默认情况下,盒模型是 &quot
2023年02月14日 17:4343
-
flex布局 -- 弹性盒模型 display: flex; 就会让其变成弹性盒子 当把一个元素的 display 属性设置为 flex 或者 inline-flex 后,它就成了一个容器。 flex
2023年02月14日 17:431
-
前端面试题学习-HTML-个人总结 这是看别人总结的基础上再度总结的,总结的链接如下 链接 1. DOCTYPE 的作用? 告知浏览器解析器用何标准解析文档,若不指定则按兼容模式进行解析(向后兼容模拟