- 博客(8)
- 资源 (1)
- 收藏
- 关注
原创 瀑布流布局 不到30行代码实现(JavaScript + absolute)支持懒加载
瀑布流布局+懒加载+无框架纯JavaScript实现思路(不到30行代码)
2022-12-07 16:22:16 789 1
原创 Javascript中的事件委托与事件模拟
内存和性能事件类型是在太多了,直接跳到事件内存和型能这里事件委托由于事件冒泡的原理,可以只盯一个事件处理程序,用来管理一个类型的所有事件,比如click事件会一直冒泡到document层次,也就是说如果可以的话,整个页面指定一个onclick事件,而不必给所有元素分别添加事件处理程序利用事件委托,再上级或者尽量高的DOM层次中添加一个事件处理程序,用来管理下级DOM的所有事件移除事件处理程序由于在销毁DOM元素的时候并不会移除事件监听程序的,所以会造成不一样的内存冗余养成良好的习惯,在
2021-02-24 22:59:56 135
原创 Javascript中的事件对象与事件类型
接上次看JS的事件冒泡和捕获,所以顺带就把事件相关的知识都看完好了而且想到一个好的学习方法,第一天自己看,第二天把前一天学习的东西写下来,一方面可以当复习,一方面当重新整理并且分享事件对象事件处理程序函数在处理事件时,或者说DOM在触发某个事件的时候,会产生一个包含事件相关信息的event事件对象对于不同浏览器环境,这个event事件对象有一些差距DOM中的事件对象不管是DOM0级还是DOM2级兼容DOM的浏览器会将一个event对象传入事件处理程序中常用的event对象的一些属性
2021-02-24 22:59:17 450 1
原创 Javascript中的事件冒泡与捕获
事件冒泡和事件捕获起因:今天在封装一个bind函数的时候,发现el.addEventListener函数支持第三个参数,useCapture:是否使用事件捕获,觉得有点模糊Js事件流页面的哪一部分会拥有某个特定事件,例子:在纸上画一组同心圆,如果手指放在同心圆上,那么手指向的不是一个圆,而是纸上所有的圆。在页面中也是,如果点击了某个按钮,同时也单击了按钮的容器元素,甚至也单击了整个页面事件流:页面接收事件的顺序,IE和Netscape最开始提出了两种概念,两种事件冒泡流,事件捕获流
2021-02-22 15:02:03 146
原创 原生js实现base64编码方法
对于前端工程师来说base64图片编码到底是个什么玩意?背景星期二的早上雾茫茫,眼睛没睁开的我来上班,啊 麦芽的香气,行家啊~告别了周一的羞射,又不至于到周五的聒噪,周二的早晨,真实美妙啊~又是愉快的coding day!ps:哪有什么coding day,产品和测试总得给你搞点事情啊~惬意,啊 ~ 舒服 ,欸,突然想起了昨天请假小姐姐给我问的问题,作为一个有责任感有工作信仰的程序...
2019-08-20 14:50:42 1238
原创 Javascript继承和封装
Javascript继承第2章 写的都是看到的—面向对象编程2.1 两种编程风格 ----面向过程与面向对象面向过程:直接实现功能,面向结果和过程,参数为实现特定功能的必须参数面向对象:将对象进行特征分析,将方法和方法进行封装,主要思想有:封装,继承,多态(但js里考虑的比较少),并且类Class的概念在ES6的时候才出现,之前都是通过一些js的特性进行相关概念的模拟2.2 ...
2019-05-15 00:06:29 186
原创 Javascript设计模式学习笔记(1) 创建类的时候需要注意的一些概念
Javascript设计模式学习笔记第2章 写的都是看到的—面向对象编程2.1 两种编程风格 ----面向过程与面向对象面向过程:直接实现功能,面向结果和过程,参数为实现特定功能的必须参数面向对象:将对象进行特征分析,将方法和方法进行封装,主要思想有:封装,继承,多态(但js里考虑的比较少),并且类Class的概念在ES6的时候才出现,之前都是通过一些js的特性进行相关概念的模拟...
2019-05-09 01:21:27 144
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人