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

  • 相关阅读:
    c++实验9 图及图的操作实验
    Html/CSS 示例演练 图书馆后台界面
    c++实验8 哈夫曼编码-译码器
    Html/CSS 初步介绍html和css部分重要标签
    c++实验7 二叉树
    JavaWeb -学生信息管理实践(JDBC+web+三层架构+DBUtil构造思路)
    java 实验6 图形用户界面设计试验(2)
    操作表与操作表数据行
    数据表操作练习
    数据库的介绍:
  • 原文地址:https://www.cnblogs.com/Hijacku/p/14694536.html
Copyright © 2011-2022 走看看