08 2021 档案
摘要:1、面向过程 / 面向对象 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。 冰箱打开->大象进去->冰箱关闭 优点︰性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机就采用的面向过程编程。 缺点:没有面向对象易维护、易复用、易
阅读全文
摘要:1、jquery入口函数 $(function(){ ... //页面加载完的入口 }); $(document).ready(function(){ ... //页面加载完的入口 }); 1.等着DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成,jQuery帮我们完成了封装。 2.
阅读全文
摘要:特性: 1、数据存储在用户浏览器中; 2、设置、读取方便,页面刷新也不丢失 3、容量较大 4、只能存储字符串,可以将对象JSON.stringify()编码后存储 1、sessionStorage 5M 1、生命周期为关闭浏览器窗口 2、在同一窗口下可数据共享 3、以键值对存储 //存储 sessi
阅读全文
摘要:1、触屏事件touch 2、触摸事件 TouchEvent是一类描述手指在触摸平面(触摸屏、触摸板等)的状态变化的事件。这类事件用于描述一个或多个触点,使开发者可以检测触点的移动,触点的增加和减少,等等 var div = document.querySelector('div'); div.add
阅读全文
摘要:1、offset:动态 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度),该大小为border-sizing offsetParent返回的是有定位关系的父级,parentNode返回最近一级的父级,无论是否有定位 offset主要用来获取数值,style主要用来修改数值 2、cli
阅读全文
摘要:BOM ( Browser Object Model )即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。 1、窗口加载事件:window.onload = funciton(){ }; / window.addEventListener('load', f
阅读全文
摘要:文档对象模型(Document Object Model,简称DOM )),是W3C组织推荐的处理可扩展标记语言(HTML或者XML )的标准编程接口。 DOM树,所有都看做对象 文档:一个页面就是一个文档,DOM中使用document表示 元素︰页面中的所有标签都是元素,DOM中使用element
阅读全文
摘要:记一次小实验,打算根据所点击 li 修改 body 背景图片 <ul> <li><img src="img/1.jpg" alt=""></li> <li><img src="img/2.jpg" alt=""></li> <li><img src="img/3.jpg" alt=""></li>
阅读全文
摘要:1、视口( viewport)就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口(原始布局)、视觉视口(能看到的部分)和理想视口(原始布局贴合能看到的部分) 手动添加meta视口通知bom meta视口标签的主要目的∶布局视口的宽度应该与理想视口的宽度一致,简单理解就是设备有多宽,我们布局的视口
阅读全文