![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 81
江呱呱
这个作者很懒,什么都没留下…
展开
-
自己生成数据
1.用mock生成数据var express = require('express');//引入mock模块const { Random } = require('mockjs');var Mock = require('mockjs')var router = express.Router();/* GET users listing. */router.get('/', function(req, res, next) { res.send('respond with a re原创 2020-10-28 19:09:43 · 439 阅读 · 0 评论 -
ES6模块化
1.导入成员用import导出模块成员该js文件名为m1let a=10;let c=10;export default{a,c}按需导出export let s1="aaa";export let s2="ccc";export let s3="bbb";直接导入并使用代码for(let i = 0; i < 3; i++) { console.log(i)}2.暴露模块成员用export导入模块成员import m1 from ‘./m1.js’按需导原创 2020-10-26 21:33:25 · 104 阅读 · 0 评论 -
fetch的基本使用
服务器代码const express = require('express')const app = express()const bodyParser = require('body-parser') // 处理静态资源app.use(express.static('public')) // 处理参数app.use(bodyParser.json());app.use(bodyParser.urlencoded({ extended: false }));// 设置允许跨域原创 2020-10-21 08:44:42 · 532 阅读 · 0 评论 -
nodejs重要的内置模块
nodejs重要的内置模块1.http模块// Node的模块分两种:核心模块 也叫内置模块、 第三方模块 // 核心模块:每一个模块提供了不同的功能 比如http模块用于搭建服务器 比如fs模块 用于操作文件和文件夹 比如 url模块用于操作url字符串 比如querystring模块 用于解析query字符串// 引入http模块var http = require("http");// http.createServer() 方法用于搭建服务器var server = http.原创 2020-09-28 16:10:36 · 426 阅读 · 0 评论 -
初学jquery
初学jquery1.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><body&g原创 2020-09-24 20:54:40 · 175 阅读 · 0 评论 -
ES6 Proxy代理
ES6 Proxy代理<!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><body>原创 2020-09-23 19:51:49 · 694 阅读 · 0 评论 -
ES6 map对象
map对象<!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><body> <s原创 2020-09-23 19:47:15 · 213 阅读 · 0 评论 -
ES6 set对象
set对象<!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><body> <s原创 2020-09-23 19:38:43 · 136 阅读 · 0 评论 -
DOM2级观察者模式
DOM2级观察者模式<!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> * {原创 2020-09-23 19:29:02 · 131 阅读 · 0 评论 -
观察者模式
观察者模式1 观察者模式.html<!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>原创 2020-09-23 19:23:27 · 100 阅读 · 0 评论 -
js单例模式
js单例模式1.html代码<!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> *原创 2020-09-23 15:10:45 · 129 阅读 · 0 评论 -
js策略模式
js策略模式<!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> * {原创 2020-09-23 14:57:18 · 200 阅读 · 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></head><body> <sc原创 2020-09-22 19:55:15 · 113 阅读 · 0 评论 -
forin循环
forin循环<!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><body> <原创 2020-09-22 19:48:14 · 188 阅读 · 0 评论 -
instanceof
instanceof<!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><body>原创 2020-09-22 19:42:28 · 137 阅读 · 0 评论 -
几种继承方式
几种继承方式1.构造函数继承和原型继承<!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><bod原创 2020-09-22 19:18:03 · 134 阅读 · 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></head><body> <scri原创 2020-09-22 14:37:00 · 108 阅读 · 0 评论 -
js垃圾回收机制
js垃圾回收机制1.引用计数<!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><body>原创 2020-09-22 14:32:03 · 101 阅读 · 0 评论 -
商城登录与商品展示
商城登录与商品展示1.登录页面 index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link r原创 2020-09-19 10:18:57 · 474 阅读 · 0 评论 -
cookie的基本使用
cookie的基本使用1.基本概念// cookie是英文 曲奇、小甜饼的意思// HTTP协议是一个无状态的协议 状态指的是连接会不会持久保持// cookie是HTTP协议的一部分 HTTP协议对cookie有规定// cookie是浏览器端的存储方式 同时也是一个请求头字段// cookie由服务器设置 由前端存储 (通过JS脚本也可以进行cookie的操作)// 登录流程:// 前端填写好表单之后,通过表单或者AJAX发送请求,发给登录接口。登录接口处理完毕,成功! 此时会在响应头中原创 2020-09-19 09:39:21 · 267 阅读 · 0 评论 -
ajax登录
ajax登录1.html端代码<!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>原创 2020-09-18 13:02:15 · 140 阅读 · 0 评论 -
localStorage和sessionStorage
localStorage和sessionStorage一、localStroage1.localStorage.setItem("","")//设置存储的数据 键值对2.localStorage.getItem("");//获取存储的数据3.localStorage.removeItem("");//移除存储的数据4.localStorage.clear();//清空存储的数据二、sessionStorage1.sessionStorage.setItem("","")//设置存储的数据原创 2020-09-17 19:39:50 · 234 阅读 · 0 评论 -
eventloop事件循环的笔记
eventloop事件循环的笔记1.事件循环的基本概念eventLoop指的是事件循环 它决定了JS中的异步代码和同步代码的执行方式1 执行栈 执行代码的内存2 事件队列 决定事件谁先谁后的执行顺序的队列 也叫做任务队列2.1 宏任务队列 定时器、回调函数、事件函数2.2 微任务队列 then 和 catch执行代码的顺序第一步浏览器加载JS的时候 先把所有的代码放入执行栈一条一条的执行执行过程中 不可避免的会有异步行为 比如定时器 比如事件 比如 Promise等如原创 2020-09-17 14:41:43 · 137 阅读 · 0 评论 -
Promise的静态方法
Promise的静态方法1.Promise.all()<!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-09-16 20:31:01 · 3228 阅读 · 0 评论 -
promise对象的基本使用
promise对象的基本使用1.第一次使用<!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><b原创 2020-09-16 19:43:11 · 175 阅读 · 0 评论 -
关于ajax和jsonp的总结
关于ajax和jsonp的总结1.ajaxajax就是可以实现服务器和浏览器之间的通信 整个过程就是浏览器通过ajax向服务器端发送一个请求 然后服务器通过ajax向浏览器发送一些信息 在此过程中 服务器可以拿到浏览器提供的数据 进行对数据库的增删改查,然后再返回一个结果给浏览器2.jsonpjson可以实现跨域请求,通过静态资源不会被浏览器拦截的原理,利用script标签 发送请求 从服务器端获得一个函数,这个函数会执行,所以在浏览器端要对应一个名字相同的函数...原创 2020-09-16 14:50:55 · 135 阅读 · 0 评论 -
JSONP初学
JSONP初学// 原理: 利用script标签 发送请求时无视同源策略 并且请求回来之后还可以执行代码的特点 来请求其它服务器上的数据1.index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2020-09-16 14:18:16 · 157 阅读 · 0 评论 -
ajax注册
ajax注册1.html端<!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> *原创 2020-09-16 13:25:50 · 211 阅读 · 0 评论 -
ajax需要的是json的数据格式
ajax需要的是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> <style>原创 2020-09-15 21:20:11 · 226 阅读 · 0 评论 -
php根据表单数据添加到数据库
php根据表单数据添加到数据库<!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><body>原创 2020-09-15 21:18:01 · 1888 阅读 · 0 评论 -
php数据库增删改查
php数据库增删改查<?php //连接数据库 参数一 主机地址 参数二 用户名 参数三 密码 mysql_connect('localhost','root','root'); //选择数据库 mysql_select_db('gz2006'); //sql语句 //增 $sql="INSERT INTO user (username,password) VALUES ('hahah','123456')"; //删 $sql="DELETE FROM user原创 2020-09-14 20:18:19 · 145 阅读 · 0 评论 -
FormDa对象的使用方法
FormDa对象的使用方法1.服务器端代码// 引入express框架const express = require('express');// 路径处理模块const path = require('path');const formidable = require('formidable');// 创建web服务器const app = express();// 静态资源访问服务功能app.use(express.static(path.join(__dirname, 'publi原创 2020-09-13 17:40:50 · 274 阅读 · 0 评论 -
ajax省市区三级联动
ajax省市区三级联动1.服务器代码// 引入express框架const express = require('express');// 路径处理模块const path = require('path');const formidable = require('formidable');// 创建web服务器const app = express();// 静态资源访问服务功能app.use(express.static(path.join(__dirname, 'public')原创 2020-09-13 17:32:16 · 328 阅读 · 0 评论 -
ajax搜索框内容自动提示
ajax搜索框内容自动提示1.服务器端代码// 引入express框架const express = require('express');// 路径处理模块const path = require('path');const formidable = require('formidable');// 创建web服务器const app = express();// 静态资源访问服务功能app.use(express.static(path.join(__dirname, 'publi原创 2020-09-13 17:26:41 · 345 阅读 · 0 评论 -
ajax验证邮箱地址唯一性
ajax验证邮箱地址唯一性1.服务器端代码// 引入express框架const express = require('express');// 路径处理模块const path = require('path');const formidable = require('formidable');// 创建web服务器const app = express();// 静态资源访问服务功能app.use(express.static(path.join(__dirname, 'publi原创 2020-09-13 17:20:27 · 334 阅读 · 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> <!-- 1.将模板引擎的库文件 引入到当前的页原创 2020-09-13 17:16:40 · 169 阅读 · 0 评论 -
Ajax函数封装
Ajax函数封装<!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><body> &l原创 2020-09-13 11:21:23 · 125 阅读 · 0 评论 -
ajax的基本使用
服务器代码//引入express模块const express = require('express');//路径处理模块const path = require('path');const bodyParser = require('body-parser');const fs = require('fs');//创建服务器const app = express();app.use(bodyParser.json());//静态资源访问服务功能app.use(express.sta原创 2020-09-13 11:10:44 · 137 阅读 · 0 评论 -
ES6新增的创建类的方法
ES6新增的创建类的方法<!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><body>原创 2020-09-10 21:05:08 · 186 阅读 · 0 评论 -
js面向对象简易贪吃蛇
js面向对象简易贪吃蛇1.贪吃蛇.html<!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>原创 2020-09-10 20:58:12 · 202 阅读 · 0 评论