11 2021 档案
摘要：本篇内容为：模块化的添加、查询、删除的具体写法；具体的可查看下面的详情： // 使用 app.use(koaBody({ // 关闭严格模式 来获取参数 获取非post的参数 strict: false })); 在后台启用前需要nodemon app.js 启动应用程序 app.js内容： 引入函
阅读全文
摘要：本篇内容为： 终端：nodemon app.js 启动应用程序 npm install mongoose –sane 安装mongoose nodemon app.js 启动应用程序 app.js 代码页中添加的内容： 导入函数、相当于导出之后在这里接入、这个是直接引用的路径 例： const ta
阅读全文
摘要：本篇内容为讲述JSON (koa-router 路由)；下面的内容为课堂上的记录，如有缺漏后可添加。 Content-Type: application/json 什么意思？ 答：contentType: "application/json”，首先明确一点，这也是一种文本类型（和text/json一
阅读全文
摘要：本篇内容为：koa-洋葱模型： 以下内容为：上课注释： Koa ：koa使用的是洋葱模型 。核心是中间的，（完全遵循洋葱模型） 常见的错误 ： 以管理员运行一句话（ set-ExecutionPolicy RemoteSigned） 选A/Y （一定要回车）、如果提示其他的 、关闭程序再打开。没有找
阅读全文
摘要：本篇内容为：新接触的NodeJs 的第一章课。 首先是开发环境的配置： 1、项目的初始化（g需要什么就写什么 不是每次都要初始化的）； `npm init` ` 自定义 init :初始化` 、 `npm init -y` ` 默认生成` 、 npm config get registry -->获
阅读全文
摘要：本篇内容为：jQuery.axios 详细的代码为： <title>Document</title> <script src="./js/axios.min.js"></script> <script> /* 参数 params 数据 .data */ axios.get("./00 data.js
阅读全文
摘要：本篇内容为Ajax中的fetch （是Ajax中一种请求的方法）；下面是上课时，详细精确的代码： <script> /* then-->(直接返回response) response then-->(直接返回data) data */ // fetch的本质是JavaScript 作用：用于访问和操
阅读全文
摘要：本篇内容为：jQuery.ajax 详细的代码为： <!-- jQuery.ajax --> <!-- 自我理解：jQuery.ajax 步骤 1、请求参数的配置、2、参数是什么 和参数格式、3、服务器 需要 想要什么样子的格式、4、成功和失败是什么样 --> <script src="./js/j
阅读全文
摘要：本篇内容为：原生Ajax的含义、解析、课上代码和创建的Ajax、以及效果图. 首先是对Ajax进行的解析： (1) 含义ajax 的全称：Asynchronous Javascript And XML。异步传输+js+xml。所谓异步，在这里简单地解释就是：向服务器发送请求的时候，我们不必等待结果，
阅读全文
摘要：第一题效果： 第二题效果： 第三题效果： 全选： 删除：
阅读全文
摘要：本篇内容为课堂的补充知识；简单的外扩； 高阶函数的代码： 1的内容 // function f(){ // // 2的内容 // return function(){ // console.log("f()"); // } // } // 接1的内容 // console.log({}); // {
阅读全文
摘要：本篇文章为课堂的内容： call apply bind 的区别： 三者都可以传参，但是apply是数组，而call是参数列表，且apply和call是一次性传入参数，而bind可以分为多次传入。 bind 是返回绑定this之后的函数，便于稍后调用；apply 、call 则是立即执行 。 call
阅读全文
摘要：typeof主要用来判断基础数据类型，instanceof则是用来判断引用数据类型。 typeof是根据数据在存储单元中的类型标签来判断数据的类型，instanceof则是根据函数的prototype属性值是否存在于对象的原型链上来判断数据的类型。 接下来是上课时的代码；注释是后台出来的效果 打印出
阅读全文
摘要：一、继承的相关代码（另）： // 继承关系 function People(name){ this.name = name; } People.prototype.showName = function(){ console.log(this.name); } function Student(){
阅读全文
摘要：继承的相关代码： <script> function Car(name,speed){ this.name = name; this.speed = speed; // 不规范的 写在方法里面会重复加载 // this.showName = function(){ // console.log(th
阅读全文
摘要：今天学习的了，点击【登录】时弹出【注册/登录】界面 JQuery内容： $(function(){ $(".top-list .title").click(function(){ $(this).addClass("active").siblings().removeClass("active");
阅读全文
摘要：放大镜: jQuery内容： $(function(){ // 放大镜的写法与应用 $(".small_box").hover(function(){ // find =》向内查找子节点 $(this).find(".float_layer").show(); $(".big_box").show(
阅读全文
摘要：点击 更多 可以 变换 收起 ： jQuery代码： $(function(){ $(".load-more").click(function(){ // 方法一 // var $list = $(this).closest(".filter-list"); // 获取高度 // var heigh
阅读全文
摘要：点击按钮可以切换内容. jQuery内容： $(function(){ // current 当前的 var current = 0; var count = $(".pics-list>li").length; function move(){ // 图片下面的点点随着图片跑 $(".points
阅读全文
摘要：以下所有的内容效果的style内容都为： <style> div{ height: 200px; width: 200px; background-color: red; } </style> 1. 显示、隐藏、和切换：行内样式 更改的是：display 属性 jQuery内容： $(functio
阅读全文
摘要：1.内部插入 =》子节点 append和appendTo 效果一样 区别只是 由哪个查询 jQuery内容： ul.li标签：效果图： 效果图：因为有jQuery里写了append和appendTo 的代码，所以，才会有两个“列表 append” prepend // prepend 在所有子元素的
阅读全文
摘要：同时执行很多次时， 函数防抖与节流是很相似的概念，但它们的应用场景不太一样。 我们先从概念上深刻理解它们。 先说函数防抖，debounce。 其概念其实是从机械开关和继电器的“去弹跳”（debounce） 衍生 出来的，基本思路就是把多个信号合并为一个信号。 单反也有相似的概念，在拍照的时候手如果拿
阅读全文
摘要：今日课上代码详情： // 基本事件 // 鼠标事件 // .click ==的单击事件 这里面没有 on 直接+事件 // 和HTML的区别：因为是.链接的 所以可以写多个 $(".child").click(function(){ console.log(0); }); 鼠标移动以及screen、
阅读全文
摘要：冒泡事件：比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡。 阻止冒泡事件有三种方法： 1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果
阅读全文
摘要：<!DOCTYPE html>\ <!-- zh-cn 告诉浏览器这是中文的页面，不用翻译 --> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：课前扩展： !important 是提升最高级的写法 打印的两种方式 Console.Dir(n) Console.log(n) Split 支持正则表达式 Var n6 = str.split(/[ao]/); addEventListener和addListener的区别 addListener
阅读全文
摘要：Data-属性的作用： data-属性用于储存私有的自定义数据，data-属性可以让我们在所有html元素上增加自定义data属性，存储的data属性能被JavaScript调用。 data-属性不应该包含任何大写字母，并且在data-后必须最少拥有一个字符，属性值可以是任意字符串 取值方法: //
阅读全文
摘要：jQuery的本质的JavaScript 、JavaScript做不了的jQuery也可以做 jQuery直接操作文档 现在比较流行的是：以数据为驱动 数据驱动： 数据库驱动是不同数据库开发商（比如oracle mysql等）为了某一种开发语言环境（比如java）能够实现统一的数据库调用而开发的一个
阅读全文
摘要：EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget 上，当该对象触发指定的事件时，指定的回调函数就会被执行。 事件目标可以是一个文档上的元素 Element,Document和Window或者任何其他支持事件的对象 (比如 XMLHttpR
阅读全文
摘要：今日复习了jQuery中function的不同写法（简写方法） 文档就绪函数： 最下面script的代码中也含有，有重复部分； // 3种 jQuery的写法 最常用的是3 // 1 // $(document).ready(function(){ // }); // // 2 // $().rea
阅读全文
摘要：js中function、json、object的区别 js 是弱类型语言。 定义变量的时候不需要强制指定变量类型，当你定义 var aa = {"aa":"bb"}的时候它会自动给你转成json类型。当使用ajax请求后台 时返回没有指定返回类型，默认是字符串类型 "{'aa':'bb'}"。 因为
阅读全文
摘要：对事件作出反应 JavaScript 能够在事件发生时执行，比如当用户点击某个 HTML 元素时。 为了在用户点击元素时执行代码，请向 HTML 事件属性添加 JavaScript 代码： onclick=JavaScript HTML 事件的例子： 当用户点击鼠标时 当网页加载后 当图像加载后 当
阅读全文
摘要：当为onmouseenter时不会冒泡，及不会重复触发父级事件，在进入父级时也不会触发子级事件。当为onmouseover时会冒泡，只要进入到标签内就会触发标签内所有子集标签的事件，且在移动过程中父级标签会重复触发，出现连续触发的问题，可以用原生js方法阻止事件冒泡 理解： // over 严格意义
阅读全文
摘要：二、JavaScript语句和函数 掌握2种分支控制结构： If分支结构： 1) if…else语句 2) 多重if语句 3) 嵌套if语句 Switch分支结构 掌握3种循环控制结构： For循环结构：（初始化；条件；增量）循环体-1.分析循环条件和循环操作、2.套用For语法写出代码、3.检查是
阅读全文
摘要：js中function、json、object的区别：具体的代码如下所示： // 三者之间的区别 // []==数组 {}==对象 // 字面量 json 常用于数据解析 var student = { id:10001, name:"张三", scores:[ {subject:"html",sc
阅读全文
摘要：今日复习、学习了JavaScript的基本语法2的内容，具体的代码如下所示：今日成长！ var reg1 = /\d/; var reg2 = new RegExp("\d"); /* \d 0-9任意一个数字 \D(任意一个非数值) 小写和大写的取反 [] 其中的任意一个字符 [0-9] \d 1
阅读全文
摘要：基础知识： 使用方法： JavaScript的语言特点： （1）脚本语言（不能独立运行，必须嵌入到其他语言，如HTML、（2）解释性、（3）用于客户端、（4）基于对象、 JavaScript编写规范： （1）一般放在<head>…</head>中间、（2）逐行被执行，越短越好、 （3）大小写敏感、（
阅读全文
摘要：// parseInt 转化--取整 81.5 取整是 81 在遇到非数值的直接干掉，舍掉。 // parseFloat 直接转对应小数 // isNaN not a Number 判断是否为数值 当为true时，非数值；当为false时，为数值。 var a = parseInt("67a.5")
阅读全文
摘要：经典的面试题： 1、// 为什么 var a = 0.1+0.2;=0.30000000000000004 ？ // 答： 二进制的问题 整数不会出现问题 但是小数转换的时候会出现问题， // 所以可以先给每个数值括起来 分别*10 之后再/10 就可以转换为整数类型。 var a = (0.1*1
阅读全文
摘要：json.stringify()是序列化函数，用于将对象转化为字符串；json.parse()是反序列化函数，用于将字符串转化为json对象 1、parse用于从一个字符串中解析出json对象,如 var str = '{"name":"huangxiaojian","age":"23"}' 结果：
阅读全文
摘要：JS是前端所有的基础、JS需要学会。 Live Server是挂载到服务器上的 550 Live Server实时刷新 热加载 第一种方法是：直接写在行内 <!-- 第一种用法 写在行内 --> <!-- onclick="alert(0)" --> <div class="div" >点我</di
阅读全文
摘要：个人理解： /* felx布局 -三步骤 -1.display: flex;--先写出flex 2.justify-content: space-around; 相当于整体分布 3.align-items: center; 内容的水平居中 */ 查看官方得知的信息： 1、flex-direction
阅读全文
摘要：理解： document.querySelectorAll() 满足条件返回的是全部 这个是一个是找到全部的 // querySelector 满足条件 返回 的第一个 详细： 获取文档中 class="example" 的所有元素: var x = document.querySelectorAl
阅读全文
摘要：以下内容为今日新编写以及新学习的登录界面的编写方法。 HTML内容部分： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href=
阅读全文
摘要：content-type是内容类型，用于定义网络文件的类型和网页的编码，决定文件接收方将以什么形式、什么编码读取这个文件。 用法示例：<meta content="text/html; charset=gb2312" http-equiv="Content-Type"/> 描述内容类型的字符串。该字
阅读全文
摘要：1，target="_self", 它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。 (此处就是实现你的每次跳转都在同一个窗口的核心点) 2、target="_blank" ,浏览器总在一个新打开、未命名的窗口中载入目标文档 3、target="_parent" ，属性作用使得文档载入父窗
阅读全文
浙公网安备 33010602011771号