Ajax中文手册
AJAX即“Asynchronous JavaScript and XML”(异步的JavaScript与XML技术),指的是一套综合了多项技术的浏览器端网页开发技术。Ajax的概念由杰西·詹姆士·贾瑞特所提出。
传统的Web应用允许用户端填写表单(form),...[2021/3/8]
Vue 前端验证码 - canvas Rem布局自适应 - 跨域问题Vue 前端验证码 - canvas Rem布局自适应 - 跨域问题
?前言
在vue项目中,登录界面必不可少。简单项目里,验证码通常由数字字母构成。一般有两种产生方式:前端,后端。后端生成,前端直接调用接口,将返回的url放入a标签即可。而前端生成,则大多用canvas画布实现,如何让验证码随屏幕大小变化,还能保持原样不失真,这就是我们要实现的功能。当然,在...[2021/3/1]
省市区三级联动下拉选
这是一个整合过的小DEMO,我自己在做项目的时候经常会用到这类菜单,于是拿出来分享给大家,支持一级二级三级菜单,二三级可联动,数据来源为字典项,话不多说直接上图。
1.三级联动省市区下拉选
2.二级市区联动下拉选
...[2021/2/18]
vue页面交互-弹窗关闭后刷新父页面时取消选中数据展示列表里的复选框
#cnblogs_post_body .video { height: 0; padding-bottom: 56.25%; position: relative; width: 100% }
#cnblogs_post_body .video iframe { position: abs...[2021/2/1]
【swiper】swiper在tab切换的时候,swiper不生效,当display:none 后 再次显示 无法自动滑动问题解决方案。。。。★★★★★★【完美解决display:none 导致的2大问题】
问题是这样的: 当你兴高采烈的写完一个tab,并且把swiper嵌入到每一个tab item 觉得大功告成的时候,你会发现,永远只有第一个tab上的swiper生效了,其余的不管你怎么切换,swiper总是初始化失败,是的,就是不能愉快的滚动了~
方法一、官网给出的解决方案是,使用ob...[2021/2/1]
初涉Ajax
预备知识
JavaScript
引入javaScript , < script >
函数
选择器
标签选择器
类选择器 .
id选择器 #
jQuery公式
$(选择器).事件(参数)
$(select).action(...)
Ajax
...[2021/2/1]
jQuery实现Checkbox复选框全选、全不选、反选等功能
前段时间使用JavaScript写了一个简易版的Checkbox全选全不选功能
于是最近使用jQuery完善了Checkbox的反选、提交等功能,以下为完整代码:
<!DOCTYPE html>
<html lang="en">
<head>
...[2021/2/1]
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
最近在学习jQuery时接触到了show()、hide()、toggle()函数,于是利用这几个函数练习了一个使元素显示隐藏的案例:
小提示:代码中切换按钮上下的小图标可以在此链接品牌展示功能图片中获取
<!DOCTYPE html>
<html lang=...[2021/2/1]
jQuery使用appendTo()函数实现Select下拉列表项的左右移动
今天jQuery学习到appendTo()函数时,定义为在被选元素的结尾插入HTML元素。
于是利用该函数做了两个Select下拉列表项左右选择移动的功能,以下为完整代码:
<!DOCTYPE html>
<html lang="en">
<head...[2021/2/1]
jQuery使用鼠标事件实现图片跟随效果
前段时间学习完jQuery中的show()、hide()函数后,又学习到了很多其他函数
最近接触到了鼠标事件中的mouseover()和mouseout()函数,于是结合两者做了一个图片跟随的练习,以下为完整代码:
小提示:代码中的图片可以在此链接图片跟随案例图片中获取
&...[2021/2/1]
jQuery使用appendTo()和remove()函数实现动态添加和删除行数据功能
最近在学习jQuery的时候,学习到了appendTo()和remove()函数
于是利用两者做了一个模拟动态添加和删除行数据的案例,以下为完整代码:
<!DOCTYPE html>
<html lang="en">
<head>
&l...[2021/2/1]
温习数据算法—贪吃蛇 - 熊泽-学习中的苦与乐
前言
很多朋友学习了计算机语言后都做过贪吃蛇的游戏(VB,C,C++,C#,JAVA,JQuery等),现在估计很多人都忘记怎么写了。
我们现在用jquery+c 来实现一个贪吃蛇的游戏效果。
这里主要温习一下数据算法、游戏中面向对象和由局部到整体的思想。
&...[2021/1/25]
jQuery - 不同版本的差异對比
jQuery 一共分了 1.x、2.x、3.x 这三个大版本。
jQuery 的版本都是不向后兼容的! jQuery 的版本都是不向后兼容的! jQuery 的版本都是不向后兼容的!重要的事情说三遍哈
一、1.x、2...[2021/1/18]
jQuery实现手风琴特效
本文实例为大家分享了jQuery实现手风琴的具体代码,供大家参考,具体内容如下
运用jQuery效果(功能如下):
代码(链式编程):
<!DOCTYPE html>
<html lang="en">
<head>
<m...[2021/1/11]
jQuery实现购物车全功能
本文实例为大家分享了jQuery实现购物车全功能的具体代码,供大家参考,具体内容如下
效果图:
HTML&&CSS:
<!DOCTYPE html>
<html lang="en">
<head>
<m...[2021/1/11]
JavaScript、jQuery函数调用时加括号()和不加括号的区别JavaScript、jQuery函数调用时加括号()和不加括号的区别
今天学习jQuery拿一个功能做练习时,因为存在重复的代码,所以写了一个复用的函数提供调用
但是在调用函数的时候却没有起任何作用,经过检查发现问题出现在调用函数时加了括号导致的
那么在调用函数时,加括号和不加括号有什么区别呢?于是通过搜索理解后得到了以下的结论:
先来看一段代码:...[2021/1/11]
关于django python manage.py startapp 应用名 出错异常原因
如题,在控制台运行python manage.py startapp sales 建立一个应用报错异常
1.应用名不能包含下划线等字符 所以app-demo 不能作为应用名被定义
2.manage.py 报错 这时我们要打开manage.py文件
修改前:
if name =...[2020/12/21]
layer.prompt 增加placeholder 提示
为layer.prompt增加输入框提示
打开 layer.js,用搜索工具找到prompt一行代码,下图为修改以后的:
注:原代码的单引号和双引号的使用
这是用格式化工具格式化了
r.prompt = function(e, t) {
var a ...[2020/12/21]
jQuery中的Ajax
学习jQuery中的Ajax 前需要先认识其如何封装的
AJAX工具函数
为什么需要AJAX工具函数:
之前每次发判断请求,如果请求方式,或者参数或者url不一样,那么代码无法复用,所以我们迫切的需要一个通用函数,让用户在使用异步对象的时候通过调用一个相同的函数就可以实现需求
总之...[2020/12/8]
jquery寻找节点
1,最基础的选择节点:
$("p") 引号第一个无特殊字符,在页面中选取所有 <p> 元素:
$(".test") 在引号中第一个字符为“.”,即选择的是cla ="xx"的节点
$("#test") 在引号中第一个字符为“#”,即选择的是id="test"的节点
...[2020/12/8]
常用的几个方法封装 - angle-xiu
常用的方法封装
$(''document'').ready(function () {
$.extend({
/*Function sendAjax
* @param: obj Object
* obj.url 地址必填
...[2020/12/8]
模板引擎模板引擎
这里只引入一种模板引擎的介绍,更多方法可以查询文档
art-Template 模板引擎介绍
简介:
artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极...[2020/12/8]
XMLHttpRequest 2.0 - FormData
FormData :
a) 提供了一个新的内建对象,可用于管理表单数据
b) 首先要获取一个表单元素form
c) 然后在实例化时 new FormData(form),将表单元素form传进去
d) 会返回一个对象,此对象可以直接做为xhr.send(formDa...[2020/12/8]
案例分享-实现与后台服务的交互对数据的增删改查案例分享-实现与后台服务的交互对数据的增删改查
实现的效果:
首先需要一个本地服务器, 用于数据的增删改查, 实现效果前需要在后台运行本地服务器
想要完整体验案例的实现可以在(http: jason.3vzhuji.net/) 网站中下载本地服务器
运行本地服务器还需要 node.js (可以在官网中下载安装: https:...[2020/12/8]
jQuery封装通过form表单下载jQuery封装通过form表单下载
文档下载
var downDoc = function () {
var data = xx; string 或者 array/object
var url = ‘http: 192.168.1.123:80xxxx’; 接口地址
var method = "...[2020/12/8]
前端-jQuery框架
转载:https: www.cnblogs.com/Dominic-Ji/p/10490669.html
作者:JasonJi
原文链接:http: www.cnblogs.com/jsxxd/p/14072110.html[2020/12/8]
WEB组态可视化软件(B/S)
WEB组态可视化软件
目录WEB组态可视化软件1 B/S组态软件2 组态概念3 组态产品呈现4 功能特点5 组态软件应用场景6 经典的案例6.1 某通信基站的组态可视化7 具体实现7.1 设计时7.1.1 表单输入7.1.2 js脚本7.2 运行时7.2.1 前端给ui打上id标签7....[2020/12/8]
uni-app通过canvas实现手写签名
分享一个uni-app实现手写签名的方法
具体代码如下:
<template>
<view >
<view cla ="title">请在下面输入签名:</view>
<canvas cla ="mycanvas" c...[2020/12/8]
jQuery表格插件GridManager应用笔记
写在前面:处理前拿到接口返回列表对象数据Obj(包括List和RecordCount)Search(上次获取列表所传参数),批量删除的数据列checkedList
1.GridManager单个删除最后一页最后一条数据场景处理
在删除完成并成功后
if(Obj.List.leng...[2020/11/23]
使用jQuery实现购物车使用jQuery实现购物车
这篇文章主要为大家详细介绍了使用jQuery实现购物车,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了jQuery实现购物车的具体代码,供大家参考,具体内容如下
HTML代码
1
2
3
4
5
6
7
8
9
10
...[2020/11/16]
jQuery操作样式
c 操作:
作用:操作元素的样式及style属性
例:
1.1 操作单个属性:
$(''选择器'').c ("属性名","属性值")
1.2 操作多个属性,参数设置为对象,在对象中添加要操作的属性:
$("选择器").c ({
"属性名1":"属性值"
"属性名2":"...[2020/11/16]
jQuery特殊属性操作
val方法:
作用:用于用于设置和获取表单元素(例:input textarea )的值
参数作用:
1.当不传参数时,是获取值
2.当传入参数,则是设置值
html方法与text方法
作用: html和text都可以用于元素之间设置和获取内容(即:只能用于双标签元素...[2020/11/16]
jQuery事件机制
事件注册
on注册事件
概述:在选择元素上绑定一个或多个事件的事件处理函数。on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。在jQuery 1.7中,.on()方法 提供绑定事件处理程序所需的所有功能。
示例:
$(selector).on(events[,...[2020/11/16]
jQuery节点操作
创建元素节点
示例:
$(htmlStr)
htmlStr:html格式的字符串
创建一个span标签: `$("<span>我是span标签< pan>")`
添加节点
append(content|fn)方法:
概述:...[2020/11/16]
jquery体验
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=devic...[2020/11/9]
jquery开关灯
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=devic...[2020/11/9]
jquery下拉菜单jquery下拉菜单
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=devic...[2020/11/9]
jquery手风琴jquery手风琴
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=devic...[2020/11/9]
jquery类操作
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=devic...[2020/11/9]
jquery动画滑入滑出
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=devic...[2020/11/9]
jquery右下角弹出广告
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=devic...[2020/11/9]
jQuery TAB栏切换
代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=de...[2020/11/9]
jQuery 高亮显示
代码实现:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style ...[2020/11/9]
兼容IE8的打印页面局部区域兼容IE8的打印页面局部区域
/**
* 兼容IE8的打印页面局部区域
* $(''#printBody'')为页面上0宽0高的div
* @param printhtml 要打印的区域的innerHTML
*/
function printOrder(printhtml) {
清空之前打印插入的...[2020/11/9]
jQuery 简明教程 快速上手jQuery 简明教程 快速上手
1. jQuery概述
1.1 JavaScript 库
即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show、获取元素等。
简单理解: 就是一个JS 文件...[2020/11/9]
mui-slider选项卡设置默认index
今天mui框架选项卡遇到个无法设置初始index的问题,查阅网上资料后未发现解决方案。正确的解决方案是:
1.设置头部和内容区域的.mui-active。
2.*设置内容区域最外层设置偏移量transform,根据页面宽度适配。
3:*进行silder滚动。(缺少这步会有滑动bug...[2020/11/9]
mui.DtPicker is not a constructor解决方案
问题记录:mui.DtPicker is not a constructor
坑惨了搞了半天,研究源码后把Hbuilder项目里的文件扒出来,解决(主要是缺少文件,网上很难找到)
步骤:
1.新建Hbuilder项目
2.扒出所需依赖源码
3.引入c 和js
<lin...[2020/11/9]
mui中的a标签无效和click无法点击的问题
解决mui的a标签无效:
mui(''body'').on(''tap'',''a'',function(){
window.top.location.href=this.href;
});
解决mui无法点击元素的问题:(主要是mui屏蔽了click,更换成tap即可)...[2020/11/9]
jquery选择器 - foreverL-Vmf
选择器
* 是什么?
* 有特定语法规则(c 选择器)的字符串
* 用来查找某个/些DOM元素: $(selector)...[2020/11/9]
JS获取前一页面链接的参数值
前一页面的链接传参
window.lo.href = " xxxx.aspx?IdNumber=" + IDENTITYCARD ;
第一种方法:
当前页面获取参数值方法
function getQueryString(name) { ...[2020/11/9]