Web前端/Html
web网页前端相关知识。
页神建辑-思而后学
总是让我做自我简介,真不知道介绍什么好了~~~~~
展开
-
html5新特性 - 地理定位geolocation学习
Html5新特性-地理定位geolocation用于定位用户的位置。 window.navigator.geolocation { getCurrentPosition:fn, watchPosition:fn, clearWatch:fn}获取用户定位信息 window.navigator.geolocation.getCurrentPosition(function(pos){ console.log(“获取成功”); // po原创 2021-01-31 20:41:48 · 99 阅读 · 0 评论 -
js-获取鼠标位置
获取鼠标位置属性说明clientX以浏览器窗口左上顶角为原点,定位 x 轴坐标clientY以浏览器窗口左上顶角为原点,定位 y 轴坐标offsetX以当前事件的目标对象左上顶角为原点,定位 x 轴坐标offsetY以当前事件的目标对象左上顶角为原点,定位 y 轴坐标pageX以 document 对象(即文档窗口)左上顶角为原点,定位 x 轴坐标pageY以 document 对象(即文档窗口)左上顶角为原点,定位 y 轴坐标scree原创 2020-12-27 21:12:22 · 150 阅读 · 1 评论 -
网页常见百分百自适应宽度轮播图的一种做法解析!
网页大屏轮播图随处可见,使用非常广泛,并且分各种不同类型,有的是居于页面中间固定宽度;有的是百分比宽,能够自适应各种媒介设备。从观感级别上看,毋庸置疑是百分比宽的轮播屏更耐看高级。这里讲一种百分百自适应宽度轮播平的代码案例。如图所示,轮播图是从右向左滑动过去,带有一定过渡效果,并且无论如何缩放浏览器,轮播图始终百分百宽占满屏幕。 let index = 0; let imgItem = document.getElementsByClassName('swiper-item');原创 2020-06-18 22:39:04 · 4683 阅读 · 2 评论 -
前端sessionStorage&localStorage&cookie使用解析
sessionStorage、localStorage、cookie都是web客户端数据缓存存储技术,各自又有不同点。cookie储存在用户本地终端上的数据Cookie,有时也用其复数形式 Cookies。类型为“小型文本文件”,是某些网站为了辨别用户身份,进行Session跟踪而储存在用户本地终端上的数据(通常经过加密),由用户客户端计算机暂时或永久保存的信息。HTTP协议本身是无状态的。什么是无状态呢,即服务器无法判断用户身份。Cookie实际上是一小段的文本信息(key-value格式)。客转载 2020-11-30 22:53:49 · 491 阅读 · 0 评论 -
前端缓存机制解析
缓存缓存这个东西无处不在,有浏览器端缓存,有服务器端缓存,有代理服务器缓存,有ASP.NET页面缓存,对象缓存,数据库缓存等等。http中具有缓存功能的是浏览器缓存,以及缓存代理服务器。http缓存指的是:当Web请求抵达缓存时,如果本地有“已缓存的”副本,就可以从本地存储设备而不是从原始服务器中提取这个文档。缓存的优点缓存的优点是显而易见的,如:1.减少了冗余的数据传输,节省流量;2.减少服务器响应请求的负担;3.加快了Web页面加载网页的响应速度,减少延迟,提升交互体验。缓存可以说是性能优转载 2020-11-30 21:56:37 · 501 阅读 · 0 评论 -
JavaScript内存管理&垃圾回收机制解析
JavaScript内存管理&垃圾回收机制JavaScript(和其他高级语言)在创建变量(对象、字符串等)时自动进行了分配内存,并且在不适用它们时“自动”释放。释放的过程称为垃圾回收。内存生命周期不管什么程序语言,内存生命周期基本是一致的:分配你所需要的内存使用分配到的内存(读、写)不需要时将其释放/归还所有语言第二部分都是明确的。第一和第三部分在底层语言中是明确的,但在像JavaScript这些高级语言中,大部分都是隐含的。JavaScript 的内存分配值的初始化为了不让程原创 2020-11-30 19:27:37 · 191 阅读 · 0 评论 -
web-实时获取web浏览器窗口拉伸后的浏览器窗口尺寸
window浏览器窗口被拉伸后,宽高会发生变化,如果实时动态感知浏览器窗口变化和变化的尺寸?onresize事件onresize事件会在窗口或框架被调整大小时发生。与我们的功能需求相吻合。支持该事件的 HTML 标签:支持该事件的 JavaScript 对象:a 、address、b、big、blockquote、body、button、cite、code、dd、dfn、div、dl、dt、em、fieldset、form、frame、h1-h6、hr、i、img、input、kb原创 2020-11-26 22:07:04 · 259 阅读 · 0 评论 -
前端HTML5及兼容性全部详解
提到HTML5,不能不提到HTML,这里对HTML简讲一下。HTML:一种超文本标记语言,是一种标识性的语言,包括一系列的标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet连接为一个逻辑整体。HTML5技术结合了HTML4.01的相关标准并革新,符合现代网络发展要求,于2008年正式发布,并在2012年已经形成了稳定的版本。HTML5新特性HTML5中的一些有趣的新特性:...原创 2019-09-30 23:27:39 · 653 阅读 · 0 评论