- 博客(26)
- 收藏
- 关注
RSS订阅原创 VUE笔记（一）--前端工程化与 webpack
一、前端工程化模块化（js 的模块化、css 的模块化、资源的模块化） 组件化（复用现有的 UI 结构、样式、行为） 规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理） 自动化（自动化构建、自动部署、自动化测试）二、webpack的基本使用1. 什么是 webpack概念：webpack 是前端项目工程化的具体解决方案。主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端 JavaScript 的兼容性、性 能优化等强大的功
2022-01-06 19:31:51
354
原创 Git报错：remote: Support for password authentication was removed on August 13, 2021. Please use a perso
具体报错信息：fatal: User canceled device code authenticationremote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.remote: Please see https://github.blog/2020-12-15-token-authentication-require
2022-01-04 15:02:09
1002
原创 mongodb数据库设置账号和密码
1、输入命令行mongo 进入mongodb环境PS D:\文档\server4> mongo2、切换到admin数据库use adminMongoDB Enterprise > use adminswitched to db admin3、给admin设置账号和密码user:用户名pwd:用户密码roles:用来设置用户的权限，比如读，读写等等db.createUser({user:'root',pwd:'123456',roles:[...
2022-01-03 14:49:32
2683
原创 FormData对象实现二进制文件和图片上传
HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="/assets/bootstrap/dist/css/bootstrap.min.css"> <style type="text/css"
2022-01-03 13:34:15
711
原创 ajax函数封装
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> function ajax(options) { //
2022-01-01 17:17:46
483
原创 省市区联动
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>搜索框输入文字自动提示</title> <link rel="stylesheet" href="/assets/bootstrap/dist/css/bootstrap.min.css"> <style type="text/css"> .cont
2022-01-01 17:05:35
98
原创 搜索框内容自动提示
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>搜索框输入文字自动提示</title> <link rel="stylesheet" href="/assets/bootstrap/dist/css/bootstrap.min.css"> <style type="text/css
2022-01-01 16:45:28
562
1
原创 验证邮箱地址唯一性
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>验证邮箱地址是否已经注册</title> <link rel="stylesheet" href="/assets/bootstrap/dist/css/bootstrap.min.css"> <style type="text/css"> p:no
2022-01-01 16:44:03
209
原创 客户端模板引擎使用步骤
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 1. 将模板引擎的库文件引入到当前页面 --> <script src="/js/template-web.js"></script></head><
2022-01-01 16:42:33
115
原创 学生信息系统的创建流程
1、http请求响应(1)生成package.json文件npminit-y(2)创建网站服务器实现客户端和服务器的通信// 引入 http 模块const http = require('http');// 创建网络服务器const app = http.createServer();// 当客户端访问服务器的时候app.on('request', (req, res) => { res.end('ok');});// 事件监听app.listen(8..
2021-12-11 20:52:42
1008
原创 Node.js中导入dateformat遇见的问题moment
控制台报错信息const dateFormat = require('dateformat'); ^Error [ERR_REQUIRE_ESM]: require() of ES Module D:\文档\Web视频案例\Node\template\node_modules\dateformat\lib\dateformat.js from D:\文档\Web视频案例\Node\template\06.js not supported.Instead
2021-12-10 10:22:35
3341
原创 MongoDB数据库连接与创建
1.MongoDB第三方包使用Node.js操作MongoDB数据库需要依赖Node.js第三方包mongoose 使用npm install mongoose2.启动MongoDB在命令行工具中运行net start mongoDB即可启动MongoDB，否则MongoDB将无法连接3.数据库的连接使用MongoDB提供的connect方法即可连接//数据库连接mongoose.connect('mongodb://localhost/playground',{useN...
2021-12-04 11:21:40
724
原创 D:\文档\Web视频案例\Node\database＞ net stop mongodb发生系统错误 5。拒绝访问。
在使用mongoDB的时候命令行输入 net stop /start mongDB停止/启动数据数据库时，终端报错报错原因：权限不够，启动MongoDB服务需要以管理员的身份启动CMD解决方案：CMD命令提示符地址：右下角搜索cmd --> 右键点击 --> 以管理员方式运行即可,然后在终端输入启动/停止数据库命令...
2021-11-30 17:27:33
766
原创 node.js 报错解决办法 throw er； // Unhandled ‘error‘ event
原控制台输出：node:events:368 throw er; // Unhandled 'error' event ^Error [ERR_STREAM_WRITE_AFTER_END]: write after end at new NodeError (node:internal/errors:371:5) at ServerResponse.end (node:_http_outgoing:846:15) at Server.<ano
2021-11-28 11:35:11
34186
1
原创 控制台报错处理：[nodemon] app crashed - waiting for file changes before starting...
问题PS D:\文档\Web视频案例\Node\server> nodemon app.js[nodemon] 2.0.15[nodemon] to restart at any time, enter `rs`[nodemon] watching path(s): *.*[nodemon] watching extensions: js,mjs,json[nodemon] starting `node app.js`服务器已启动，监听3000端口，请访问 localhost:300
2021-11-28 11:13:11
8403
原创 HTTP协议、报文及请求和响应报文
1、概念超文本传输协议（英文：HyperTextTransferProtocol，缩写：HTTP）规定了如何从网站服务器传输超文本到本地浏览器，它基于客户端服务器架构工作，是客户端（用户）和服务器端（网站）请求和应答的标准。2、报文在HTTP请求和响应的过程中传递的数据块就叫报文，包括要传送的数据和一些附加信息，并且要遵守规定好的格式。3、请求报文1. 请求方式 （Request Method）lGET 请求数据 lPOST 发送数据2. 请求地址...
2021-11-28 10:19:01
237
原创 如何创建web服务器
// 引用系统模块 const http = require('http'); // 创建web服务器 const app = http.createServer(); // 当客户端发送请求的时候 app.on('request', (req, res) => { // 响应 res.end('<h1>hi, user</h1>'); }); // 监听3000端口 app.listen(3000); consol...
2021-11-28 09:50:08
712
原创 Node.js环境安装失败解决办法
1. 错误代号2502、2503失败原因：系统帐户权限不足。解决办法：以管理员身份运行powershell命令行工具 输入运行安装包命令 msiexec /package node安装包位置2. 执行命令报错失败原因：Node安装目录写入环境变量失败解决办法：将Node安装目录添加到环境变量中...
2021-11-27 16:06:44
1646
原创 Node.js中模块加载机制
模块查找规则-当模块拥有路径但没有后缀时require('./find.js');require('./find');require方法根据模块路径查找模块，如果是完整路径，直接引入模块。 如果模块后缀省略，先找同名JS文件再找同名JS文件夹 如果找到了同名文件夹，找文件夹中的index.js 如果文件夹中没有index.js就会去当前文件夹中的package.json文件中查找main选项中的入口文件 如果找指定的入口文件不存在或者没有指定入口文件就会报错，模块没有被找到模.
2021-11-27 16:00:06
91
原创 JavaScript开发弊端--文件依赖和命名冲突
项目依赖在项目的开发阶段和线上运营阶段，都需要依赖的第三方包，称为项目依赖 使用npm install 包名命令下载的文件会默认被添加到 package.json 文件的 dependencies 字段中 { "dependencies": { "jquery": "^3.3.1“ } } 开发依赖在项目的开发阶段需要依赖，线上运营阶段不需要依赖的第三方包，称为开发依赖 使用npm install 包名 --save-dev命令将包添加到packa
2021-11-27 15:56:30
299
原创 JavaScript基础语法
1、获取元素Document(1)、ID获取getElementById(‘ID’)(2)、标签名获取getElementsByTagName(‘标签名’)(3)、HTML5新增的方法获取类名获取getElementsByClassName(‘类名’)选择器获取document.querySelector(‘选择器’)根据指定选择器的第一个元素document.querySelectorAll(‘选择器’)根据指定选择器的所有元素(4)、特殊元素获取docoment.body获
2021-11-27 14:55:00
72
原创 函数的调用方法及this指向问题
1、普通函数（this指向window）functionfn(){console.log('认识的巅峰');}fn();/fn.call();2、对象的方法（this指向的是对象o）varo={sayHi:function(){console.log('认识的巅峰');}}o.sayHi();3、构造函数（this指向实例对象/原型对象里面的this也指向的是实例对象）function...
2021-11-27 14:52:53
160
原创 Gulp常用插件
gulp-htmlmin: html文件压缩使用npm安装包并将其添加到您的开发依赖项中：npminstall gulp-htmlmin使用const gulp = require('gulp');const htmlmin = require('gulp-htmlmin'); gulp.task('minify', () => { return gulp.src('src/*.html') .pipe(htmlmin({ collapseWhitespac..
2021-11-27 14:29:01
283
原创 The following tasks did not complete:first Did you forget to signal async completion?问题解决
问题学习gulp的前端自动化构建，按照示例代码，跑了一个简单的task，控制台显示：The following tasks did not complete: testGulpDid you forget to signal async completion?源代码const gulp = require('gulp');gulp.task('first', async() => { console.log('Hello World!'); // 1. 使用gulp
2021-11-27 11:24:57
372
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人