1.serialize()和serializeArray() 序列化表单的元素的值,可以避免代码中频繁重复使用 dom获取表单元素的值!【Jquery提供】
2.有时候想要借助FormData()对象传递数组或者对象给后台,直接append到formdata中,后台接收会是[object object] 这种数据,没办法取到!
-------思路: 把对象或者数组使用 JSON.stringify(arr/obj) 转成json字符串,后再解析这个json字符串就可以拿到数据了!!!
3. 浏览器支持require关键字【nodejs】,使用 Require.js插件。【待进一步学习Require.js】
4.js实现文件下载的一个思路,方法中动态创建a标签,为a标签加上href和download属性后,模拟a的点击事件从而实现文件下载
var a = document.createElement('a');
console.log(a)
var event = new MouseEvent('click');
a.download = 'url';//这里除了是一个地址,还可以是一个Bolb对象 // url = URL.createObjectURL(url); // 创建blob地址 这里对于下载实现很重要! 这个属性也决定了下载的文件名!!!
a.href = url;
a.dispatchEvent(event); //触发a的点击事件!!!
————————————————
5.获取元素的各种属性的值:
windows.getComputedStyle(dom).left/top:里页面文档左侧和顶部的距离 【js原生】
windows.getComputedStyle(dom).dom元素宽度【js原生】
7. 延迟加载 script 标签 :使用 defer 关键字,可以使该脚本在dom解析完毕之后再加载!!!
8.对于直接写在标签里的事件(onclick等),传入的function中可以直接接收event参数【即为该点击事件对象!!!】,event.target就指向被点击的元素,跟dom绑定事件一样!!!
9.Swiper库【好用的轮播插件】,其中按照官网的教程,分页器效果不显示,【解决方案,安装 swiper@5.4.5】 版本, 最新版本使用方法有变化,【分页等功能需要结构语法单出导出,并挂载到Swiper上!!!】