11 2021 档案
nodejs实现页面的增删查
摘要:一、在mong0db.js中写如下代码 1.导入 const mongoose = require("mongoose"); // 建立数据库连接 mongoose.connect("mongodb://127.0.0.1:27017/text"); // 创建模型 const tagSchema
阅读全文
nodejs中router的使用
摘要:一、划分文件使用Router 创建一个routes目录,专门用于放置路由文件,通过module.exports导出供外部使用。 // 引入类 const Koa =require('koa'); // 引入koa-router const Router =require('koa-router');
阅读全文
nodejs路由
摘要:Router与route: Route是一条路由: 如:/users - - > 调用 getAllUsers()函数 /users/count/ - - > 调用 getUsersCount()函数 就是把路径与函数进行一一对应,通过路径信息调用特定的函数 Routers则负责管理route与函数
阅读全文
nodejs的框架koa
摘要:koa:应用程序是一个包含一组中间件函数的对象,它是按照类似堆栈的方式组织和执行的 应用程序: 1.导入 const Koa = require('koa'); 2.创建koa的app实例 const app = new Koa(); 3.监听端口 app.use(async ctx => { ct
阅读全文
NPM的使用
摘要:Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台 NPM: NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种: 1.允许用户从NPM服务器下载别人编写的第三方包到本地使用。 2.允许用户从NPM服务器下载
阅读全文
jquery.axios
摘要:概念:通过 HTTP 请求加载远程数据。 *注:所有的选项都可以通过$.ajaxSetup()函数来全局设置。 回调函数:要处理$.ajax()得到的数据,则需要使用回调函数。beforeSend、error、dataFilter、success、complete。 beforeSend 在发送请求
阅读全文
fetch
摘要:<script> then response then data 优势:不用引用jq fetch('./00 data.json') 提供一个参数用来指明想 fetch() 到的资源路径,然后返回一个包含响应结果的 promise(一个 Response 对象) .then(function(res
阅读全文
Ajax属性
摘要:如何创建一个 Ajax <script> window.onload=function(){ 1)创建一个异步调用对象 var request=new XMLHttpRequest(); 2)创建一个新的 HTTP 请求,并指定该 HTTP 请求的方法、URL 及验证信息 request.open(
阅读全文
第一次考试机试笔记
摘要:让图片横向布局且间距为16px,左右两端边距为0 <style type="text/css"> *{ margin: 0; padding: 0; } /* 所有图片横向布局 10' 图片之间的间隔为16px 10' 第一张图片的左边距为0 10' 最后一张图片的右边距为0 10' */ body
阅读全文
继承补充
摘要:typeof instanceof var arr=[1,2,3,4,5]; console.log(typeof arr); object console.log(typeof {}); object console.log(arr instanceof Array); //true consol
阅读全文
继承
摘要:function Car(name,speed){ this.name =name; this.speed =speed; // showname属于对象 } var car =new Car("奥迪",300); var car2 =new Car("迪奥",300); console.dir(c
阅读全文
专辑购买与登录
摘要:专辑购买 $(function(){ $(".c_add").click(function(){ var val=$("#count-ipt").val(); var num= parseInt(val)+1; var count=$(".in-count").text(); if(num<=cou
阅读全文
实现音悦效果
摘要:实现音悦轮播图效果 var current = 0; var count = $(".pics-list>li").length; function move(){ $(".points-list>li").eq(current).addClass("active").siblings().remo
阅读全文
jq动画
摘要:行内样式 display 隐藏display:none ;显示 display:原始值; 如果没有原始值,则删除display样式 动画的路线 左上角<->右下角 基本 show:显示隐藏的匹配元素。 例: $(".show").click(function(){ $("div").show() $
阅读全文
Dom操作
摘要:JQuery文档处理: 1.内部插入 =>子节点 append:向每个匹配的元素内部追加内容。 这个操作与对指定的元素执行appendChild方法, 将它们添加到文档中的情况类似。 例: $(".append").click(function () { $("ul").append("<li>列表
阅读全文
jq事件
摘要:基本事件: click:触发每一个匹配元素的click事件。 这个函数会调用执行绑定到click事件的所有函数。 例: $(".child").click(function () { console.log(0) }) mousemove:当鼠标指针在指定的元素中移动时,就会发生 mousemove
阅读全文
属性和样式
摘要:attr:设置或返回被选元素的属性值 attr(属性名) 获取属性值: console.log($("span").attr("id")) console.log($("span").attr("data-id")) attr(属性名,属性值) 设置属性 console.log($("span").
阅读全文
jq基础1
摘要:<script> // 采用等于号赋值的方式,缺点:只加载最后一个 window.onload = function(){ console.log(0) } $(document).ready(function(){ }) 可简写为 $().ready(function(){ }) 再简写为 $(f
阅读全文
面试题笔记
摘要:setTimeout接收的参数函数通过闭包访问变量 i 例 for (var i = 0; i < 5; i++) { setTimeout(function(){ console.log(i) },1000) } // 闭包 实例 for (var i = 0; i < 5; i++) { (fu
阅读全文
选项卡
摘要:样式部分: <style> *{ margin: 0; padding: 0; } a{ text-decoration: none; color: #666; } ul li{ display: inline-block; height: 20px; width: 60px; } ul li a{
阅读全文
鼠标动画2
摘要:样式内容: 在父元素和子元素上添加定位 <style> *{ margin: 0; padding: 0; } body{ position: relative; } ul{ width: 1000px; min-width: 600px; margin: 0 auto; list-style: n
阅读全文
鼠标动画实例1
摘要:样式: <style> body{ position: relative;父元素相对定位 } div{ width: 200px; height: 200px; background-color: coral; } span{ position: absolute;子元素绝对定位 top: 10px
阅读全文
dom笔记
摘要:<script> window.onload = function(){ 获取元素方式: // document.getElementById(); // document.getElementsByClassName(); // document.getElementsByName(); // d
阅读全文
创建对象
摘要:// 字面量json var student={ id:10001, name:"李四", scores:[ {subject:"html",score:90}, {subject:"JS",score:90} ] } // function function Student(id,name){ t
阅读全文
jsd的基本语法2
摘要:var reg1=/\d/; var reg2=new RegExp("\d"); /** * \d :0-9任意一个数字 * []:任意一个字符 * [0-9] \d * 12 =>[1][2] 12 * [12a] 1、2、a * [a-zA-Z0-9] * [^]非其中的任意一个字符 * \w
阅读全文
js笔记
摘要:js的基本语法: //numer 数值,整数,小数 //string 字符串(字符)"" '' //bool true/false //null 没有 //undefined 未定义 //symbol es6 var a; console.log(typeof a) //object:正则、数组 字
阅读全文
登录界面的总结
摘要:flex-direction属性:flex-direction属性决定主轴的方向(即项目的排列方向)。 它可能有4个值。 1.row(默认值):主轴为水平方向,起点在左端。 2.row-reverse:主轴为水平方向,起点在右端。 3.column:主轴为垂直方向,起点在上沿。 4.column-r
阅读全文
浙公网安备 33010602011771号