舟相随-CSDN博客

原创 mongoDB注册登录

简单的mongoDB注册登录直接上代码:// 导入模块const express = require('express');const mongoose = require('mongoose');const app = express();app.use( express.static('www') );// 连接数据库mongoose.connect('mongodb://lo...

2019-05-11 16:50:08 1178

原创 MongoDB数据库的增删改查

MongoDB数据库的增删改查直接看下面的代码:// 数据库：MongoDB// Nodejs操作mongodb数据库的模块，常用的是mongooseconst mongoose = require('mongoose');// 连接数据库// mongodb:数据库连接遵循的协议// localhost:数据库的IP地址，连网可用，如果不连网，使用127.0.0.1// njU...

2019-05-11 16:44:09 472

原创常用传值方式、父传子、子传父、非父子组件传值

Vue常用的三种传值方式有：父传子子传父非父子传值引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息，如下图所示：下面我们就开始用代码详细的介绍vue组件传值的三种方式1.父传子子组件的代码：<template> <div id="container...

2019-05-11 16:19:50 685

原创详解vue生命周期

首先，每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张官方图片:可以看到在vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 那么先列出所有的钩子函数，然后我们再一一详解:beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedactivat...

2019-05-11 14:43:40 276

原创 v-bind详解

对象语法通常，我们会传给v-bind一个对象，这样我们可以动态地切换一些属性值，比如绑定Class或者Style，像这样// isBlue是布尔值，blue类是否存在取决于isBlue是否为真<div :class="{ blue: isBlue }"></div> // thisFont是变量，字体大小随thisFont而变化<div :style="{...

2019-05-07 16:56:46 608

原创 js实现简单的tab切换

