huangxunlove-CSDN博客

原创招银网络科技面试问题——前端

一面：自我介绍熟悉的框架？：vuevue的v-if和v-show的区别？盒子模型是什么？同源策略以及跨域问题怎么解决？不同解决办法的区别和对应不同的场景浏览器如何渲染页面的？熟悉的常用协议？vue的路由怎么使用，静态文件放在哪里？publice目录下vue是怎么进行数据驱动的二面：主要问项目，项目上遇到的问题和怎么解决，你主要做了哪些工作，是怎么和别人合作的三面：hr面，自我介绍，给定一些场景，你如何解决这些问题，你未来的人生计划等已经成功上岸啦，点击连接直接进入内推渠道：

2022-03-08 11:57:10 10485 8

原创 Node.js学习-day9-开发者模式

web开发者模式主要分为两种：服务器端渲染的概念：服务器发送给客户端的HTML页面，是在服务器通过字符串的拼接、动态生成的，因此，客户端不需要使用Ajax这样的技术额外请求页面的数据。前后端分离的概念：前后端分离的开发者模式，依赖于Ajax技术的广泛应用。简而言之，前后端分离的Web开发模式，就是后端只负责提供API接口，前端使用Ajax调用接口的开发者模式。服务器端渲染：身份认证推荐使用Session认证机制前后端分离：身份认证推荐使用JWT认证机制Session认证机制1、HTTP协议的无

2022-02-28 21:06:47 562

原创 Node.js学习-day8-数据库

数据库安装我们需要安装mysql和mysql workbench，其中mysql是数据库服务器，mysql workbench是可视化数据库管理工具安装mysql参考：https://blog.csdn.net/zhouzezhou/article/details/52446608安装mysql workbench参考：https://blog.csdn.net/weixin_42066185/article/details/106522156数据库常用语法--这是注释-- 通过 * 把user

2022-02-27 22:18:11 834

原创 Node.js学习-day7-编写接口

创建API路由模块//08.apiRouter.jsconst express = require('express')const router = express.Router()module.exports = router//09.使用express编写接口.jsconst express = require('express')const router = require('./08.apiRouter')const app = express()app.use('/api'

2022-02-27 14:10:22 169

原创 Node.js学习-day7-中间件

中间件中间件：特指业务流程中的中间处理环节Express的中间件，实质上就是一个function处理函数，格式如下：//这里的function 就是中间件函数app.get('/',function(req,res,next){ next();})注意，中间件函数的形参列表中，必须包含next参数，而路由处理函数中只包含req和res.next函数是实现多个中间件连续调用的关键，它表示把流转关系转交给下一个中间件或路由。全局生效的中间件客户端发起的请求，达到服务器之后，都会触发的中间件

2022-02-26 22:36:04 519

原创 Node.js学习-day6-Express路由

路由路由是三部分组成：method，路径，回调函数//路由最简单的方法，直接挂载到app上const express = require('express')const app =express()app.get('/',(req,res)=>{ res.send('get request')})app.post('/',(req,res)=>{ res.send('post request')})app.listen(80,()=>{ c

2022-02-26 19:47:51 152

原创 Node.js学习-day5-Express的基本使用

ExpressExpress是基于Node.js平台，快速、开放、极简的Web开发框架。1、安装与创建基本的web服务器创建一个空文件夹，安装express//安装expressnpm i express@4.17.1在根目录下创建一个js文件//导入expressconst express = require('express')//创建web服务器const app = express()//启动服务器app.listen(80,()=>{ console.l

2022-02-26 17:10:35 221

原创 Node.js学习-day4

解决下包速度慢的问题（1）切换npm的下包镜像源//查看当前的下包镜像源npm config get registry//将下包的镜像源切换为淘宝镜像源npm config set registry=https://registry.npm.taobao.org///检查镜像源是否下载成功npm config get registry（2）nrm//通过npm 包管理器，将nrm安装为全局可用的工具npm i nrm -g//查看所有可用的镜像源nrm ls//将下包的镜像源切换

2022-02-25 21:24:40 229

原创 Node.js学习-day3

1、http模块-创建最基本的web服务器//导入http模块const http = require('http');//创建服务器实例const server = http.createServer();//用request事件，监听客户端请求server.on('request',function (req,res){ console.log('Someone visit');})//启动服务器server.listen(8080,function (){ co

2022-02-24 16:38:35 204

原创 Node.js学习-day2

时钟案列要求：一个index.html文件包含css样式和js语法，程序要求能够将index.html中的css样式提取出来存放到clock文件夹下的clock.css中，将index.html中的js提取出来存放到clock文件夹下的clock.js中，最后将单纯的html存放到同级下的clock.html中。const fs = require('fs')const path = require('path')//匹配<style></style>和<script

