㼛思雨-优快云博客

原创 express(1)

// 引入express框架const express = require('express');// 创建网站服务器const app = express();app.get('/' , (req, res) => { // send() // 1. send方法内部会检测响应内容的类型 // 2. send方法会自动设置http状态码 // 3. send方法会帮我们自动设置响应的内容类型及编码 res.send('Hello. Express')...

2021-04-24 16:40:19 343 1

原创 Vue表单基本操作

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> form div { height: 40px; line-height: 40px; } form div:nth-child(4) { hei...

2021-04-23 22:51:01 401

原创模板配置dateformat

06.jsconst template = require('art-template');const path = require('path');const dateFormat = require('dateformat');const views= path.join(__dirname, 'views','06.art');// 导入模板变量template.defaults.imports.dateFormat = dateFormat;// ...

2021-04-14 21:29:47 683 1

原创模板语法之模板继承

common里面新建一个layout.art文件，内容为：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> {{block 'link'}} {{/block}}</head><body> {{block 'content'}} {{/bloc...

2021-04-14 16:55:29 283

原创模板语法之子模板

view里面新建一个文件夹common，里面再新建两个文件夹footer和header04.art：{{ include './common/header.art' }}<% include('./common/header.art') %><div> {{ msg }} </div>{{ include './common/footer.art' }}<% include('./common/footer.art') %>04...

2021-04-14 15:39:57 144

原创模板语法之循环语法

03.jsconst template = require('art-template');const path = require('path');const views = path.join(__dirname, 'views', '03.art');const html = template(views, { users: [{ name: '张三', age: 20, sex: '男' },{ name: '李四', age: 30, sex: '男..

2021-04-14 15:19:53 302

原创模板语法之条件判断

02.js//导入模板引擎const template=require('art-template');const path=require('path');//template方法是用来拼接字符串的//1.模板路径绝对路径const views=path.join(__dirname,'views','02.art');// 2. 要在模板中显示的数据对象类型// 返回拼接好的字符串const html = template(views, { name: '张三', ag..

2021-04-14 15:10:38 722

原创模板语法之输出和原文输出

01.art文件。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><p>{{ name }}</p><p>{{ 1+1 }}</p><p&gt...

2021-04-14 14:58:42 261

原创 node.js之模板引擎

app.js//导入模板引擎const template=require('art-template');const path=require('path');//template方法是用来拼接字符串的//1.模板路径绝对路径const views=path.join(__dirname,'views','index.art');// 2. 要在模板中显示的数据对象类型// 返回拼接好的字符串const html = template(views, { ...

2021-04-14 13:04:31 548

原创 MongoDB、node来实现用户信息的增删改查

app.js:// 搭建网站服务器，实现客户端与服务器端的通信// 连接数据库，创建用户集合，向集合中插入文档// 当用户访问/list时，将所有用户信息查询出来// 实现路由功能// 呈现用户列表页面// 从数据库中查询用户信息将用户信息展示在列表中// 将用户信息和表格HTML进行拼接并将拼接结果响应回客户端// 当用户访问/add时，呈现表单页面，并实现添加用户信息功能// 当用户访问/modify时，呈现修改页面，并实现修改用户信息功能// 修改用户信息分为两...

2021-04-13 22:20:10 240

原创 Vue第一天学习总结

第一天学习总结Vue 是什么？ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合使用Vue将helloworld 渲染到页面上指令本质就是自定义属性 Vue中指定都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 <style type="text/css"> /*v-text ...

2021-04-13 16:53:47 196

原创 Vue之tab选项卡案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .tab ul { overflow: hidden; padding: 0; margin: 0; } .tab u...

2021-04-13 16:41:13 209

原创 Vue循环结构与遍历操作

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> </head><body> <div id="app"> <div v-if='score>=90'>优秀</div> <div v-else-if='...

2021-04-13 16:18:15 309

原创 Vue之属性绑定、样式绑定

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> <h1>简单计算器</h1> <div> <span>数值A:</sp...

2021-04-13 15:12:22 236

原创 Vue中自定义按键修饰符

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> <input type="text" v-on:keyup='handle' v-model='info'> </div&...

2021-04-13 11:23:59 370

原创 Vue按键修饰符

官网还有许多按键修饰符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> <form action=""> <div> 用户名： ...

2021-04-10 22:24:34 125

原创 Vue事件修饰符阻止冒泡和阻止默认行为

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> <div>{{num}}</div> <div v-on:click='handle0'> ...

2021-04-10 21:47:21 188

原创 Vue事件绑定之事件函数参数传递

<!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> <div ...

2021-04-10 16:02:37 2619 1

原创 Vue事件绑定

<!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> <div ...

2021-04-10 15:41:47 130

原创 mongoose集合关联

// 引入mongoose第三方模块用来操作数据库const mongoose = require('mongoose');// 数据库连接mongoose.connect('mongodb://localhost/playground', {useNewUrlParser:true, useUnifiedTopology: true}) // 连接成功 .then(() => console.log('数据库连接成功')) // 连接失败 .catch(err =&g...

2021-04-10 11:29:19 469

原创 mongoose验证规则（3）

// 引入mongoose第三方模块用来操作数据库const mongoose = require('mongoose');// 数据库连接mongoose.connect('mongodb://localhost/playground', { useNewUrlParser: true}) // 连接成功 .then(() => console.log('数据库连接成功')) // 连接失败 .catch(err => console.log(err, '数据库连接失败')).

2021-04-10 09:57:44 258

原创 mongoose验证规则（2）

// 引入mongoose第三方模块用来操作数据库const mongoose = require('mongoose');// 数据库连接mongoose.connect('mongodb://localhost/playground', { useNewUrlParser: true,useUnifiedTopology: true}) // 连接成功 .then(() => console.log('数据库连接成功')) // 连接失败 .catch(err => c...

2021-04-10 09:16:09 275

原创原型对象this指向问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.

2021-04-10 08:32:16 155

原创 Javascript的成员查找机制（规则）

按照原型链来查找的：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> ..

2021-04-10 08:25:20 256

原创原型链

原型链导图：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &lt.

2021-04-10 07:37:29 112

原创 mongoose验证规则（1）

// 引入mongoose第三方模块用来操作数据库const mongoose = require('mongoose');// 数据库连接mongoose.connect('mongodb://localhost/playground', { useNewUrlParser: true,useUnifiedTopology: true}) // 连接成功 .then(() => console.log('数据库连接成功')) // 连接失败 .catch(err => c...

2021-04-09 23:38:35 308

原创构造函数，实例，原型对象三者之间的关系

通过以上的内容分析。我们总结一下构造函数，实例，原型对象三者之间的关系，用一张图来表示：

2021-04-09 21:02:23 125

原创原型constructor构造函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&gt...

2021-04-09 20:57:40 338 1

原创原型对象proto

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g...

2021-04-09 15:48:35 190

原创原型

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title...

2021-04-09 14:40:12 84

原创构造函数中的静态成员和实例成员

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&gt...

2021-04-08 21:17:40 339

原创构造函数与原型

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&gt...

2021-04-08 16:20:35 78

原创搭建微信小程序开发环境

2021-04-08 16:01:51 144

原创微信小程序介绍

2021-04-08 15:26:33 79

原创 mongoDB更新文档操作方法

// 引入mongoose第三方模块用来操作数据库const mongoose = require('mongoose');// 数据库连接mongoose.connect('mongodb://localhost/playground', { useNewUrlParser: true,useUnifiedTopology: true}) // 连接成功 .then(() => console.log('数据库连接成功')) // 连接失败 .catch(err => c...

2021-04-08 15:07:33 121

原创 mongoDB删除文档操作

// 引入mongoose第三方模块用来操作数据库const mongoose = require('mongoose');// 数据库连接mongoose.connect('mongodb://localhost/playground', { useNewUrlParser: true,useUnifiedTopology: true}) // 连接成功 .then(() => console.log('数据库连接成功')) // 连接失败 .catch(err => c...

2021-04-08 14:48:20 224

原创 MongoDB查询文档各种方法

查询用户集合中年龄字段大于20并且小于40的文档// 引入mongoose第三方模块用来操作数据库const mongoose = require('mongoose');// 数据库连接mongoose.connect('mongodb://localhost/playground', { useNewUrlParser: true,useUnifiedTopology: true}) // 连接成功 .then(() => console.log('数据库连接成功...

2021-04-08 14:32:57 400

原创 mongoDB查询文档方法

// 引入mongoose第三方模块用来操作数据库const mongoose = require('mongoose');// 数据库连接mongoose.connect('mongodb://localhost/playground', { useNewUrlParser: true,useUnifiedTopology: true}) // 连接成功 .then(() => console.log('数据库连接成功')) // 连接失败 .catch(err => c...

2021-04-08 14:00:31 380

原创 mongDB数据库如何导入数据呢？

如何配置文件在上一节中已经介绍，此处不再赘述。在database中加入user.json文件引用：Compass可视化工具中刷新一下，就会找user文档。

2021-04-08 11:37:38 110

原创 MongoDB发现没有mongoimport文件时该怎么解决？

在学习MongoDB的过程中发现MongoDB里面bin文件夹下缺少mongoimport文件。原因：mongoimport mongoexport mongodump mongorestore 等工具,作为 mongodb database tools 提供了单独的下载入口https://www.mongodb.com/try/download/database-tools?tck=docs_databasetools1、点击download2、将下载好的文件解压到mongodb

2021-04-08 11:25:46 1897

js进制转换器.html

空空如也