摘要：一、websocket协议 WebSocket是HTML5下一种新的协议。它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的。 二、socket.io框架 node.js诞生起就是支持websocket协议。但是如果用node原生语法与websocket原生函数等
阅读全文
摘要：一、KOA2框架 Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。 二、安装 参考官网https://koa
阅读全文
摘要：ES6模块化语法 export(导出、规定模块对外的接口) import( 导入，用于输入外部模块提供的变量或函数) ####具名导出和导入 let a = "ok"; let fn = function(){ console.log("hello world"); } // 1）具名导出，
阅读全文
摘要：webpack 安装配置 1.首先创建一个空目录webpacktest（不能是汉字或特殊关键词如webpack）, 命令行进入该目录，输入 npm init 2.1 安装webpack 及 webpack-cli （如果安装有问题可以删除。删除命令：npm uninstall webpack -g
阅读全文
摘要：1、express生成器安装依赖及创建文件 express生成器安装 第一次使用需要全局安装： 安装： npm i express-generator -g 安装完成后 ： express -h 查看常用命令 创建步骤： 1）express --view=ejs sa02 --view=ejs 将e
阅读全文
摘要：1） 一般将数据库的配置信息另存为外部模块， chyconfig.js（可命名为个人名字+config） let option = { host: "localhost", //数据库服务器的地址 user: "root", //管理员账号 password: "", //账号密码 database
阅读全文
摘要： 主要是4步操作： // 1、创建连接对象 let option = { host: "localhost", //数据库服务器的地址 user: "root", //管理员账号 password: "", //账号密码 database: "xxxxx"//数据库名 } let connecti
阅读全文
摘要：DML语句 DML 实现对数据记录的增删改查 1 新增数据（插入记录） 语法：INSERT INTO 表名(字段名1,字段名2, ... ) VALUES(字段值1, 字段值2,, ....) -- 新增记录 INSERT INTO student (学号,姓名,性别,生日,手机) VALU
阅读全文
摘要：一、express生成器安装 第一次使用需要全局安装： 安装： npm i express-generator -g 安装完成后 ： express -h 查看常用命令 创建步骤： 1）express --view=ejs sa02 --view=ejs 将ejs指定为默认的模板引擎 sa0
阅读全文
摘要：1 正则表达式匹配路由 //student/(\d{5})$/ // 动态路由：正则表达式匹配路由 app.get(/\/student\/(\d{5})$/,(request,response)=>{ // 正则圆括号（子匹配）的内容 request.params[0] 来获得 respons
阅读全文
摘要：1、下载node安装包 Node.js安装包及源码下载地址：https://nodejs.org/en/download/ 根据不同平台系统选择需要的Node.js安装包 本文中下载的是node-v14.4.0-x64 2、安装 1)、下载完成后，双击下载后的安装包 node-v14.4.0-x64
阅读全文
摘要：node中的文件模块 作用可以添加、修改、删除操作系统的文件。必须引入 fs 模块 一、 文件操作 a) 写入文件 改写 与 覆盖 改写： appendFile 覆盖: writeFile // 异步语法 let fs = require("fs"); /* fs.writeFile("./
阅读全文
摘要：####1 基本结构 // ES6使用 class 来声明一个类 class Person { // 类中必须要有构造函数，即使不写，js引擎会自动创建一个空的constructor。 // 构造函数的作用：主要是为实例化空对象添加属性 // 构造函数在类的实例化时，会自动运行。因此可以将实例化后需
阅读全文
摘要：<body> <select name="" id="provinice"></select> / <select name="" id="city"></select> / <select name="" id="town"></select> </body> </html> <script sr
阅读全文
摘要：function sendAjax({type="get",url="",data=null,dataType="json"}) { // 该函数的作用就是返回一个改变了状态的（成功或失败）的promise实例对象 return new Promise((reslove, reject) => {
阅读全文
摘要：promise对象 promise是ES6提供的异步编程解决方案，比传统的解决方案（回调函数）更合理更强大。使用promise对象可以将异步操作以同步的形式的表现出来，避免了层层嵌套的回调函数。此外，promise对象还提供了统一的接口，使得控制异步操作更容易。 promise(承诺)： p
阅读全文
摘要：将封装函数保存为外部js, 需要时引用： // 利用解构赋值实现ajax封装函数。可灵活使用解构赋值的默认值，这样调用函数时只需要传递必要的参数即可 function sendAjax({type="get",url,data=null,dataType="json",timeOut="5000"}
阅读全文
摘要：1、ES6与JavaScript的区别 ES6仅仅是一种语法规范。JavaScript只是ES6的一种实现，具体实现到多少看浏览器厂家执行规范的程度。javascirpt 还包括DOM、BOM，另外JavaScript还可以应用与后台开发环境例如node。 2、let 与 const ES6新增
阅读全文
摘要：jQuery中ajax封装 $.ajax({ url: '', // 请求地址 cache: '', // 是否缓存 type: '', // 请求类型 get/post 默认get timeout: '', // 请求超时时间, 单位是毫秒 data: '', // 请求的参数 dataType:
阅读全文
摘要：显示与隐藏 show(),hide(),toggle() // jQuery对象.show(speed, easing, callback): 显示 // jQuery对象.hide(speed, easing, callback): 隐藏 // jQuery对象.toggle(speed, eas
阅读全文
摘要：元素宽高 // 获取宽高 console.log($('.box').width()); // width console.log($('.box').innerWidth()); // width+padding console.log($('.box').outerWidth()); // wi
阅读全文
摘要：jQuery节点 children()：直接子元素 next(): 下一个兄弟节点 nextAll(): 下面所有的兄弟节点 prev()：上一个兄弟节点 prevAll()：上面所有兄弟节点 siblings(): 所有的兄弟节点 parent(): 父节点 parents(): 所有的祖先节点
阅读全文
摘要：$(document).ready() // window.onload: 页面结构和资源加载成功后调用, $(document).ready(): 页面结构加载成功就调用,不用`等待资源加载成功 // window.onload 不能重复添加(会覆盖) $(document).ready() 可以
阅读全文
摘要：1、移动端事件 1、移动端事件 移动端常用的事件，主要有三个，分别是： ontouchstart(手指按下) ontouchmove(手指移动) ontouchend(手指抬起) 注意：移动端事件绑定，要用addEventListener var box = document.getElementB
阅读全文
摘要：<div class="box"> <ul class="imgList"> </ul> <div class="btn"> <span class="leftBtn"></span> <span class="rightBtn"></span> </div> <div class="circle"
阅读全文
