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

  • 相关阅读:
    Android自定义之仿360Root大师水纹效果
    Android之TextView的Span样式源码剖析
    Android之TextView的样式类Span的使用详解
    随着ScrollView的滑动,渐渐的执行动画View
    仿微信主界面导航栏图标字体颜色的变化
    android自定义之 5.0 风格progressBar
    Android性能优化之内存篇
    Android性能优化之运算篇
    How to install Zabbix5.0 LTS version with Yum on the CentOS 7.8 system?
    How to install Zabbix4.0 LTS version with Yum on the Oracle Linux 7.3 system?
  • 原文地址:https://www.cnblogs.com/Hijacku/p/14694536.html
Copyright © 2011-2022 走看看