页面分析：三个按钮：三个内容；点击不同的按钮显示不同的内容。初始状态：3个按钮始终显示；3个内容只是显示一个；其它默认隐藏装填css代码 * { margin: 0; padding: 0; box-sizing: border-box; } .content { ...

2019-05-07 14:36:44 456

原创 v-if和v-show的区别

v-if和v-show的区别v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。一般来说，v-if 有更高的切换开销...

2019-05-07 14:26:35 185

原创 Vue基础知识

Vue基础知识1、Vue使用的基本操作i. 先下载，引入vue.jsii. Vue，实例化一个vue实例化对象（new Vue({})）1. 新建一个vue实例化对象（Vue是一个构造函数）2. 执行vue构造函数中每一句代码3. 将新创建的vue实例化对象赋值给vue构造函数中的thisiii. 往vue实例化对象中传入一个对象（Vue实例化传入的对象里面的值也都为对象，以键值形式...

2019-05-07 11:12:31 387

原创 jQuery 修改css 样式

jQuery 修改css 样式逐个设置$("p").css("color","red"); //将所有段落字体设为红色。链式设置（建议最多三个）$("p").css("color","red").css("font-size","18px"); //将所有段落字体设为红色，字体大小为18px。批量设置（传入“对象”）$("p").css({ "color"...

2019-05-07 10:41:09 282

原创 jQuery重定向如何跳转到另一个网页

如何在jQuery中跳转到另外一个网页HTML。其实下面我列举的几种方法。我们可以利用http的重定向来跳转window.location.replace("https://blog.csdn.net/qq_43294510);使用href来跳转window.location.href = "https://blog.csdn.net/qq_43294510";使用jQuery的属性...

2019-05-07 10:36:16 1769

原创 jquery判断是否为对象或者数组

jquery判断是否为对象或者数组（1）typeof不能判断变量是否为数组(Array)var ary = [1,23,4];console.log(typeof ary); //输出结果是Object（2）instanceof 判断var ary = [1,23,4];console.log(ary instanceof Array)//true;12（3）原型链方法判...

2019-05-07 10:31:17 1527

原创内置中间件及第三方中间件

内置中间件及第三方中间件内置中间件(处理静态资源)1: 创建对象 let static = express.static('./public');2: 配置到中间件中 app.use(static);第三方中间件(post请求体的获取)原生的:req.on('data',data=>{ data.toString();})const bodyParser = requi...

2019-05-07 10:20:12 569

原创 session和cookie的区别

sessionsesion是服务端存储数据，session也是一个对象。对session 的操作，就是基本的对象操作。读value 添加 key：value使用方式在哪使用：接口中。1:往session 中存数据 ctx.session.属性 = js数据类型（除了函数）对客服端而言，ctx.session 是“写”的过程，写到客户端cookie中cookiecooki...

2019-05-07 10:13:44 162

原创 express中的路由

路由是指确定应用程序如何去响应对特定的客户端请求，该请求是URL（或路径）和特定HTTP请求方法（GET，POST等）。每个路由都可以有一个或多个处理函数，这些函数在路由匹配时执行。路径采用以下结构app.METHOD(PATH, HANDLER)app是一个实例express；METHOD 是一个HTTP请求方法PATH是服务器上的路径HANDLER 是路由匹配时所执行的功能下...

2019-05-07 10:08:01 408

原创 js中的作用域

作用域分为全局作用域和局部作用域局部作用域：在函数体中声明的变量；只能在该函数体中访问全局作用域：除了函数体中声明的变量；或者在函数图中没有var 的变量。作用：在任何地方都可以访问该变量//var 的变量便是全局变量// var d = 'ssss'function sum(b){var c = 2;console.log(c)console.log(b,'sssss')...

2019-05-07 09:57:08 120

原创阻止事件冒泡的方法

阻止事件冒泡的方法首先看看事件冒泡是什么？事件冒泡代码结构上嵌套，在直系关系中；同一个事件绑定多个元素（子元素，父元素…都绑定该事件），从子元素到父元素依次触发事件代码很简单，就是三个父子关系的div,然后分别加了点击事件。阻止冒泡。html代码<body><div class="wrap"><div class="box"><div ...

2019-05-07 09:52:40 1489

原创 webpack打包原理

模块化机制webpack并不强制你使用某种模块化方案，而是通过兼容所有模块化方案让你无痛接入项目。有了webpack，你可以随意选择你喜欢的模块化方案，至于怎么处理模块之间的依赖关系及如何按需打包，webpack会帮你处理好的。核心思想：一切皆模块：正如js文件可以是一个“模块（module）”一样，其他的（如css、image或html）文件也可视作模块。因此，你可以requir...

2019-05-07 09:42:14 1297

原创改变this指向的方法

第一种call()方法写法：函数.call(this, 内容一，内容二), 第一个参数要指向的后面的参数为函数执行的时候的实参window.str = 'window';var a = { str : 'a'}function fn(){console.log(this.str);}fn.call(); //windowfn.call(window); //window...

2019-05-07 09:25:27 134

原创 proto和 prototype 之间的关系

一、所有构造器/函数的__proto__ 都指向 Function.prototype 他只是个空函数Number.__proto__ === Function.prototype // trueBoolean.__proto__ === Function.prototype // trueString.__proto__ === Function.prototype ...

2019-04-01 19:30:54 320

原创 css样式大全

1.背景属性(background)色彩 {background-color: #FFFFFF;}图片 {background-image: url();}重复 {background-repeat: no-repeat;}滚动 {background-attachment: fixed;}(固定) scroll;(滚动)位置 {background-position: left;}(...

2019-03-28 22:34:01 559

原创 JS闭包的理解

一: 什么是闭包闭包解释:一个拥有许多变量和绑定了这些变量的环境的表达式闭包特点:函数嵌套函数内部函数可以访问外部函数的变量参数和变量不会被回收变量的作用域要理解闭包，首先必须理解JS特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。JS语言的特殊之处，就在于函数内部可以直接读取全局变量。　var k=123;　　function f1(){...

2019-03-23 15:03:08 1026

原创编程语言和javascript

编程语言的发展：第一代编程语言：机器语言，使用二进制的指令直接操作CPU进行工作。这种语言晦涩难懂，不利于人类阅读，编程难度非常大。第二代编程语言：汇编语言，采用一些“英文单词”（助记符）来表示CPU的某一条指令，方便程序员记忆CPU的指令。ADD AX 5;MOV BX 3;汇编语言在一定程度上降低了编程复杂度，但是不具有通用性（每一种CPU都有自己特定的指令集）。CPU不能直接识别汇...

2019-03-16 16:56:43 5662

原创箭头函数

es6中才可以用箭头函数var fn = fn => fn ;// 等同于var fn = function (fn ) { return fn ;};箭头函数可以与变量解构结合使用const full = ({ first, last }) => first + ' ' + last;// 等同于function full(person) { return...

2019-03-16 16:28:14 181

原创 es6中let和const区别

1.let变量let 声明的变量为局部变量,优点可以保证在某个域中变量不被其他变量污染不存在变量提升在同一个域下，不允许重复声明 { let a = 'aaa' var a = 'nnn' //禁止重复声明 }代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”var tmp =...

2019-03-16 16:01:09 345

原创 DOM方法

DOMgetElementById() 获取元素的idgetElementsByClassName() 获取元素的classgetElementsByClassName(“xxx”)[0] 通过索引获取到某一个单独的元素.getElementsByTagName(“xxx”) 通过标签...

2019-03-15 09:18:50 248 1

weixin_44707104的博客