2022-02-23 21:35:13 80

原创 Node.js学习-day1

fs文件系统模块fs模块是Node.js官方提供的、用来操作文件的模块，它提供了一系列的方法和属性，用来满足用户对文件的操作需求。//导入fs模块，在安装node.js时就已经安装了fs模块const fs = require('fs')//或者//要注意在package,json中添加type:module。因为node默认CommonJS规范，而import是ES6规范import fs from "fs";（1）fs读取文件内容 fs.readFile()方法// const fs

2022-02-22 21:55:11 98

原创 vue3.0学习-day5

1、SourceMapSource Map就是一个信息文件，里面存储着位置信息，也就是说，Source Map文件中存储着代码压缩混淆前后的对应关系。有了它，出错的时候，除错工具将直接显示原始代码，而不是转换后的代码，能够极大方便后期的调试。webpack默认开启Source Map功能，但是无法保证运行时报错的行数与源代码的行数保持一致。可以通过如下方式改进：//webpack.config.jsmodule.exports = { mode:'development', //此选项生成的So

2022-02-22 20:43:41 187

原创 vue3.0学习-day4

安装jquery是：npm i jquery -S1、webpackwebpack是前端工程化的具体解决方案。主要功能：它提供了友好的前端模块化开发支持，以及代码压缩管理、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。安装webpack//-D代表安装开发版本的webpacknpm i webpack@5.5.1 webpack-cli@4.2.0 -D在根目录下（在这里是code3目录）创建webpack.config.js文件//webpack.config.js文件

2022-02-22 16:36:14 335

原创 vue3.0学习-day3

1、API接口案例-初始化项目基于MySQL数据库+Express对外提供用户列表的API接口服务1、搭建项目的基本结构1）启用ES6模块化支持npm init -y在package.json的第一行添加type:‘module’2）安装项目依赖包npm i express@4.17.1 mysql2@2.2.53）创建基本的服务器//和package.json的同级目录下创建app.jsimport express from "express";const app = expr

2022-02-21 20:12:39 552

原创 vue3.0学习-day2

