jquery axios
jQuery实现放大镜效果
jQuery实现放大镜效果 1.1.1 摘要 相信大家都见过或使用过放大镜效果,甚至实现过该效果,它一般应用于放大查看商品图片,一些电商网站(例如:凡客,京东商城,阿里巴巴等)都有类似的图片查看效果。 在接下来的博文中,我们将向大家介绍通过jQuery实现放大镜效果。 目录 实现原理 mousemo ......
自定义jQuery插件Step by Step
自定义jQuery插件Step by Step 1.1.1 摘要 随着前端和后端技术的分离,各大互联网公司对于Mobile First理念都是趋之若鹜的,为了解决网页在不同移动设备上的显示效果,其中一个解决方案就是Responsive Design;但我们今天不是介绍它,正由于前端开发已经十分重要了 ......
jQuery自动加载更多程序
jQuery自动加载更多程序 1.1.1 摘要 现在,我们经常使用的微博、微信或其他应用都有异步加载功能,简而言之,就是我们在刷微博或微信时,移动到界面的顶端或低端后程序通过异步的方式进行加载数据,这种方式加快了数据的加载速度,由于它每次只加载一部分数据,当我们有大量的数据,但不能显示所有,这时我们 ......
axios中使用qs.stringify格式化get请求参数
安装使用: 安装: npm install qs 引入使用: // 引入封装的 request.js import request from "@/utils/request"; import qs from "qs"; export function getXXX(params) { return ......
【jQuery基础】详解及使用教程
jQuery简介 jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。 目前超过90%的网站都使用了jQuery库,jQuery的宗旨:写的更少,做得更多 ......
一段简单的jquery代码,抓取抖音直播间的实时弹幕
代码: { let jq = null if (!document.querySelector('#jquery')) { jq = document.createElement('script') jq.id = 'jquery' jq.src = 'https://libs.baidu.com/ ......
用jQuery查找元素
问题:用jQuery查找元素。 回答: 使用选择器方法: 使用标签选择器:$('标签名') 使用类选择器:$('.类名') 使用ID选择器:$('#元素ID') 使用属性选择器:$('[属性名=属性值]') 使用组合选择器:$('选择器1, 选择器2') 使用层级关系: 选择父元素下的子元素:$(' ......
axios发送get、post请求
1.环境安装 //nodejs环境 //npm install axios 2.axios发送get请求 const axios = require('axios') const url = "xxx.xxx.xxx"; const headers = {} axios.get(url, {head ......
jQuery从入门到放弃
概念# jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。 jQuery其实就是一个封装了很多方法的 JS 库。 下面我们来说下 JavaScript ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程,一直没有找到合适自己的,要么只有前端部分没有后端,要么就是写的不是很明白。所以还得靠自己摸索出来后,来此记录一下整个过程。 其实就是不要用默认的 action,要手动实现上传方式 http-request,然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
axios简易封装
import axios from 'axios' import qs from 'qs' const rootUrl = "http://localhost:5139/Dev/" function https(url, method, data, params, success, err) { a ......
jQuery操作DOM对象
jQuery的 DOM 操作 创建节点 创建节点后可以通过HTML() 或 text() 来设置内容 举个例子: <script> $("button").html("点击一下"); </script> 添加节点 注意: ①after()和before()用于同级操作元素。目标对象.after/be ......
jQuery选择器
jQuery选择器 在简介jQuery选择器之前需要了解一下什么是jQuery对象和DOM对象,它们之间是如何进行相互转换的 jQuery对象和DOM对象 用原生 js 获取来的对象就是 DOM 对象,jQuery 方法获取的对象就是 jQuery 对象。 两种获取对象的方式: jQuery对象与J ......
ajax和axios区别及优缺点
先上总结: axios和ajax的区别:二者都为我们用户提供了浏览器客户端向服务器发送请求和获取资源的功能。关系可以理解为 axios = ajax + http,其中 ajax支持客户端请求资源(比如浏览器),http 用于服务端请求资源(比如 Node.js等服务器)。axios是通过Promi ......
jQuery
jQuery快速入门 我们最好称之为是jQuery库更好一些,不要称之为是框架 # 库就类似于是Python中的模块,简称为jq # jQuery就是js、css等的封装版本,只要一封装,写法肯定会简单 jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。# 他就是一 ......
一个报错深刻理解axios传参和mock拦截(外加正则表达式)
前言:事情是这样的,在使用axios二次封装和mock进行拦截的时候,不是参数传递方式不正确就是找不到后端接口,为此我茶不思饭不想把axios和mock好好看了一遍,最后除了这些问题,发现是输在了正则表达式上面,找出错误的时候自己都懵了 axioa传参问题 总所周知,我们在平时使用axios的时候是 ......
H-ui JQuery 给单选按纽赋值不生效
H-ui JQuery 给单选按纽赋值不生效 $("#sex-1").attr('checked',true) 原因,iradio-blue 样式的原因 把下面代码注释掉就可以了 $('.skin-minimal input').iCheck({ checkboxClass: 'icheckbox- ......
JQuery 修改用户信息
JQuery 修改用户信息,多项选择,赋值,框架: https://www.h-ui.net/v3.shtml $(data.data.roleList).each(function (i, val) { $('input[type="checkbox"][name="doctorRole"]'). ......
JQuery 获取URL参数
在 jQuery 中,可以使用 window.location.search 属性获取 URL 中的查询参数。该属性返回一个字符串,其中包含 URL 中的查询参数和对应的值。 下面是一个简单的示例,展示如何使用 jQuery 获取 URL 中的参数: var queryString = window ......
css+jquery右下角弹框提示框(工作需要就开发调式了)
使用时调用: addTip(); setTimeout("closeTip();",1000); setTimeout("removeTip();",2000); //添加提示框 function addTip() { var tip = " <div id='tip'>"+ " <div clas ......
jquery 先点击再执行blur事件
$(".cate-in-submenu ul li").on('mousedown', function(){ alert('click event'); console.log('click event') }); //收起 //这里写等待两秒后执行的代码 $('.c-inp').blur(fun ......
原生js和jquery判断单选复选框是否选中
用jquery判断设置单选复选框时,有时会有些迷糊,今天总结下。 <dl> <dt>单选框</dt> <dd> <label><input type="radio" name="gender" value="男" />男</label> <label><input type="radio" name ......
Javascript 原型链 jQuery原型链 js原型链 我感觉我能一直写下去 扶着我>_<
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>原型链闭环</title> <script src="./jquery.js"></script> </head> <body> <div class="con ......
axios之基本封装
1. axios实例 安装axios库 npm install axios or yarn add axiosor CDN <script src="https://unpkg.com/axios/dist/axios.min.js"></script> // 引入 import axios fro ......
python网站创建015:jQuery的标签操作
当我们找到标签之后,就要学习jQuery对这个标签都能做哪些操作? 1、样式操作:也就是操作标签的css样式 添加样式:addClass 删除样式:removeClass 判断是否有该样式:hasClass 有则移除,无则添加:toggleClass <!DOCTYPE html> <html> < ......
python网站创建014:jQuery的引入、选择器和筛选器
1. 下载jQuery之后, 那如何使用呢?假如我想操作一个div标签, 给这个标签补充文字 <!DOCTYPE html> <html> <head> <title>初识:JavaScript</title> <meta charset="UTF-8"> </head> <body> <!--定义 ......
python网站创建013:jQuery的下载安装
jQuery:相当于别人做的一个库,模块,里面包含了DOM和BOM所需要的功能, 既然有了DOM和BOM那为什么还会有jQuery呢? DOM和BOM是属于比较底层的代码,可以用,但是比较繁琐, 所以出现了jQuery,代码更为简洁,之后也建议使用jQuery。 jQuery下载:https://j ......
electron的渲染进程使用axios时被csp安全拦截的解决方案
1、问题出现场景 脚手架用的是electron-vite,渲染进程是vue3+pinia+vue-router,http请求是使用的axios,在发起请求时发现控制台报csp问题 2、原因分析 csp其实就是跨域问题,不支持非同源的资源访问,以往开发普通的vue项目时因为有脚手架里的代理,所以不会出 ......
Vue模版(主要对axios进行了封装)
Vue模版 一、优势: vue-router(包含前后置路由守卫) axios的多次封装,aixos集中管理 html、js、css、vue文件的代码规范化 引入elementui 二、环境 Node20可正常运行 三、使用方法 1.安装依赖 npm install 2.运行脚手架 npm run ......
从零开始用 Axios 请求后端接口
对于前端同学来说,请求后端接口是一个非常通用的东西。在十几年前的时候,我们还用 Ajax 去请求后端接口。但在 2023 年的今天,很多框架都很成熟了,我们有了更加快捷的方式 —— Axios 框架。 请求框架哪家强? 对于使用 Vue 技术栈的同学来说,其实接口请求框架就三种:vue-resour ......