javascript学习日记
cdcdhj
这个作者很懒,什么都没留下…
展开
-
javascript用TreeWalker()方法历遍所有节点或是目标节点的所有子节点
以前我们主要是用for()来循环节点中的子节点,现在可以用TreeWalker()来进行历遍。//比如历遍下面的input元素。原创 2024-06-14 21:45:41 · 163 阅读 · 0 评论 -
javascript识别浏览器类型
【代码】javascript识别浏览器类型。原创 2024-05-24 22:51:04 · 181 阅读 · 0 评论 -
javascript代理construct()和apply()方法的写法和调用
【代码】javascript代理construct()和apply()方法的写法和调用。原创 2024-04-30 22:36:19 · 55 阅读 · 1 评论 -
Function.prototype.apply.call()函数调用和Reflect.apply()调用的方法
即便是Math.floor对象没有apply方法,也是会转变为上面的格式,这就是call方法语法规定。任何函数都是Function类的对象实例,所以Math.floor方法对象具有apply方法。(2).apply方法参阅JavaScript apply()一章节。(1).call方法参阅JavaScript call()一章节。上面的代码就很好理解了,就是一个普通的apply方法的应用。[JavaScript] 运行代码。原创 2024-04-25 01:51:17 · 196 阅读 · 0 评论 -
javascript对set集合的并集、交集、差集、对称差集的写法
【代码】javascript对set集合的并集、交集、差集、对称差集的写法。原创 2024-04-04 21:50:05 · 127 阅读 · 0 评论 -
javascript定型数组的拼接函数
不过定型数组API提供了很多工具可以手动构建。定型数组没有原生的拼接能力。原创 2024-04-01 19:50:14 · 118 阅读 · 0 评论 -
javascript 日期转换为时间戳,时间戳转换为日期的函数
日期转化为时间戳,主要用valueOf()来进行转化为毫秒时间戳,getTime()IOS系统无法解析转换,所以都有valueOf()原创 2024-03-27 21:55:11 · 212 阅读 · 0 评论 -
javascript单例模式的模块增强模式将函数类加入数组,再从数组中查找出进行调用
将类或函数类加入到数组中,然后从数组中查找函数名,如果存在即调出调用,比如你有很多的模块类,就可以加入到这个单例模块中,然后进行管理和调用。这种模块主要是管理应用程序级的信息和调用。原创 2024-03-25 22:55:05 · 88 阅读 · 0 评论 -
javascript单例模式字面量定义的接口和匿名函数定义的接口;他们之间访问私有变量和私有函数之间的区别
/这种是必须用new实例化对象,再返回匿名函数对象。javascript的单例模式:即只有一个实例;匿名函数做为公共接口,调用私有变更和私有函数。//这种是字面量定义了单例对象的公共接口;可看看他们接口只间的区别和实例化调用的区别。模块模式是在单例模式上扩展而来的。字面量对象调用私有变更和私有函数。原创 2024-03-24 21:26:42 · 277 阅读 · 0 评论 -
javascript 对yield生成器的理解
什么情况下可以使用yield,如果你后端传过来的数据量较大,你可以使用yield来进行懒加载,避免一次性的加载对前端造成卡顿,或长时间渲染等待,比较如说加载10万或几十万条数据时,前端一方面要读取一方面还要渲染。yield生成器,在函数名前加*号,返回时用yield。原创 2024-01-15 21:16:14 · 533 阅读 · 0 评论 -
javascript解决checked二次全选反选不显示勾的办法,注意不是jquery方法
看了网上很多解决input的复选框checked,在第二次勾选或全选反选时,出现选中了却不显示勾勾的,都是用jquery的方法去解决,要么prop(),要么attri(),对于只用纯javascrit的前端人员,非常不方便。也有用纯javascript解决的方法,但是非常的复杂和不方便,有的上下各一个复选框来判断,有的全选 ,反选,不选,取消各一个框,//二次点击全选和反选,没有出显勾,是因为没有搞明白checked的特性和属性的问题,特性和属性有时候是完全不一样的,有时候同样。//点击全选和反选框。原创 2023-12-21 17:26:08 · 407 阅读 · 0 评论 -
javascript选择器的封装,只需要写元素名或css类及id都可以选择到元素
//模仿jquery选择器样式,只需要写元素名或css类及id都可以选择到元素原创 2023-11-18 16:05:27 · 678 阅读 · 0 评论 -
javascript用localStorage存储用户搜索词记录,并在搜索框下展显搜索词记录
/给每个历史词赋于点击事件,点击词后及给于input框赋值,顺便隐藏历史词框。//将data数组包含的词以数组形式添加到以keywords为对象当中去。//数组为10个值,如果超过10个,则弹出第1个,方便添加接下来的词。//在data数组中没有找到这个值,则将这个搜索词加入data数组中。//将得到的历史词添加到对应的li元素中去。//创建5个li元素,插入div元素中。//也就是设置keywords对象的值。//得到keywords对象的值。//获取input框中的值。//增加历史词的连接。原创 2023-11-10 22:40:04 · 374 阅读 · 0 评论 -
javascript自定义事件的观察者模式写法和用法以及继承
/这里type同样表示自定义事件的种类,event表示传递过来的事件,data:str表示传递的数据。//这里re(event)中的event表示从data事件中传递过来的event。//event这里表示从re()函数的btn事件中传递过来的点击事件。//type表示你自定义事件的种类,message表示触发后的信息。//执行自定义事件的函数,也就是触发自定义事件的函数。//注册自定义事件,也就是自定义事件的处理的函数。//处理getna事件的函数。//执行自定义的事件的函数。//触发一般事件的信息。原创 2023-11-05 23:52:02 · 621 阅读 · 0 评论 -
javascript 封装表单函数,验证规则,然后提交
verify="username|required“为你要添加的规则原创 2023-10-30 21:25:17 · 192 阅读 · 0 评论 -
javascirpt封装xhr上传多张图片,以及解决formdata后端只接受一张图片问题,用原型链来封装减少资源浪费和提高性能
这里使用了函数的原型链来封装每个共享函数和特权方法 访问私有数据原创 2023-10-28 19:25:17 · 340 阅读 · 0 评论 -
javascript单例模式的写法和调用方法
【代码】javascript单例模式的写法和调用方法。原创 2023-10-26 15:26:20 · 77 阅读 · 0 评论 -
javascript原生态xhr上传多个图片,可预览和修改上传图片为固定尺寸比例,防恶意代码,加后端php处理图片
//前端上传文件//后端处理图片文件原创 2023-10-25 17:22:41 · 719 阅读 · 0 评论 -
javascript前端xhr利用FormData()和FileReader()函数上传图片,及后端php接收处理FormData()上传数据只能收到1个数据的处理办法和防止上传漏洞办法
//前端 的检查类型为简单检查,因为渗透会停掉前端的javascript代码,所以在后端进行检测和替换才是重点//后端文件,就是在 xhr.open(“post”,“ajax.php”,true);这句里面的ajax.php原创 2023-10-22 21:05:11 · 274 阅读 · 0 评论 -
javascript利用xhr对象实现http流的comet轮循,主要是利用readyState等于3的特点
/此文件 为前端获取http流。//此文件为后端data.php。原创 2023-10-17 00:12:44 · 507 阅读 · 0 评论 -
javascript使用jsonp数据跨域传输获取,这样传输不受限制,没有像xhr那样必须先设置header()才行,但这样跨域会有风险比如恶意代码
/ 提供jsonp服务的url地址(不管是什么类型的地址,最终生成的返回值都是一段javascript代码)//这里是www.cssxue.mm/flighthandler.php文件,这里是存储jsonp数据。//其实这个文件可以是任何后缀,js,json,jsonp,php,asp,aspx后缀的都可以。//getmsg.php文件,这里的域名为www.xuejq.mm/getmsg.php。// 得到航班信息查询结果后的回调函数。'你查询的航班结果是:票价 '原创 2023-10-16 21:17:37 · 281 阅读 · 0 评论 -
javascript跨域传输数据的设置和兼容浏览函数代码
/这里是需要跨域的目标页http://www.cssxue.mm/cors.php。//假设这个页面为http://www.xuejq.mm/get.php。//目标页http://www.cssxue.mm/cors.php。原创 2023-10-15 21:24:12 · 238 阅读 · 0 评论 -
javascript跨浏览器DOMParser()解析XML数据再用dom方法调用节点,XMLSerializer()将dom结构数据序列化
【代码】javascript跨浏览器DOMParser()解析XML数据再用dom方法调用节点,XMLSerializer()将dom结构数据序列化。原创 2023-10-11 21:44:23 · 269 阅读 · 0 评论 -
javascript拖动元素到另一个元素当中,使用拖放事件dragstart\drag\dragend和dragenter\dragover\dragleave
只是一个测试,给了一定的方法和思路知道拖动事件对于拖动元素到另一个元素当中的过程和设置属性。//这两项都必须设置成move,被拖动目标才能放进放置目标中。//将拖动目标添加到放置目标当中。//将拖动元素放进数组。//设置需要传递的数据。'源对象进入目标对象''源对象悬停目标对象''源对象离开目标对象''源对象释放目标对象'原创 2023-10-09 20:37:19 · 323 阅读 · 0 评论 -
javascript制作简单的富文本,基本功能都实现,除了上传图片只能用URL
/所有的图标用的字符,以后可以换成网上的css-icon图标库的图标,再设置一下css样式即可简单的使用。//这里所有的标签元素都是直接获取,没有使用委托,如果使用委托性能会更好,这里只做了简单的清理,让内存回收。原创 2023-10-08 21:58:21 · 248 阅读 · 0 评论 -
javascript选择框和选择文本的创建与增加以及设置选中项
【代码】javascript选择框和选择文本的创建与增加以及设置选中项。原创 2023-10-06 22:03:30 · 407 阅读 · 0 评论 -
javascript验证表单字段有效性,使用checkValidity()方法和他的属性
【代码】javascript验证表单字段有效性,使用checkValidity()方法和他的属性。原创 2023-09-30 21:17:02 · 315 阅读 · 0 评论 -
javascript表单验证使用try{}catch(err){}的调用,失败后阻止默认提交行为
【代码】javascript表单验证使用try{}catch(err){}的调用,失败后阻止默认提交行为。原创 2023-09-30 15:21:16 · 77 阅读 · 0 评论 -
javascript在元素内部禁止复制
【代码】javascript在元素内部禁止复制。原创 2023-09-29 23:16:47 · 43 阅读 · 0 评论 -
javascript只允许输入字母和数字,禁止其它特殊字符的输入
【代码】javascript只允许输入字母和数字,禁止其它特殊字符的输入。原创 2023-09-29 22:33:53 · 418 阅读 · 0 评论 -
javascript模拟键盘输入预设值
【代码】javascript模拟键盘输入预设值。原创 2023-09-26 22:30:04 · 306 阅读 · 0 评论 -
javascript模拟点击按钮,采用委托方法获取事件按钮元素
【代码】javascript模拟点击按钮,采用委托方法获取事件按钮元素。原创 2023-09-26 18:34:19 · 171 阅读 · 0 评论 -
javascript注册表单与验证,然后弹出错误信息,3秒后自动消失
/另外一种是事件委托,来验证各input项。原创 2023-09-24 20:37:39 · 259 阅读 · 0 评论 -
javascript阻止右键默认行为,重新添加右键新菜单
【代码】javascript阻止右键默认行为,重新添加右键新菜单。原创 2023-09-24 15:36:17 · 242 阅读 · 0 评论 -
javascript禁止右键和复制
【代码】javascript禁止右键和复制。原创 2023-09-23 15:48:42 · 89 阅读 · 0 评论 -
javascript IE浏览器与标准浏览器的获取范围及替换文本
【代码】javascript IE浏览器与标准浏览器的获取范围及替换文本。原创 2023-09-20 20:14:08 · 67 阅读 · 0 评论 -
javascript注册表单,状态码加验证,在input后面显示错误信息
/common.js部分。原创 2023-09-18 23:28:09 · 169 阅读 · 0 评论 -
javascript选取元素的范围,可以包含父级,也可以不包含父级
/函数可以选取元素的范围,对于要选取文本的非常方便,或选取特定的子节点。原创 2023-09-17 18:06:42 · 194 阅读 · 0 评论 -
javascript获取 浏览器页面的最大工作区域,就是我们页面显示的宽度和高度是多少,方便我们布局页面,特别是在移动端时特别需要
/获取 浏览器页面的最大工作区域,就是我们页面显示的宽度和高度是多少,方便我们布局页面,特别是在移动端时特别需要。原创 2023-09-16 23:54:43 · 54 阅读 · 0 评论 -
javascript获取元素在浏览器中工作区域的左、右、上、下距离,或带滚动条的元素在页面中的大小
/html代码部分。原创 2023-09-16 23:50:14 · 826 阅读 · 0 评论