web中间件
关注
分享
扫一扫
文章平均质量分 74
本专题收录 web中间件学习相关知识及项目文件
呆萌宝儿姐
CSDN专家博主、阿里云开发者社区专家博主、51CTO社区专家博主、360书馆认证博主、知乎掘金B站等平台受邀作者。
如遇开发、程序等需求，博客首页下拉加入公众号，私信博主
展开
-
jQuery——jQuery的CSS，class，属性操作及案例应用
文章目录CSS操作class操作css与class操作综合案例：tab栏属性操作prop方法prop表格全选案例案例：美女画廊CSS操作<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>Title</title></head><body><ul> <li>张欣欣<原创 2020-12-19 12:19:29 · 4388 阅读 · 1 评论 -
jQuery动画代码详解
文章目录三组基本动画动画展示1、滑入滑出动画2、淡入淡出动画3、自定义动画动画队列停止动画三组基本动画 show不传参数，没有动画效果 $("div").show(); show(speed) speed:动画的持续时间 可以是毫秒值 还可以是固定字符串 fast:200ms normal:400ms slow:600 $("div").show("ddd");动画展示<!DOCTYPE html><html lang="zh-CN">原创 2020-12-19 13:19:36 · 4694 阅读 · 1 评论 -
jQuery仿小米手风琴案例
手风琴案例案例展示项目链接https://download.csdn.net/download/weixin_45525272/14932741代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; paddi原创 2021-01-26 10:47:35 · 3607 阅读 · 1 评论 -
jQuery事件机制
文章目录jQuery事件机制jQuery事件发展历程(了解)on注册事件(重点)on事件注册的两种方式事件的执行顺序事件解绑off方式（推荐）触发事件jQuery事件对象案例：钢琴版导航（加强）（还不会，得回头看）jQuery事件机制JavaScript中已经学习过了事件，但是jQuery对JavaScript事件进行了封装，增加并扩展了事件处理机制。jQuery不仅提供了更加优雅的事件处理语法，而且极大的增强了事件的处理能力。jQuery事件发展历程(了解)简单事件绑定>>bind原创 2020-12-19 18:07:33 · 4238 阅读 · 1 评论 -
jQuery——jQuery特殊属性操作
文章目录jQuery特殊属性操作val方法案例：京东搜索.htmlhtml方法与text方法width方法与height方法scrollTop与scrollLeft案例：仿腾讯固定菜单栏案例案例：小火箭返航案例offset方法与position方法jQuery特殊属性操作val方法val方法用于设置和获取表单元素的值，例如input、textarea的值//设置值$("#name").val(“张三”);//获取值$("#name").val();案例：京东搜索.html<原创 2020-12-19 16:48:34 · 4241 阅读 · 2 评论 -
jQuery案例：图文滑动手风琴特效
效果展示代码用到的jQuery是jquery.min.jshtml页面<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>jQuery图文内容滑动手风琴特效</title> <meta name="description"原创 2021-11-01 15:30:25 · 2477 阅读 · 0 评论 -
jQuery——jQuery基本概念
文章目录jQuery基本概念为什么要学习jQuery？jQuery初体验什么是jQuery?jQuery的版本jQuery的入口函数jQuery对象与DOM对象的区别（重点）DOM对象转换成jQuery对象：jQuery对象转换成DOM对象：练习：隔行变色案例jQuery基本概念学习目标：学会如何使用jQuery，掌握jQuery的常用api，能够使用jQuery实现常见的效果。为什么要学习jQuery？【01-让div显示与设置内容.html】使用javascript开发过程中，有许多的缺点原创 2020-12-18 23:40:09 · 4281 阅读 · 2 评论 -
jQuery——jQuery选择器 ※
文章目录jQuery选择器什么是jQuery选择器$符号的实质3种用法jquery如何设置样式基本选择器基本选择器案例层级选择器过滤选择器案例：隔行变色筛选选择器(方法)【案例：下拉菜单】this+children+mouseenter+mouseleave【案例：突出展示】siblings+find【案例：手风琴】next+parent【案例：淘宝精品】index+eqjQuery选择器什么是jQuery选择器jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。原创 2020-12-19 00:28:51 · 4214 阅读 · 3 评论 -
jQuery实现京东轮播图
轮播图案例展示项目链接https://download.csdn.net/download/weixin_45525272/14932730代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>京东商城</title> <style> * { margin: 0; paddi原创 2021-01-26 10:46:50 · 3956 阅读 · 2 评论 -
jQuery节点操作、弹幕案例
文章目录动态创建节点创建与移动节点位置案例：城际移动案例：发布评论清空与删除节点案例：弹幕效果动态创建节点<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 400px; height: 400px;原创 2020-12-19 15:09:18 · 4109 阅读 · 1 评论 -
jQuery链式编程，each方法，多库共存
文章目录jQuery补充知识点链式编程案例：五角星评分案例（待看）each方法案例：不同的透明度多库共存jQuery补充知识点链式编程通常情况下，只有设置操作才能把链式编程延续下去。因为获取操作的时候，会返回获取到的相应的值，无法返回 jQuery对象。end(); // 筛选选择器会改变jQuery对象的DOM对象，想要回复到上一次的状态，并且返回匹配元素之前的状态。案例：五角星评分案例（待看）<!DOCTYPE html><html lang="en">原创 2020-12-19 18:14:17 · 4185 阅读 · 1 评论 -
canvas做动画
文章目录做动画canvas绘制图片drawImage()序列帧动画方向键控制行走的小人坐标变换案例：旋转的方块做动画canvas绘制图片drawImage()参数：三个参数drawImage(img,x,y)img 图片对象、canvas对象、video对象x,y 图片绘制的左上角五个参数drawImage(img,x,y,w,h)img 图片对象、canvas对象、video对象x,y 图片绘制的左上角w,h 图片绘制尺寸设置(图片缩放，不是截取)九个参数drawIm原创 2021-02-03 13:06:05 · 4400 阅读 · 1 评论 -
Canvas画笔的基本使用
文章目录Canvas画笔的基本使用图形绘制设置样式画笔实例练习渐变色绘制镂空的房子绘制坐标网格绘制坐标系绘制坐标点绘制折线图参考文档Canvas画笔的基本使用图形绘制需要理解些概念：路径的概念路径的绘制描边 stroke()填充 fill()闭合路径手动闭合程序闭合 closePath()填充规则(非零环绕)开启新的路径 beginPath()设置样式画笔的状态lineWidth 线宽，默认1pxlineCap 线末端类型：(butt默原创 2021-02-03 13:02:20 · 4878 阅读 · 0 评论 -
微信小程序中的canvas
文章目录canvas 常用属性：canvas基本用法：注意：canvas绘制基本步骤：canvas绘制笑脸：canvas对象方法介绍：canvas 常用属性：canvas基本用法：创建canvas.wxml文件。<canvas canvas-id="myCanvas"></canvas> canvas组件默认样式如下。canvas { width: 300px; height: 150px; display: block; position:原创 2021-04-02 19:01:43 · 13063 阅读 · 7 评论 -
12个免费在线Logo生成器
都要登陆01 https://www.graphicsprings.com/02 https://www.canva.com/（推荐）03 https://www.designhill.com/tools/logo-maker04 https://www.designevo.com/05 https://www.designmantic.com/logo-design06 https://logo.squarespace.com/07 https://www.logaster.com/lo原创 2021-05-20 10:19:13 · 7726 阅读 · 0 评论 -
Canvas学习参考文档
文章目录Canvas初识什么是Canvas？创建Canvas元素Canvas坐标系通过JavaScript来绘制Canvas的基本使用图形绘制设置样式画笔实例练习渐变色绘制镂空的房子绘制坐标网格绘制坐标系绘制坐标点绘制折线图参考文档Canvas图形绘制矩形绘制createLinearGradient()方法圆弧绘制弧度概念用三角函数体验曲线的绘制arc() 方法画圆弧圆实例练习绘制六种颜色等分的圆绘制扇形绘制数据饼图绘制文本案例：画布中心绘制文字圆与文本综合案例：数据饼状图做动画绘制图片drawImage(原创 2021-02-01 22:17:11 · 6354 阅读 · 14 评论 -
Canvas图形绘制
文章目录Canvas图形绘制矩形绘制createLinearGradient()方法圆弧绘制弧度概念用三角函数体验曲线的绘制arc() 方法画圆弧圆实例练习绘制六种颜色等分的圆绘制扇形绘制数据饼图绘制文本案例：画布中心绘制文字圆与文本综合案例：数据饼状图Canvas图形绘制矩形绘制rect(x,y,w,h) 没有独立路径strokeRect(x,y,w,h) 有独立路径，不影响别的绘制fillRect(x,y,w,h) 有独立路径，不影响别的绘制clearRect(x,y,w,h) 擦除矩形区原创 2021-02-03 13:05:17 · 3716 阅读 · 1 评论 -
js实现黑客代码雨效果
效果他是动的哈，上传gif太大，CSDN不让传，所以只放了图片代码<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>黑客</title> <style type="text/css"> * { margin: 0; padding: 0; } bo原创 2021-10-03 08:23:11 · 3135 阅读 · 3 评论 -
jQuery中 ajax的使用
文章目录jQuery 中的 ajax1. $.ajax常用选项参数介绍：2. $.get3. $.post4. 全局事件处理jQuery 中的 ajaxjQuery 中有一套专门针对 AJAX 的封装，功能十分完善，经常使用，需要着重注意。参考：http://www.jquery123.com/category/ajax/http://www.w3school.com.cn/jquery/jquery_ref_ajax.asp1. $.ajax$.ajax({ url: './ge原创 2021-04-01 07:42:15 · 6022 阅读 · 5 评论 -
原生js对Ajax封装
文章目录封装1. AJAX 请求封装2. jQuery 中的 AJAX2.1. $.ajax2.2. $.get2.3. $.post2.4. 全局事件处理案例：正在加载中2.5. jQuery其他ajax操作函数3.综合案例：子页面局部加载进度条插件：nprogressindex.htmlcart.htmlorders.html封装1. AJAX 请求封装函数就可以理解为一个想要做的事情，函数体中约定了这件事情做的过程，直到调用时才开始工作。将函数作为参数传递就像是将一个事情交给别人，这就是委托的原创 2021-01-27 16:32:40 · 5242 阅读 · 1 评论 -
nprogress 插件 网页顶部加载进度条
安装资源包安装CSDN地址（免）：GitHub地址：https://github.com/rstacruz/nprogres外链引入方式（将包里的 .js .css移动到工程中）<script src='nprogress.js'></script><link rel='stylesheet' href='nprogress.css'/>NPM安装方式$ npm install --save nprogressimport NProgress原创 2021-01-27 16:31:21 · 5007 阅读 · 1 评论 -
Ajax 相应数据格式与处理
文章目录3. 具体用法3.1. GET 请求3.2. POST 请求3.3. 同步与异步3.4. 响应数据格式3.4.1. XML3.4.2. JSON3.5. 处理响应数据渲染3.6. 兼容方案3. 具体用法3.1. GET 请求通常在一次 GET 请求过程中，参数传递都是通过 URL 地址中的 ? 参数传递。var xhr = new XMLHttpRequest()// GET 请求传递参数通常使用的是问号传参// 这里可以在请求地址后面加上参数，从而传递数据到服务端xhr.open('原创 2021-01-26 20:26:13 · 4996 阅读 · 1 评论 -
Ajax 同步与异步
同步与异步单词二者定义同步与异步的区别同步请求异步请求同步与异步时间比较time.phpSync-vs-Async.html单词synchronization英 [ˌsɪŋkrənaɪ’zeɪʃ(ə)n]美 [ˌsɪŋkrənaɪ’zeɪʃ(ə)n]n. 同时; 同时性; 同步; 同期[步]录音;asynchronization英 [eɪˈsɪŋkrənaɪ’zeɪʃ(ə)n]美 [eɪˈsɪŋkrənaɪ’zeɪʃ(ə)n]n. 异步化;二者定义关于同步与异步的概念在原创 2021-01-26 20:17:44 · 5055 阅读 · 3 评论 -
Ajax POST请求应用
文章目录2. POST 请求案例：ajax使用post请求实现登陆login.phpajax-post.html2. POST 请求POST 请求过程中，都是采用请求体承载需要提交的数据。var xhr = new XMLHttpRequest()// open 方法的第一个参数的作用就是设置请求的 methodxhr.open('POST', './add.php')// 设置请求头中的 Content‐Type 为 application/x‐www‐form‐urlencoded // 标原创 2021-01-26 19:35:24 · 5019 阅读 · 1 评论 -
Ajax GET请求应用
文章目录GET 请求案例：AJAX发送GET请求并传递参数（数据接口）users.phpajax-get.htmlGET 请求通常在一次 GET 请求过程中，参数传递都是通过 URL 地址中的 ? 参数传递。var xhr = new XMLHttpRequest()// GET 请求传递参数通常使用的是问号传参// 这里可以在请求地址后面加上参数，从而传递数据到服务端xhr.open('GET', './delete.php?id=1')// 一般在 GET 请求时无需设置响应体，可以传 n原创 2021-01-26 19:04:09 · 4983 阅读 · 1 评论 -
Ajax学习参考文档
文章目录1. 概述2. 快速上手2.1. readyState2.1.1. 时间轴2.2. 遵循 HTTP3. 具体用法3.1. GET 请求3.2. POST 请求3.3. 同步与异步3.4. 响应数据格式3.4.1. XML3.4.2. JSON3.5. 处理响应数据渲染3.6. 兼容方案4. 封装4.2. jQuery 中的 AJAX4.2.1. $.ajax4.2.2. $.get4.2.3. $.post4.2.4. 全局事件处理4.2.5. 自学内容（作业）5. 跨域5.1. 相关概念5.2.原创 2021-01-26 12:16:59 · 5734 阅读 · 1 评论 -
Ajax 基础
AJAX基础1. 概述2. 快速上手2.1. readyState2.1.1. 时间轴2.2. 遵循 HTTP1. 概述Web 程序最初的目的就是将信息（数据）放到公共的服务器，让所有网络用户都可以通过浏览器访问。在此之前，我们可以通过以下几种方式让浏览器发出对服务端的请求，获得服务端的数据：地址栏输入地址，回车，刷新特定元素的 href 或 src 属性表单提交这些方案都是我们无法通过或者很难通过代码的方式进行编程（对服务端发出请求并且接受服务端返回的响应），如果我们可以通过 JavaScrip原创 2021-01-26 10:29:32 · 4931 阅读 · 1 评论 -
机器学习入门实践——鸢尾花分类
文章目录任务描述：数据集**Step1.数据准备****Step2.模型搭建**Step3.模型训练任务描述：构建一个模型，根据鸢尾花的花萼和花瓣大小将其分为三种不同的品种。数据集总共包含150行数据每一行数据由 4 个特征值及一个目标值组成。4 个特征值分别为：萼片长度、萼片宽度、花瓣长度、花瓣宽度目标值为三种不同类别的鸢尾花，分别为： Iris Setosa、Iris Versicolour、Iris Virginica首先导入必要的包：numpy：python第三方库，用于科学计原创 2020-10-12 20:12:30 · 6001 阅读 · 1 评论