- 博客(7)
- 收藏
- 关注
RSS订阅原创 事件流+事件委托+其他事件
事件对象:也是一个对象,这个对象里有事件触发时的相关信息事件对象在哪里?在事件绑定的回调函数的第一个参数就是事件对象如果得到事件对象,在事件处理函数里面,随便准备一个形参,这个形参就是事件对象.事件源.addEventListener('事件类型',function(e){})环境对象:函数里面的this就是一个特殊变量回调函数:回调函数本质还是一个函数,只不过把他当做参数使用使用匿名函数当做回调函数比较常见事件冒泡:冒泡阶段:从里往外阻止冒泡的语法:e.stopPrompagation()阻止默认行为:有
2022-07-02 20:12:24
88
1
原创 DOM事件
2. 事件监听版本 DOM L0 事件源.on事件 = function() { } DOM L2 事件源.addEventListener(事件， 事件处理函数) 区别： on方式会被覆盖，addEventListener方式可绑定多次，拥有事件更多特性，推荐使用3.事件类型3.1.鼠标事件(鼠标触发)click 鼠标单击mouseenter 鼠标经过mouseleave 鼠标离开3.2.焦点事件(表单获得光标)focus 获得焦点blur 失去焦点3.3.
2022-06-30 19:43:56
123
原创 DOM获取和属性操作
作用:直观体现了标签与标签之间的关系核心思想:把网页内容当成对象处理根据css选择器来获取DOM元素document.queryselector('css选择器'):只能获取一个元素参数:包含一个或多个有效的css选择器返回值如果没有匹配到返回nulldocument.queryselectorAll('css选择器'):能获取多个元素返回值:匹配到返回一个伪数组,匹配不到返回一个空数组注意:就算只有一个元素也必须用下标来获取目标:获取标签中间内容语法:对象.innerText 对象.innerHTML
2022-06-29 20:21:25
596
原创 JavaScript基础
JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。通过 标签将 JavaScript 代码引入到 HTML 中，有两种方式：内部方式通过 标签包裹 JavaScript 代码外部形式一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过 标签的 属性引入如果 script 标签使用 src 属性引入了某 .js 文件，那么 标签的代码会被忽略！！！如下代码所示：注释和结束符通过注释可以屏蔽
2022-06-22 12:33:31
78
原创 移动端适配(rem/vw)
移动端的适配方案：flex + rem单位 做适配效果 （比如淘宝和小米移动端） 当前市场最多flex + viewport width /vh单位 做适配效果 （比如 B站移动端 ） 新兴，马上的一个趋势rem 是一个相对单位，1rem 就是 html 文字的大小比如则此时 1rem 就是 35像素。媒体查询 mediaquery 可以自动检测视口的宽度。媒体查询一个非常大的作用是：。语法：通过媒体查询，检测不同的视口宽度，设定不同的html文字大小，元素设置rem单位后，可以达到元素适配效果
2022-06-17 20:04:21
258
原创 Web移动端
PC端:屏幕大 用网页固定版心,要考虑浏览器兼容问题,(布局:浮动＋定位＋标准流)移动端:手机屏幕小，网页宽度多数为100%，是适配手机屏幕宽度移动端则基本不需要考虑兼容性问题，放心大胆使用CSS新特性(布局:使用flex布局或者百分比布局)在PC端 1物理分辨率=1逻辑分辨率在移动端 1物理分辨率=2逻辑分辨率 or 1:3 or1:1视口就是浏览器显示哦页面内容的屏幕区域分类:01.布局视口 。 iOS, Android基本都将这个视口分辨率设置为980p x。 02.视觉视口。
2022-06-13 21:59:13
230
原创 空间转换3d+动画
3D 坐标系比2D 多了一个Z轴。3个坐标轴取值的正反：X 轴 往右越大，是正值， 否则反之Y 轴 往下越大，是正值，否则反之Z轴 （指向我们）越大，是正值，否则反之分开写法:综合写法:透视透视的作用： 空间转换时，为元素添加近大远小、近实远虚的视觉效果写法: 取值范围经常在 800px ~ 1200px 之间。一定给父亲添加透视距离也称为视距，所谓的视距就是人的眼睛到屏幕的距离。其中 d 为透视的距离z 是 的距离， 这个距离靠近我们，盒子越大 有了透视的加持，我们3d
2022-06-11 21:15:08
62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人