zoukankan      html  css  js  c++  java
  • 开发中使用到库中好用的方法和思路

    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上!!!】

  • 相关阅读:
    Spring--IOC--AOP
    SpringMVC
    elasticsearch为什么检索快?
    linux下无法启动webdriver问题
    python 日志组件
    纯js脚本操作excel
    箭头函数
    Vue与React对比
    Vue Router 路由懒加载
    Vue Router 路由守卫:完整的导航解析流程
  • 原文地址:https://www.cnblogs.com/Hijacku/p/14694536.html
Copyright © 2011-2022 走看看