web前端
关注
分享
扫一扫
文章平均质量分 57
孤独斗士
日拱一卒无有尽 功不唐捐终入海
展开
-
vue实现的商品列表网页
vue实现的商品列表网页 ， 图片在vue项目的Public文件夹里的 imgs中。原创 2024-06-21 10:54:49 · 775 阅读 · 0 评论 -
JSON的stringify()与JSON的parse()的区别
localStorage/sessionStorage默认只能存储字符串，而实际开发中，我们往往需要存储的数据多为对象类型，那么这里我们就可以在存储时利用json.stringify()将对象转为字符串，而在取缓存时，只需配合json.parse()转回对象即可。其次，JSON.stringify()的受众更多是对象，而toString()虽然可以将数组转为字符串，但并不能对{name:'天子笑'}这类对象实现你想要的操作，它的受众更多是数字。1.判断数组是否包含某对象，或者判断对象是否相等。原创 2024-05-22 10:38:52 · 439 阅读 · 0 评论 -
ajax使用案例
success:function(data,dataTextStatus,jqxhr){ },//请求成功时error:function(jqxhr,textStatus,error)//请求失败时。dataType:请求数据类型"html | text | json | xml | script | jsonp ",type:"get | post | put | delete " 默认是get,data:请求参数 {"id":"123","pwd":"123456"},原创 2024-04-23 22:52:48 · 651 阅读 · 0 评论 -
vue中使用wangEditor富文本编辑器
5. 创建LoginView.vue , 在router/index.js中进行配置 , 因为此组件是显示在主routerview里面的所以配置路由时配置在第一层级。4. 创建RegView.vue , 在router/index.js中进行配置 , 因为此组件是显示在主routerview里面的所以配置路由时配置在第一层级。- router/index.js: 路由配置文件, 在里面配置客户端请求xxx地址时由xxx.vue显示。- public文件夹: 图片资源文件保存在此文件夹下。原创 2024-02-22 15:29:33 · 1740 阅读 · 0 评论 -
http状态
http状态原创 2023-02-20 16:03:38 · 638 阅读 · 0 评论 -
Http1.1_1
http1.1原创 2023-02-20 15:59:43 · 811 阅读 · 0 评论 -
Http1.1协议常识2.1
http1.1原创 2023-02-20 15:56:28 · 390 阅读 · 0 评论 -
Http1.1协议常识3.1
http1.1协议常识原创 2023-02-20 15:49:39 · 877 阅读 · 0 评论 -
Http1.0协议常识
Http1.0协议常识原创 2023-02-20 15:41:10 · 598 阅读 · 0 评论 -
html理论基础
html理论基础原创 2023-02-20 15:38:04 · 362 阅读 · 0 评论 -
jQuery的toggle
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!--引入jq框架--> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> </head> <body> .原创 2022-09-03 18:24:43 · 365 阅读 · 0 评论 -
javascript对象
1.建一个空的类似Person.java 类//1.建一个空的类似Person.java 类let Person = function () {}//另外一种方式： function Person(){} //2.实例化类(根据此类创建对象)let p = new Person();//3.可以动态给对象添加属性和方法 (java中不允许)p.name="张三";//给p对象增加name属性p.age=18;p.run=function () {//给p对象增加run方法原创 2022-04-28 11:02:40 · 1598 阅读 · 0 评论 -
jQuery选择器
jQuery选择器1.基本选择器基本选择器是jQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class、和标签名等来查找DOM元素，在网页中，每个id名称只能使用一次，class允许重复使用，基本选择器介绍如下：基本选择器2.层次选择器如果想通过DOM元素之间的层次关系来获取特定的元素，例如后代元素、子元素、相邻元素和同辈元素等，那么层次选择器是一个非常好的选择：层次选择器3.过滤选择器过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素，原创 2022-04-27 17:05:06 · 458 阅读 · 0 评论 -
Vue绑定
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <!--引入vue框架--> <script src="vue/vue.js"></script></head><body> <div> <!-- 1....原创 2022-04-27 16:16:39 · 1740 阅读 · 0 评论 -
jquery设置文本 点击事件 追加元素 删除元素
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!--引入jq框架--> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> </head> <body> .原创 2022-04-27 16:06:39 · 1716 阅读 · 0 评论 -
Js对象和jQuery互相转化
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!--引入jq框架--> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> </head> <body> .原创 2022-04-27 14:59:29 · 815 阅读 · 0 评论 -
javascript计时器
一、计时器：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><h1>0</h1><h2>10</h2><script> /** let count = 0;原创 2022-04-26 17:08:46 · 1449 阅读 · 0 评论 -
let和var区别
1、作用域不同var是函数作用域，let是块作用域。在函数中声明了var，整个函数内都是有效的，比如说在for循环内定义的一个var变量，实际上其在for循环以外也是可以访问的。而let由于是块作用域，所以如果在块作用域内定义的变量，比如说在for循环内，在其外面是不可被访问的，所以for循环推荐用let。正在上传…重新上传取消2、let不能在定义之前访问该变量，但是var可以。let必须先声明，在使用。而var先使用后声明也行，只不过直接使用但没有定义的时候，其值是un原创 2022-09-03 18:21:38 · 274 阅读 · 0 评论 -
javascript:字符串转数值
isNaN(i.value)//用来判断i.value是否不是数字//NaN not a number 不是数字 i表示一个文本输入框 1. i.value得到的是字符串,字符串进行 -*/ 时(减 乘 除)会自动转成数值进行运算 2.如果是+ 则进行的是字符串拼接 "5"*"5"-> 5*5, "5"+"5"拼接成"55" //d.innerText = "结果:"+i.value+i.value; 3.将字...原创 2022-04-26 15:42:57 · 677 阅读 · 0 评论 -
html5标签
一、播放视频h5标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--poster设置封面 loop循环播放 autoplay自动播放(必须设置静音才能自动播放)muted静音 controls是否显示控制元素--><原创 2022-04-26 14:53:48 · 148 阅读 · 0 评论 -
仿员工管理
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>员工管理系统</title> <style type="text/css"> body{font-family: "微软雅黑";} h2,h4{text-align: center;} div#box1,div#box2{text-align: center;} hr{margin:原创 2020-07-08 23:25:50 · 158 阅读 · 0 评论 -
jQuery创建表格
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>创建表格练习</title> <style type="text/css"> body{padding-left:15px;font-size:20px;} table{ border:1px solid #0099FF; width:70%; border-collapse:collapse原创 2020-07-08 23:24:13 · 1830 阅读 · 0 评论 -
jQuery仿QQ好友列表
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> table{border:black 2px solid;width:100px;border-collapse:collapse;margin:15px 10px;width:10%;margin:20px 20px;} ta原创 2020-07-08 12:08:24 · 964 阅读 · 0 评论 -
jQuery选择器
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>jQuery选择器练习</title> <style type="text/css"> body{ font-family:"微软雅黑"; font-size:15px;padding-bottom:300px;} input{font-size:18px;margin-top原创 2020-07-08 11:22:08 · 154 阅读 · 0 评论 -
js&jQuery&servlet综合笔记
unit04-JavaScriptJavaScript简介什么是JavaScript(了解)JS特点和优势(了解)在HTML书写JS的方式JavaScript语法注释格式数据类型变量声明JS运算符JS语句JS数组JS函数综合练习DOM操作案例：电灯开关案例：增删改元素案例：网页换肤总结：JS获取元素总结：JS增删改元素htmlcss+JS作业unit05-jQueryjQuery简介什么是jQuery(了解)jQuery的优势(了解)jQuery引入文档就原创 2020-07-06 19:44:02 · 552 阅读 · 0 评论 -
网页改divclass属性和link属性
一.用dom操作实现p标签文字改大小, link标签改href属性<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>dom操作</title> <link rel="stylesheet" type="text/css" href="css/none.css" id="link"/> <style type="text/css">原创 2020-07-06 18:44:58 · 1021 阅读 · 0 评论 -
js的dom案例:
js的dom案例:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> div { border:#0099FF 2px solid;height:20px;width:350px;margin:20px 10px;padding:5px 7px;line-height:20px;f原创 2020-07-06 17:21:21 · 262 阅读 · 0 评论 -
用基础js实现网页图片的切换
用基础的js实现网页中图片的切换,实现-点击按钮，打开灯泡或关闭灯泡<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>电灯开关案例</title> <style type="text/css">body{padding: 20px;font-size: 20px;}</style> <script type="text/java原创 2020-07-06 16:20:30 · 910 阅读 · 0 评论 -
css选择器
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style type="text/css"> /**0.用元素选择器:为了方便给所有标签都加上边框,并设置一些默认样式*/ body,input{font-size: 16px;} input{border:1px solid gray;} div,span,p{border: 2px solid dar原创 2020-07-06 11:57:30 · 114 阅读 · 0 评论 -
html&css_登录网页案例
1.成果图2.分析图：3.html代码：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/sty.css"/></head><body> <!--1.头部分start--> &l原创 2020-07-04 20:36:03 · 488 阅读 · 0 评论