摘要: AJAX 简介 全称为Asynchronous JavaScript And XML ,就是异步的JS和XML 无需刷新获取数据 Ajax的特点 优点 可以无需刷新页面与服务器进行通信 允许你根据用户事件来更新部分页面内容 缺点 没有浏览历史 存在跨域问题 SEO(搜索引擎优化)不友好 Ajax流程 阅读全文
posted @ 2020-09-08 21:04 呦啊哈 阅读(62) 评论(0) 推荐(0)
摘要: 移动端事件 触摸事件touch 屏幕触摸事件,pc端鼠标的移动时点击无效,但是在模拟器中,鼠标点击会变成触摸事件。 offset offset的中文是:偏移,补偿,位移。 offset主要作用是获得元素的尺寸 方法有: offsetWidth offsetHight offsetLeft offse 阅读全文
posted @ 2020-09-06 10:39 呦啊哈 阅读(350) 评论(0) 推荐(0)
摘要: 绑定事件的两种方式 直接函数绑定,只能绑定一个事件,如果写多个,后面的事件会覆盖掉前面的事件。 所以使用addEventListener() btn.addEventListener('click',function(){ }) 冒泡和捕获 冒泡是从最内层的元素向上一级元素传递顺序 捕获是从上层元素 阅读全文
posted @ 2020-08-31 13:30 呦啊哈 阅读(78) 评论(0) 推荐(0)
摘要: 事件的交互 事件的三要素 事件源 事件 事件驱动程序 步骤 获取事件源:document.getElementById(“box”); 绑定事件: 事件源box.事件onclick = function(){ 事件驱动程序 }; 书写事件驱动程序:关于DOM的操作。 获取事件的方式 1. 通过id获 阅读全文
posted @ 2020-08-25 21:33 呦啊哈 阅读(45) 评论(0) 推荐(0)
摘要: DOM DOM就是由节点组成的 解析过程 HTML加载完毕,渲染引擎会在内存中吧HTML文档,生成一个DOM树,然后操作的时候,修改节点的属性。 DOM可以做什么 找元素节点 设置元素的属性 设置元素样式 动态创建和删除元素 事件的触发响应 DOM对象的获取 1 document.getElemen 阅读全文
posted @ 2020-08-21 22:18 呦啊哈 阅读(55) 评论(0) 推荐(0)
摘要: 第一章 简介 JS实现由三部分组成 ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型) ECMAScripe 主要是定义基本的语法,浏览器提供基本的ECMAScripe实现,同时也会提供语言的扩展,以便语言与环境之间对接交互。 ECMAScripe与Web浏览器没有依赖关 阅读全文
posted @ 2020-08-17 09:17 呦啊哈 阅读(108) 评论(0) 推荐(0)
摘要: 单位 px 像素单位 em 相对单位,相对父元素的字体大小 rem 相对单位,相对于root元素的字体大小 vm 视窗的宽度 百分比高度 vh 视窗的高度 百分比高度 设定页面最值大小 max-width 最大宽度 min-width 最小宽度 htight同理 阅读全文
posted @ 2020-08-15 19:04 呦啊哈 阅读(41) 评论(0) 推荐(0)
摘要: 弹性布局 弹性布局的好处 能让元素对不同的屏幕尺寸和不同设备做出好的适应准备 弹性布局设置方式 在弹性依赖父子关系中设置 display:flex 设置主轴方向 设置flex-direction属性 主轴内容分布 justify-content属性 设置侧轴的分布 align-items属性 弹性布 阅读全文
posted @ 2020-08-14 20:55 呦啊哈 阅读(59) 评论(0) 推荐(0)