前端
文章平均质量分 92
HTML+CSS+JavaScript
lambda.
不积跬步无以至千里。
展开
-
面试精选-前端
事件,如果每次输入都去请求服务器获取数据,会造成不必要的请求浪费。此时就可以使用防抖技术,将一定时间内的多次触发合并为一次操作,只请求一次服务器数据,减少了请求次数和服务器负载。的含义是指在一定时间内,多次触发同一个事件,只执行最后一次操作。例如,当我们在搜索框中输入关键词时,输入框会不断触发。原创 2024-02-25 10:06:48 · 1207 阅读 · 0 评论 -
base64图片转换与下载(原生js实现下载至本地)
使用base64编码传输图片文件,在实际开发中也比较常见。在整个网站如果图片足够小复用性很高并且基本不会被更新(例如网站的logo)我们就可以考虑将图片转为base64编码原创 2022-05-14 18:20:05 · 5732 阅读 · 0 评论 -
css之flex布局
flext弹性局部1、传统布局与flex布局1.1、传统布局兼容性好布局繁琐局限性,不能再移动端很好的布局1.2、flex弹性布局操作方便,布局极为简单,移动端应用很广泛PC端浏览器支持情况较差IE 11或更低版本,不支持或仅部分支持建议:如果是PC端页面布局,我们还是传统布局。如果是移动端布局或者是不考虑兼容性问题的 PC端页面布局,我们还是使用flex弹性布局。1.3、flex布局初体验1、子元素水平显示代码实现 :<!DOCTYPE html>原创 2021-07-04 14:50:25 · 379 阅读 · 0 评论 -
JavaScript三部曲 - 网页特效篇
JavaScript - 网页特效篇网页特效篇,也是JavaScript三部曲中的最后一篇,在上两篇我们分别学习了JavaScript的基础语法和JavaScript操作DOM与BOM。根据上两篇的学习也能完成很多场景的开发,在这一篇中我们将学习offset、client、scroll系列属性的作用与使用、封装简单动画函数、网页轮番图等,完成更高级的开发。1、元素偏移量 offset 系列1.1、offset 概述offset翻译过来就是偏移量,我们使用 offset 系列相关属性可以动态的得到该元原创 2021-05-18 15:33:40 · 224 阅读 · 0 评论 -
JavaScript三部曲 - Web APIs(操作dom与bom)篇。
JavaScript - 操作DOM篇在上一篇我们我们已经学习完JavaScript的基础语法,但是仅仅会基础语法对于开发而言还远远不够,我们还需要学习使用JavaScript操作HTML、CSS等才能完成基本的开发,如表单验证、异步请求等。以下内容也是学自黑马pink老师。视频学习地址:1、DOM简介方式...原创 2021-05-01 22:54:32 · 262 阅读 · 1 评论 -
JavaScript三部曲 - 基础语法篇。
1、JavaScript简介1.1、JavaScript历史首先要知道Java和JavaScript没有一点关系!JavaScript 与 Java 是两种完全不同的语言,无论在概念上还是设计上。Java(由 Sun 发明)是更复杂的编程语言。ECMA-262 是 JavaScript 标准的官方名称。JavaScript 由 Brendan Eich 用时10天发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA(一个标准协会)采纳。网景原创 2021-03-01 22:28:05 · 316 阅读 · 0 评论 -
HTML5与CSS3的新特性。
HTML5与CSS3的新特性1、HTML5新特性1.1、新特性的兼容问题HTML5的新增特性主要是针对以前的不足,增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是IE9+以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。1.2、HTML5新增的语义化标签以前布局,我们基本使用div来做,div对于搜索引擎来说,是没有语义的。例如:<!--指明导航链接, 头部, 以及尾部等,以前都是我们自定义,没有语义--><div clas原创 2021-03-01 00:04:20 · 704 阅读 · 0 评论 -
css高级技巧(精灵图、字体图标、三角、vertical-align属性、溢出文字省略号等)
css高级技巧1、精灵图1.1、为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送图片,造成服务器请求压力过大,这将大大降低页面的加载速度。所以为了减少与服务器的交互和节约宽带,我们通常把很多小图像设计在一张图片,这样就只需要发起一次请求,通过布局技巧重复利用这张图片来达到目的。这张图就叫做精灵图。2、字体图标3、css三角4、css用户界面样式5、vertical-align属性应用6、溢出的文字省略号显示7、常见布局技巧En原创 2021-02-17 23:24:34 · 675 阅读 · 0 评论 -
css定位布局、元素的显示与隐藏。
css定位1、定位1.1、为什么要定位?经过前面的学习,我们都已经知道css为我们提供了三种传统的网页布局方式,分别是标准文档流、浮动、定位。三种布局方式相互配合,完成了我们想要的网页。那么定位究竟能实现怎样的效果呢?提问:一些情况时有标准流或者浮动能实现吗?某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子。当我们滚动窗口的时候,盒子是固定屏幕在某个位置。以上效果,标准流或浮动都无法快速实现,此时需要定位来实现。所以:浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横原创 2021-02-05 20:21:47 · 446 阅读 · 0 评论 -
权威CSS学习笔记!
CSS学习1、CSS简介1.1、关于CSSCSS指层叠样式表(Cascading Style Sheets)样式定义如何显示HTML元素样式通常存储在样式表中把样式添加到HTML 4.0中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通 常存储在CSS文件中多个样式定义可层叠为一个1.2、HTML的局限性说起HTML,这其实是个非常单纯的家伙,他只关注内容的语义。比如<h1>表明这是一个大标题,<p>表明这是一个段落, <i原创 2021-01-27 20:34:31 · 437 阅读 · 1 评论