- 博客(17)
- 收藏
- 关注
RSS订阅原创 JS-Ajax请求
注册实例演示请求基本操作 先上html标签部分： <div class="pox"> <div> <img src="sipclogo.png" alt="A logo of SIPC."> </div> <input type="text" class="input-normal" id="user" placeholder="用户名"
2022-01-30 23:34:08
743
原创 express基本使用
引入express import { createRequire } from 'module'; const require = createRequire(import.meta.url); const express=require('express'); //并且在package.json文件中加上"type": "module", 创建应用对象 const app=express(); 创建路由规则 app.post('/',(request,response)=..
2022-01-30 22:54:43
665
原创 HTTP协议
HTTP协议是浏览器和万维网服务器之间的约定，规则： 请求报文 ....... 请求行 GET/s？ie=utf-8 HTTP/1.1 请求头 Host: Cookie: Content-type: User-Agent:chrome 83 空行 请求体 （若get，请求体空，若post，请求体可以不为空） ....... ...
2022-01-30 22:41:33
442
原创 let，const，var关于暂时性死区
暂时性死区： 定义：let/const命令会使区块形成封闭的作用域。若在声明之前使用变量，就会报错。总之，在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区” 现象： console.log(a) // ReferenceError: a is not defined let a 浅谈let，const，var关于暂时性死区： var不存在暂时性死区，而let，const存在，所以let，const在变量声明之前就访问变量的话，会直接提示 Refe...
2022-01-30 22:24:54
1379
原创 正则表达式
限定符： 限定符 含义 ？ 前面的单个字符可出现一次或零次，可有可无 * 前面的单个字符可出现多次或零次 + 前面的单个字符可出现多次或一次 {} 前面的单个字符可出现规定次数 eg. {6}出现6次 {2,6}出现2-6之间的次数 {2,}出现两次以上 tip.若要用限定符匹配多个字符，可以给多个字符加上（） 逻辑运算符： ‘或’运算符：| eg. (ab|cd)表示该处字符
2022-01-30 22:12:35
506
原创 JS三种动态创建元素的方法
document.write()（冷门） 在页面已经渲染好的情况下用document.write()创建元素（比如把创建元素放进点击事件），会导致页面重绘，破坏初始页面 innerHTML 格式：修改对象.innerHTML= =或+=后面可以是文本，也可以是带了双引号的标签 document.createElement() 格式：var 创建的对象=document.creatElement() （）可以是文本或者带双引号的标签 innerHTNL与document.creat
2022-01-30 21:37:00
889
原创 JS中this和e.target
this的用法： 解析器每次调用函数都会传入一个隐含参数，即this this指向一个对象，称为函数执行的上下文对象 根据函数调用方式不同，this指向不同对象： 以函数形式调用 this指向windows 以方法形式调用 this指向执行该方法的对象 构造函数中的this this指向该构造函数的实例，即新开辟的函数的空间 e.target的用法： e.target返回的是触发事件的对象（元素） this...
2022-01-30 21:07:18
1376
原创 获取兄弟节点的兼容性方法
//获取所有兄弟元素节点 function getNextElementSibling(element) { var e1=element; while (e1=e1.nextSibling) { if (e1.nodeType==1) { return e1; } } return null; }
2022-01-23 17:54:00
189
原创 js常用鼠标事件和键盘事件
常用鼠标事件 鼠标事件 触发 onclick 点击左键 onmouseover 鼠标经过 onmouseout 鼠标离开 onfocus 获得鼠标焦点 onblur 失去鼠标焦点 onmousemove 鼠标移动 onmouseup 鼠标弹起 onmousedown 鼠标按下 常用键盘事件 键盘事件 触发 keyup 按键弹起 keydown 按键按下 keypress 非功能键
2022-01-23 17:31:54
373
原创 注册事件和删除事件的方法
注册事件 传统注册方式： //利用on开头的事件 <button onclick="alert('xxx')"></button> btn.onclick=function() {} 注意：传统方法注册事件具有唯一性，后注册事件覆盖先注册事件 事件监听方式：(最常用） 目标对象.addEventListener(加引号不带on的事件类型字符串,事件处理函数名,[useCapture]) 注意： 符合w3c标准 可以添加多个事件处理函数 只使用在.
2022-01-23 17:19:29
807
原创 html常用标签
标题标签<h1>-<h6> 段落标签<p></p> 不同段落间显示时会有一个较大空隙 换行标签<br/> 文字换行并不会换段落，段落间距远大于行间距 文本格式化标签 语义 标签 优先 加粗 <strong></strong>or<b></b> <strong></strong> 倾斜 <em></em&
2022-01-21 20:34:07
348
原创 html基本结构标签
骨架标签 骨架标签 <html></html> html标签 <head></head> 头部 <title></title> 必须设置的标题 <body></body> 主体 在vscode html文件头部中一些代码的解释 <!DOCTYPE html> 采取html5版本显示网页 lang=“en” 显示语言为Eng...
2022-01-21 10:00:20
326
原创 js字符串翻转和输入字符串统计各字符出现次数
字符串翻转： function over(str) { var str1=""; for (var i=str.length-1;i>=0;i--) { str1=str1+str[i]; } return str1; } var str=prompt("请输入一个字符串"); var result=over(str); console.log(result); 输入字符串统计各字符出现次数： var str=new Array();
2022-01-15 21:23:10
100
原创 JS学习第一天
如何插入JS： 直接插入： <head> <script type="text/javascript"> /*js代码写在这里*/ </script> </head> 外部文件插入: <head> <script src="script.js"></script> /*同时在html同级创建.js文件，直接在.js文件中写js代码*/ </head> 输出内容
2022-01-13 16:42:59
172
原创 清除浮动~
适用清除浮动的情况: 父级没高度 子盒子浮动 下面布局被影响 清除浮动的目的： 在没规定父盒子高度的情况下，让父盒子的高度适应子盒子的高度，避免影响后续标准流的排版 清除浮动的方法 ： 在最后一个浮动子元素后面添加一个空的标签，且必须是块级元素，或者<br/> 给父元素加上over-flow: hidden;（常用） 给父元素添加after伪元素（结构简单），即 <style> .clearfix:after { ..
2022-01-08 22:53:12
490
原创 盒子模型块级，内联，行内块元素水平居中
块级元素水平居中 应用条件：盒子被指定width 方式：设置左右外距为auto，即 margin:0 auto;(常用） margin-left:auto; margin-right:auto; margin-auto; eg. 不使用居中时： <style> .block { width: 500px; height: 500px; background-color: chartre
2022-01-08 19:07:38
216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人