1、async/awaitasync/await是ES8引入的新语法，用来简化Promise异步操作。在async/await出现之前，开发者只能通过链式.then()的方式处理Promise异步操作。import thenFs from "then-fs"; async function getAllFile(){ const r1 = await thenFs.readFile('./file/1.txt','utf8') //这里输出的是文件里的具体内容，如果不加await则输

2022-02-20 21:25:15 299

原创 ES6模块导入导出总结

ES6模块导入导出主要分为三种：默认导入与默认导出按需导入与按需导出直接导入并执行模块中的代码1、默认导入与默认导出默认导出语法：export default 默认导出的成员let n1 = 10let n2 = 20function show()export default { n1, show}默认导入语法：import 接收名称 from ‘模块标识符’import m1 from './01_m1.js'注意事项：只允许使用唯一的一次export default

2022-02-20 18:51:49 691

原创 vue3.0学习-day1

1、初始化一个package.json文件方法：npm init -y2、在node.js下默认使用CommonJS规范，如果想使用ES6规范，要保证两点：1）node的版本号在v14.15.1之上2）在package.json下第一行添加"type":"module"3、回调地狱：多层回调函数的相互嵌套，就形成了回调地狱。例如：setTimeout(()=>{ console.log('第一层回调地狱') setTimeout(()=>{ console.log(

2022-02-08 20:52:55 624

原创 peer webpack@“^2.0.0“ from sass-loader@5.0.1

ECharts是关于图标类的库，涵盖各行业图表，满足各种需求。1、安装在初始化一个vue项目之后，直接使用npm安装npm install echarts --save之后可以在node_modules目录下看到有echarts文件夹

2021-12-18 22:11:13 3480

原创 vue-cli 路 Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFOUND codeload.github.com

好长时间没写代码了，今天打算学习vue的知识点，新建项目时发现出错，错误如下：于是登github查看，发现github登不上了，开了翻墙软件后，github登上了，问题还是没有解决。究其原因是连接不到webpack库。在百度之后查到解决方法如下：1、设置所有代理无效 nullnpm config set http-proxy nullnpm config set https-proxy null2、下载webpack库，地址https://github.com/vuejs-templates/

2021-12-16 11:28:15 2968 1

原创进度条 vue

效果图其他组件中引用：<Progress :step="step" :class="contentScrolled ? 'shadow' : ''" :steps="[ { 'zh-CN': '基本信息', 'en-US': 'Basic Info' }, { 'zh-CN': '身份选择', 'en-US': 'Identity' }, { 'zh-CN': '详细信息', 'en-US': 'Detail Info' }, { 'zh-CN': '确认并提交', 'en

2021-11-12 20:15:51 545

原创 popup组件提交成功失败动画

实现功能假设我们想在一个组件内点击，然后页面跳转到另外一个组件，显示另外一个组件的内容。实现方法目前有两个组件，App.vue和popup.vue第一种：在App.vue内引入popup.vue，然后直接通过ref方式和popup通信第二种：在App.vue中动态添加:submitData属性，后面submitData可以是绑定的一个值//通过this.$refs.pop可以拿到popup组件，因此在App.vue里可以对popup组件的值进行操作，在popup.vue中v-if//第二种是通

2021-11-12 16:55:39 720

原创文件上传 js

效果图html代码：<template>//intl是引入的函数，主要功能是进行标题的中英文转换，formData是一个json文件中引入的 <div title>{{ intl(formData['resume']) }}</div> <div> //注意这个input类型，是为了点击之后打开本地文件夹；accept是限制选择的文件类型只能是pdf； <input type="file" accept="applicatio

2021-11-12 16:25:42 639

原创 git常见使用命令

更改git用户名和邮箱在使用别人的vscode时，上传代码可能不是自己的用户名，非常不方便，可以使用如下命令：1、查看自己的git配置，注意gitconfig有时会不显示，切记在一个文件夹下git init，子文件夹中不能再git init，会报错，也就是因为出现了两个gitconfig，无法判定哪个是仓库cat ~/.gitconfig2、输入如下命令全局改变自己的用户名和邮箱git config -global user.name 'XXXXX'git config -global use

2021-11-04 11:45:57 247

原创 jade引擎换成ejs

在使用express框架时，默认引擎是jade，views会生成如下而对于jade不熟悉的我只能改成ejs。查看express版本express --version安装ejsnpm i ejs -s3.view引擎更改此时删除views下的index.jade,添加index.ejs，填入如下代码<h1> <%= title%></h1><p> welcome to <%= title%>&l

2021-10-21 16:25:30 460 1

原创使用Node.js进行Web开发（一）

在这篇开始，我们学习基于express框架开发一个微博网站。首先我们了解Node.js是基于MVC(模型-视图-控制器)的设计模式。模型是对象及其数据结构的实现，通常包含数据库操作；视图表示用户界面，在网站中通常就是HTML的组织架构；控制器用户处理用户请求和数据流、复杂模型，将输出传递给视图。步骤1、安装expressnom install -g express如果出现错误请看express无法识别2、建立项目express -t ejs microblog之后发现当前目录下

2021-10-21 11:54:52 1635

原创无法将“express”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。

今天遇到一个问题，使用npm install express -g之后，再express --help时报错：解决方法：主要原因是因为环境变量中没有express.exe，识别不了express关键字,执行如下代码即可，是为了去安装express“脚手架”。npm install express express-generator -g使用如下代码创建一个项目:express -t ejs(指定模板引擎) microblog(项目名)之后可以在当前目录下出现microblog文件。之后按

2021-10-20 21:39:01 4145

原创 Node.js快速入门

1、开始用vscode编程打开vscode新建demo.js，输入console.log(“hello world!”)，运行终端输入node demo.js，可以看到打印结果想要查看node详细信息，可以输入node --help查看；想要进入node的REPL模式，即输入——求值——输出循环模式，直接输入node，想要退出，两次Ctrl+c。这种方式很方便调试简单的计算等。建立HTTP服务器//app.jsvar http = require('http');http.createS

2021-10-16 16:36:52 153

原创 nvm多版本包管理器安装(win10)

什么是nvm？由于node.js的版本更新速度很快，有时候新版本还会将旧版本的API废除，以至于代码不能很好的向下兼容。有时候你可能因为一些需要使用新版本，但是又想保持旧版本的稳定环境。Node多版本管理器(Node Version Manager,nvm)可以实现node多个版本的管理。如果你已经安装好了Node.js和npm环境(参考node.js的安装win10),直接npm install -g n即可，但是这种方式不适用windows环境在nvm-window下载nvm-setu..

2021-10-15 18:08:03 347

原创 node.js的安装（win10）

在官网https://nodejs.org/en/下载适用自己电脑的node版本下载后直接双击打开，一路next，其中可以更改自己的安装路径在桌面左下角输入cmd打开命令提示符，输入node即可。通过这种方式安装node.js会自动附带npm，重新打开命令提示符输入npm -v可以查看npm版本...

2021-10-15 16:46:28 104

huangxunlove的博客