笔记
weixin_lqq
这个作者很懒,什么都没留下…
展开
-
cookie和session的使用
1原创 2021-09-21 13:19:32 · 106 阅读 · 0 评论 -
template-web模板引擎的使用
template-web是什么?这是一个模板引擎,简单来说就是构建一个模板,让其生成html的js代码。如果不用该js,手动来操作,我们可能需要繁杂的拼接html标签,还要做for循环。template-web怎么使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE原创 2021-09-19 19:58:56 · 1051 阅读 · 0 评论 -
对象的创建方式及new关键字的执行过程
客户端发送请求的途径在地址栏中直接访问这个url通过某个a标签进行进行跳转<a href="要访问的url地址">文字</a>通过表单进行提交<form action="要提交的url的地址" method="get" target="_blank"></form>通过ajax技术访问这个url$.ajax({ url: '要提交的url的地址', type:'get' // post, delete,put,})发送请原创 2021-09-14 21:21:36 · 120 阅读 · 0 评论 -
数组常用的API总结
追加元素类:push(追加的元素)在数组的末尾追加数组,返回值为新数组的长度unshift()在数组内部的最前面追加元素,返回值为新数组的长度删除元素类pop() 删除数组的最后一个元素,返回值为删除的元素shift()删除数组的第一个元素,返回值为删除的元素splice(要删除的位置索引值,删除个数,替换为的元素)从指定位置删除元素,后两个参数省略,则从删除位置开始,一直删到最后连接截取类contact(连接的数组)连接数组,返回值为新数组join(‘连接的符号’)将数组用原创 2021-09-14 21:00:55 · 242 阅读 · 0 评论 -
常见的HTTP响应状态代码
HTTP 响应状态代码指示特定 HTTP 请求是否已成功完成。响应分为五类:信息响应(100–199),成功响应(200–299),重定向(300–399),客户端错误(400–499)和服务器错误 (500–599)常见的HTTP响应状态码有:// 200 OK 请求成功// 301 Moved Permanently 被请求的资源已永久移动到新位置// 400 Bad Request 语义有误,当前请求无法被服务器理解或者请求参数有误// 401 Unautho原创 2021-09-13 21:48:02 · 52 阅读 · 0 评论 -
常见的几种文件类型及其content-type
在http协议中,content-type用来告诉对方本次传输的数据的类型是什么。在请求头中设置content-type来告诉服务器,本次请求携带的数据是什么类型的在响应头中设置content-type来告诉浏览器,本次返回的数据是什么类型的通过使用res对象中的setHeader方法,我们可以设置content-type这个响应头。这个响应头的作用是告诉浏览器,本次响应的内容是什么格式的内容,以方便浏览器进行处理。content-type分类1 .htmlres.setHeader('原创 2021-09-13 21:31:32 · 487 阅读 · 0 评论 -
Ajax请求响应过程中执行状态
readyState属性Ajax从创建xhr对象开始,一直到完全接收服务器返回的结果为止;我们可以把整个请求响应过程划分为5个阶段。并且可以使用 xhr.readyState 属性检测当前请求执行到哪个阶段了。readyState属性值为一个数字,不同的数字表示Ajax的不同状态。如果状态值为0(xhr.readyState === 0),初始状态,表示xhr对象一定创建了。如果状态值为1(xhr.readyState === 1),表示open一定调用了如果状态值为2(xhr.readySta原创 2021-09-13 14:28:40 · 541 阅读 · 0 评论 -
npm包从创建到发布及下载使用
1、npm项目初始化1.1 在本地磁盘上创建一个空项目,取文件夹名为myNpm。注意请先去npm网官去确定一下,这个项目名是否已经被占用了。(如果这个 名字已经被占用了,则你是无法向npm上上传的)npm view 包名# 这个命令用来查看 某个包的信息# 包名不能与现有包重名,只能是小写字母+数字+中划线# 如果返回404,说明这个项目名在npm官网上找不到,此时你就可以使用。# 否则,说明不可用。1.2 创建一个package.json文件,对你项目myNpm信息进行设置。npm in原创 2021-09-12 23:44:39 · 166 阅读 · 0 评论 -
require 的模块加载机制
1、先计算模块路径1.1 如果是加载核心模块,直接从内存中加载,并缓存-加载核心模块的格式是 const xxx = require("模块名") 。不能写相对路径!1.2 如果是相对路径,则根据路径加载自定义模块,并缓存- 以require('./main')为例( 省略扩展名的情况)- 先加载 main.js,如果没有再加载 main.json,如果没有再加载 main.node(c/c++编写的模块),找不到就报错。1.3 如果不是自定义模块,也不是核心模块,则加载第三方模块,以requi原创 2021-09-12 23:03:17 · 547 阅读 · 0 评论 -
npm的常用命令总结
下载node.js系统自带npm,无需下载安装常用命令npm -v // 查看npm版本where node // 查看node的安装目录where npm // 查看npm的安装目录npm root -g // 查看全局包的安装目录n原创 2021-09-11 20:54:37 · 85 阅读 · 0 评论 -
nodemon包的安装及使用说明
作用nodemon包是一个能帮我们自动检测到我们的代码的修改,并自动重新运行我们的代码的工具下载地址官方下载地址: nodemon安装在任意位置 打开终端命令窗口,输入如下命令: npm install -g nodemon检测是否安装成功命令窗口输入:npm root -g 获取全局安装的路径,通过路径可以查看是否安装成功使用步骤在命令中,使用nodemon来代替node,nodemon可以直接替换node指令...原创 2021-09-11 20:14:13 · 727 阅读 · 0 评论 -
i5ting_toc 包的安装及使用说明
作用i5ting_toc 是一个可以把 md 文档转为 html 页面的小工具下载地址官方文档地址为:https://www.npmjs.com/package/i5ting_toc安装全局安装命令: npm install -g i5ting_toc使用在要转换的文件目录下,按住shift + 鼠标右键,选择 “在此处打开命令行窗口”输入命令: i5ting_toc -f 要转换的文件名.md -o-f参数,如果没有填写,默认使用README.md文件输入以上命令后,会原创 2021-09-11 19:47:54 · 257 阅读 · 0 评论 -
tab栏切换(横向)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2021-09-11 00:20:41 · 193 阅读 · 0 评论 -
tab栏切换(纵向)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2021-09-11 00:17:43 · 523 阅读 · 0 评论 -
下拉菜单(横向)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2021-09-11 00:14:48 · 488 阅读 · 0 评论 -
下拉菜单(纵向)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2021-09-11 00:12:11 · 309 阅读 · 0 评论 -
字符串操作的API
charAt() 返回指定索引位置的字符charCodeAt() 返回指定索引位置字符的 Unicode 值concat() 连接两个或多个字符串,返回连接后的字符串fromCharCode() 将 Unicode 转换为字符串indexOf() 返回字符串中检索指定字符第一次出现的位置lastIndexOf() 返回字符串中检索指定字符最后一次出现的位置localeCompare() .原创 2021-09-11 00:02:16 · 43 阅读 · 0 评论 -
常用的终端命令及快捷键总结
总结:常用的终端命令:###node相关 // node -v 查看node版本号 // node js文件名 运行某个js文件 // clear/cls 清屏 // cd .. 返回上一级目录 // cd \ 直接回到根目录 // Ctrl+C 停止nod原创 2021-09-10 20:02:20 · 1118 阅读 · 0 评论 -
发布微博案例(节点的创建与插入、事件委托)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document&l原创 2021-07-30 11:55:51 · 116 阅读 · 0 评论 -
焦点图案例(事件监听和排他思想)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-30 11:50:15 · 148 阅读 · 0 评论 -
跟随鼠标移动的小鸟(事件对象)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-30 11:22:10 · 89 阅读 · 0 评论 -
获取当前时间(事件对象)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-27 10:32:55 · 102 阅读 · 0 评论 -
用户协议倒计时案例(定时器的使用)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-27 10:30:43 · 482 阅读 · 1 评论 -
毕业倒计时案例(时间戳)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-27 10:27:51 · 798 阅读 · 0 评论 -
开关灯案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-27 10:24:42 · 102 阅读 · 0 评论 -
简易版tab栏切换(排他思想)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-27 10:15:48 · 96 阅读 · 0 评论 -
简易版随机点名
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-27 10:12:07 · 70 阅读 · 0 评论 -
获取验证码案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-27 10:07:22 · 145 阅读 · 0 评论 -
猜随机数字的案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-24 13:56:52 · 41 阅读 · 0 评论 -
根据输入数据渲染生成柱形图页面案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-24 13:47:07 · 419 阅读 · 0 评论 -
封装函数求数组的最大值和最小值
function getArrMaxAndMin(arr) { let max = min = arr[0] for (let i = 1; i < arr.length;i++) { // 方法一: if语句比较法 // if(arr[i] > max) { // max = arr[i] // }原创 2021-07-24 13:36:41 · 2162 阅读 · 0 评论 -
冒泡排序(双重for循环的使用)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-24 13:31:51 · 310 阅读 · 0 评论 -
筛选数组(追加元素方法的使用)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-24 13:29:20 · 48 阅读 · 0 评论 -
打印九九乘法表(双重for循环的使用)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-24 13:26:35 · 155 阅读 · 0 评论 -
简易取款机案例(switch语句的使用)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-24 13:21:04 · 344 阅读 · 0 评论 -
动画之走马灯
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> * { pa原创 2021-07-10 11:22:43 · 71 阅读 · 0 评论 -
动画之奔跑的精灵图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>精灵动画</title> <style> .box { position: absolute; left: 0; width: 140px; height: 140px; /* 背景图片为一张精灵图,包含12原创 2021-07-10 11:19:46 · 230 阅读 · 0 评论 -
空间转换之3d导航栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>3D导航</title> <style> ul { marg原创 2021-07-10 11:16:58 · 53 阅读 · 0 评论 -
平面转换综合案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>华为原创 2021-07-10 11:14:59 · 57 阅读 · 0 评论 -
平面转换之缩放
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-10 11:12:02 · 87 阅读 · 0 评论