摘要:
鼠标经过轮播图模块,左右按钮提示,离开隐藏左右按钮 点击右侧按钮一次,图片往左播放一张,以此类推,左侧按钮同理 图片播放的同时,下面小圆圈模块跟随一起变化 点击小圆圈,可以播放相应图片 鼠标不经过轮播图,轮播图也会自动播放图片 鼠标经过,轮播图模块自动播放停止 第一步 鼠标经过显示按钮 鼠标离开按钮 阅读全文
摘要:
常见offset系列属性作用 常见client系列属性作用 常见scroll系列属性作用 封装简单动画函数 写出网页轮播图案例 offset 偏移量,使用offset相关属性可以动态的得到该元素的位置、大小等 获得元素距离带有定位父元素的位置 获得元素自身的大小 注意:返回的数值不带单位 offse 阅读全文
摘要:
什么是BOM 浏览器的顶级对象 页面加载事件以及注意事项 定时器函数 JS执行机制 页面跳转、刷新 history、navigator对象 什么是BOM 浏览器对象模型(Browser Object Model),主要作用是提供独立于内容而与浏览器窗口进行交互的对象,核心是window,BOM缺乏标 阅读全文
摘要:
获取事件和处理事件的第二种方式:事件监听 如何获取和处理鼠标与键盘的基本事件? 事件监听方式 eventTarget.addEventListener(type,listener[,useCapture]) type:事件类型 如click listener:事件处理函数 useCapture:布尔 阅读全文
摘要:
API和Web API API 应用程序编程接口,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,且又无需访问源码,或理解内部工作机制的细节 API是给程序员提供的一种工具,以便能更轻松的实现想要的功能 Web API 是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和 阅读全文
摘要:
初识JavaScript JavaScript是一种运行在客户端的脚本语言 脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行 现在也可以基于Node.js技术进行服务器编程 浏览器分为渲染引擎和JS引擎,渲染引擎用来解析HTML和CSS,俗称内核,比如chrome浏览器的 阅读全文
摘要:
移动端浏览器主要对webkit内核兼容,现在的移动端主要针对手机端开发,移动端碎片化比较严重,分辨率和屏幕尺寸不一 调试方法 谷歌浏览器模拟手机调试 搭建本地web服务器,手机和服务器在同一个局域网内,通过手机访问服务器 使用外网服务器,直接IP或域名访问 视口 视口就是浏览器显示页面内容的屏幕 阅读全文
摘要:
CSS基础 CSS元素显示模式 块元素 <h1>~<h6>、<p>、<div>、<ul>、<ol>、<li> 独占一行、可以控制宽度高度内外边距、宽度默认是父级宽度的百分之百、里面可以放行内或块级元素 和不能放其他块级元素 行内元素 <a> <strong> <b> <em> <i> <del> < 阅读全文
摘要:
精灵图 为什么需要精灵图 有效减少服务器接收和发送请求的次数,提高页面的加载速度,出现了CSS精灵技术(也称)CSS Sprites、CSS雪碧) 核心原理:将网页中一些小背景图像整合到一张大图中,这样只需要一次请求即可 使用精灵图:使用background-position属性,移动的是这个目标图 阅读全文
摘要:
HTML5新特性 增加了一些新的标签、新的表单以及新的表单属性等 这些新特性都有兼容性问题,基本上IE9+以上版本浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性 新增语义化标签 - <header>:头部标签 - <nav>:导航标签 - <article>:内容标签 - <sectio 阅读全文