- 博客(212)
- 资源 (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 107
原创 javascript 日期转换为时间戳,时间戳转换为日期的函数
日期转化为时间戳,主要用valueOf()来进行转化为毫秒时间戳,getTime()IOS系统无法解析转换,所以都有valueOf()
2024-03-27 21:55:11 166
原创 javascript单例模式的模块增强模式将函数类加入数组,再从数组中查找出进行调用
将类或函数类加入到数组中,然后从数组中查找函数名,如果存在即调出调用,比如你有很多的模块类,就可以加入到这个单例模块中,然后进行管理和调用。这种模块主要是管理应用程序级的信息和调用。
2024-03-25 22:55:05 83
原创 javascript单例模式字面量定义的接口和匿名函数定义的接口;他们之间访问私有变量和私有函数之间的区别
/这种是必须用new实例化对象,再返回匿名函数对象。javascript的单例模式:即只有一个实例;匿名函数做为公共接口,调用私有变更和私有函数。//这种是字面量定义了单例对象的公共接口;可看看他们接口只间的区别和实例化调用的区别。模块模式是在单例模式上扩展而来的。字面量对象调用私有变更和私有函数。
2024-03-24 21:26:42 273
原创 javascript 对yield生成器的理解
什么情况下可以使用yield,如果你后端传过来的数据量较大,你可以使用yield来进行懒加载,避免一次性的加载对前端造成卡顿,或长时间渲染等待,比较如说加载10万或几十万条数据时,前端一方面要读取一方面还要渲染。yield生成器,在函数名前加*号,返回时用yield。
2024-01-15 21:16:14 521
原创 javascript解决checked二次全选反选不显示勾的办法,注意不是jquery方法
看了网上很多解决input的复选框checked,在第二次勾选或全选反选时,出现选中了却不显示勾勾的,都是用jquery的方法去解决,要么prop(),要么attri(),对于只用纯javascrit的前端人员,非常不方便。也有用纯javascript解决的方法,但是非常的复杂和不方便,有的上下各一个复选框来判断,有的全选 ,反选,不选,取消各一个框,//二次点击全选和反选,没有出显勾,是因为没有搞明白checked的特性和属性的问题,特性和属性有时候是完全不一样的,有时候同样。//点击全选和反选框。
2023-12-21 17:26:08 399
原创 javascript选择器的封装,只需要写元素名或css类及id都可以选择到元素
//模仿jquery选择器样式,只需要写元素名或css类及id都可以选择到元素
2023-11-18 16:05:27 674
原创 javascript用localStorage存储用户搜索词记录,并在搜索框下展显搜索词记录
/给每个历史词赋于点击事件,点击词后及给于input框赋值,顺便隐藏历史词框。//将data数组包含的词以数组形式添加到以keywords为对象当中去。//数组为10个值,如果超过10个,则弹出第1个,方便添加接下来的词。//在data数组中没有找到这个值,则将这个搜索词加入data数组中。//将得到的历史词添加到对应的li元素中去。//创建5个li元素,插入div元素中。//也就是设置keywords对象的值。//得到keywords对象的值。//获取input框中的值。//增加历史词的连接。
2023-11-10 22:40:04 362
原创 javascript自定义事件的观察者模式写法和用法以及继承
/这里type同样表示自定义事件的种类,event表示传递过来的事件,data:str表示传递的数据。//这里re(event)中的event表示从data事件中传递过来的event。//event这里表示从re()函数的btn事件中传递过来的点击事件。//type表示你自定义事件的种类,message表示触发后的信息。//执行自定义事件的函数,也就是触发自定义事件的函数。//注册自定义事件,也就是自定义事件的处理的函数。//处理getna事件的函数。//执行自定义的事件的函数。//触发一般事件的信息。
2023-11-05 23:52:02 615
原创 javascirpt封装xhr上传多张图片,以及解决formdata后端只接受一张图片问题,用原型链来封装减少资源浪费和提高性能
这里使用了函数的原型链来封装每个共享函数和特权方法 访问私有数据
2023-10-28 19:25:17 329
原创 javascript原生态xhr上传多个图片,可预览和修改上传图片为固定尺寸比例,防恶意代码,加后端php处理图片
//前端上传文件//后端处理图片文件
2023-10-25 17:22:41 686
原创 javascript前端xhr利用FormData()和FileReader()函数上传图片,及后端php接收处理FormData()上传数据只能收到1个数据的处理办法和防止上传漏洞办法
//前端 的检查类型为简单检查,因为渗透会停掉前端的javascript代码,所以在后端进行检测和替换才是重点//后端文件,就是在 xhr.open(“post”,“ajax.php”,true);这句里面的ajax.php
2023-10-22 21:05:11 209
原创 javascript利用xhr对象实现http流的comet轮循,主要是利用readyState等于3的特点
/此文件 为前端获取http流。//此文件为后端data.php。
2023-10-17 00:12:44 495
原创 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 265
原创 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 236
原创 javascript跨浏览器DOMParser()解析XML数据再用dom方法调用节点,XMLSerializer()将dom结构数据序列化
【代码】javascript跨浏览器DOMParser()解析XML数据再用dom方法调用节点,XMLSerializer()将dom结构数据序列化。
2023-10-11 21:44:23 230
原创 javascript拖动元素到另一个元素当中,使用拖放事件dragstart\drag\dragend和dragenter\dragover\dragleave
只是一个测试,给了一定的方法和思路知道拖动事件对于拖动元素到另一个元素当中的过程和设置属性。//这两项都必须设置成move,被拖动目标才能放进放置目标中。//将拖动目标添加到放置目标当中。//将拖动元素放进数组。//设置需要传递的数据。'源对象进入目标对象''源对象悬停目标对象''源对象离开目标对象''源对象释放目标对象'
2023-10-09 20:37:19 253
原创 javascript制作简单的富文本,基本功能都实现,除了上传图片只能用URL
/所有的图标用的字符,以后可以换成网上的css-icon图标库的图标,再设置一下css样式即可简单的使用。//这里所有的标签元素都是直接获取,没有使用委托,如果使用委托性能会更好,这里只做了简单的清理,让内存回收。
2023-10-08 21:58:21 235
原创 javascript验证表单字段有效性,使用checkValidity()方法和他的属性
【代码】javascript验证表单字段有效性,使用checkValidity()方法和他的属性。
2023-09-30 21:17:02 266
原创 javascript表单验证使用try{}catch(err){}的调用,失败后阻止默认提交行为
【代码】javascript表单验证使用try{}catch(err){}的调用,失败后阻止默认提交行为。
2023-09-30 15:21:16 65
原创 javascript获取 浏览器页面的最大工作区域,就是我们页面显示的宽度和高度是多少,方便我们布局页面,特别是在移动端时特别需要
/获取 浏览器页面的最大工作区域,就是我们页面显示的宽度和高度是多少,方便我们布局页面,特别是在移动端时特别需要。
2023-09-16 23:54:43 44
原创 javascript获取样式表的规则及读取与写入
CSSStyleSheet是继承了StyleSheet的接口属性,它是用于找当前文档中的这样文件的,有以下属性:lenght,cssRules,title,href,type,deleteRule,insertRule等。然后是你在文件中的导入的外部规则,也包括你在当前文档中嵌入的规则,嵌入的规则没有 的href,rel,href=undefine属于未定义状态。cssText,selectorText,type,style,等。这是外部导入css文件。
2023-09-15 23:18:04 185
原创 javascript的innerText在写入时兼容firefox浏览的函数
【代码】javascript的innerText在写入时兼容firefox浏览的函数。
2023-09-14 21:55:31 25
javascript+php原生态写的上传文件,可多选文件,解决formdata()后端只接到一个图片和图片中有恶意代码的问题
2023-10-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人