前端jQuery
Alicesa
略懂c#,c,php后端语言,
略懂vue,js前端语言,
略懂服务器Node语言
展开
-
商品管理后台管理
商品管理后台:技术栈:1.Node.js2.vue全家桶3.el-elment项目效果如图:下载点击前往下载记得别忘了点个start原创 2021-06-29 15:15:59 · 108 阅读 · 0 评论 -
移动端购物商城
移动端 电商商城项目:项目效果如图:下载链接:点击下载记得别忘了点击start注接口不是本人的是bilbilup主:coderwhy原创 2021-06-29 15:06:16 · 660 阅读 · 1 评论 -
网抑云
仿网易云项目技术栈有vue全家桶elment框架以里面已经含有接口下载链接记得start点击一下技术栈有vue全家桶elment框架以里面已经含有接口下载链接记得start点击一下https://github.com/Alicessa/CloudMusic...原创 2021-06-29 14:49:31 · 117 阅读 · 0 评论 -
理解cookie和session(加图解)
理解两者session其实也是利用的cookie的技术cookie把键和值都存在浏览器端session把sessionid存在浏览器端,而真正的数据存放在服务器端.流程const app = express();const cookieSession=require('cookie-session')app.use(cookieSession({ name : session, keys: ['alice' ], //加密用的加盐 // Cookie Opti原创 2020-09-06 21:42:05 · 475 阅读 · 0 评论 -
jQ实现简单的折叠菜单
代码<!DOCTYPE html><html><head> <title>折叠菜单</title> <meta charset="utf-8" /> <link rel="stylesheet" href="css/style.css" /></head><body> <div class="box"> <ul> <li原创 2020-09-05 20:22:00 · 536 阅读 · 0 评论 -
js实现简单实现静态图片变成动图
代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #canvas{ border: 1px solid red; } </style> </head> <body> <canvas id="canvas" width="500px原创 2020-09-03 22:57:10 · 1888 阅读 · 0 评论 -
AjAX的解决跨域问题(详解)
产生跨域的问题产生跨域的问题协议:例http:// 是协议 ,https:// 是协议域名:baidu.com 是域名端口:8080 是端口浏览器使用ajax时,如果请求的接口地址和当前打开的页面地址不同源称之为跨域(1) ajax :浏览器只有使用ajax发送请求才会出现跨域。 href属性与srC属性不会出现跨域(2) 接口地址: ajax请求的url(3)打开的页面:当前页面的window.location.href(4)不同源:浏览器使用ajax,向不同源的接口发送原创 2020-09-03 22:43:59 · 521 阅读 · 0 评论 -
es6补充语法Promise的语法all,cath,race
es新增语法提供的promise以解决回调地狱的问题详情有注释都写清楚了文章目录es新增语法提供的promise以解决回调地狱的问题Promise的then解决回调地狱Promise的all语法Promise的cath语法Promise的race语法Promise的then解决回调地狱这个相当于,用了then进行链式操作然后到最后的err排除所有的错误,不用需要一个一个的排除错误Promise的all语法代码如下:let p1 = fun('a');let p2 =fun('b' )原创 2020-09-02 22:11:38 · 177 阅读 · 0 评论 -
Node操作json文件,实现增删改查
文章目录数据库和json文件对比查操作增操作修操作删操作json文件操作增操作查操作或根据ID查找删操作改操作 效果数据库和json文件对比传统数据库操作。增,删,改,查查操作代码如下//导包var mysql = require("mysql");//创建一个和数据库的连接var connection = mysql.createConnection({ host: "localhost", //数据库服务器的地址 user: "root", //账号 pas原创 2020-09-02 18:51:08 · 1667 阅读 · 3 评论 -
js的数组的升维
文章目录升维一、如一个这样的一维数组二、先遍历,再判断原理:升维将一个一维数组变成二维数组例如将一个数组将相同类型的数组合在一起一、如一个这样的一维数组 vararr = [ { type: '电子产品', name: ' iPhone', price: 8888 }, { type: '家具', name: '桌子', price: 100 }, { type: '食品', name: '瓜子', price: 10 },原创 2020-09-02 14:34:40 · 1029 阅读 · 0 评论 -
js实现数组的去重
文章目录数组的去重一、方法一先排序然后在遍历判断二、对象法利用对象的属性的名字不能重复效果作用数组的去重 当一组数据开始出现有数据重叠实现去掉重复出现的一、方法一先排序然后在遍历判断 //数组去重:把数组中重复的项给去掉, var arr = [10, 20, 30, 10, 20, 40, 50]; //去重后得到[10, 20,30,40 ,50] //-:补充去重的方法1:排序后判断法. var arrNew = []; //排序 arr.原创 2020-09-02 14:13:55 · 204 阅读 · 2 评论 -
jQ实现数组的降维
对json的数据有所帮助,一些数据的处理代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><原创 2020-08-30 14:22:46 · 162 阅读 · 0 评论 -
Node 插件 爬取王者荣耀官网英雄信息,并生成数据库
文章结构打开官网看接口地址打开官网游戏资料里的英雄资料,并打开后台接下来是英雄技能技能结构路径方便抓取jQ的获取元素这里不细说重头戏抓包到到数据库全部代码看数据库总结打开官网看接口地址声明 练手node即可,别较王者荣耀的真打开官网游戏资料里的英雄资料,并打开后台这里要说的是你打开后面再刷新一下抓取王者荣耀官网,请求的英雄资料的接口地址有两个数据文件 https://pvp.qq.com/web201605/js/herolist.jso 下载打开后有下面信息接下来是英雄技能原创 2020-08-30 14:16:28 · 1148 阅读 · 3 评论 -
jQ实现关键字查询
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style></style&原创 2020-08-30 11:46:52 · 2789 阅读 · 0 评论 -
jQ全选反选逻辑实现
代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>全选反选</title> <style> </style></head><body><input type="checkbox" id="all"> <input type="button" val原创 2020-08-30 11:42:28 · 197 阅读 · 0 评论 -
jQ实现自定义滚动条
代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } input { width: 30px; float: left; } #bigbox { border: 1px solid whites原创 2020-08-29 18:34:29 · 547 阅读 · 0 评论 -
jQ实现星星评分
代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="fontawesome-free-5.11.2-web/css/all.css"/> </head> <body> <h1>浮动效果</h1> &原创 2020-08-29 18:27:23 · 766 阅读 · 0 评论 -
jQ实现轮播效果
代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播效果</title> <style> .body{position:原创 2020-08-29 08:58:47 · 369 阅读 · 0 评论 -
jQ实现表格的添加和删除
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表格添加删除</title></head><style> body {原创 2020-08-29 08:54:35 · 978 阅读 · 0 评论 -
jQ实现留言板加弹幕效果
代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>留言板效果</title></head><style> body { text-align: center } .nc { width: 150px; height: 30px;原创 2020-08-28 20:54:17 · 911 阅读 · 0 评论 -
jQ 实现鼠标移动文字图片提示框
代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>突出展示</title></head><style> #view { border: 1px solid #cccccc; background: aqua; color: #fff; paddi原创 2020-08-28 20:47:40 · 290 阅读 · 0 评论 -
jQ实现轮转方块
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>轮动方块</title></head><style> body { text-align: center } .box { margin: 0 auto; } .box2 { bo原创 2020-08-28 14:14:01 · 188 阅读 · 0 评论 -
jQ简单实现百叶窗效果
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>百叶窗</title> <style> ul,li{margin: 0; pad原创 2020-08-28 14:10:09 · 671 阅读 · 0 评论 -
jQ实现商品选购
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>商品采购</title> <link rel="stylesheet" href="css/1.cs原创 2020-08-28 14:04:54 · 187 阅读 · 0 评论 -
jQ实现简单放大镜效果
代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; list-style: none; } #max ul li img { width: 80px;原创 2020-08-28 14:01:38 · 271 阅读 · 0 评论 -
jQ实现百度新闻的导航条
代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>百度新闻导航</title> <style> body, div, span原创 2020-08-28 13:53:52 · 448 阅读 · 0 评论