- 2022-02-27 Node.js Express框架学习笔记(三) 中间件(Middleware):局部中间件,应用级中间件,路由级中间件,错误处理中间件
前端OnTheRun
笔记nodejsexpressjs中间件node.jsexpress路由后端
文章目录0.Express中间件的概念定义本质调用流程next参数&next()函数中间件的作用中间件的分类注意事项1.局部生效的中间件示例2.应用级中间件(全局)语法示例:把复用性高的路由改成应用级中间件应用级中间件的注册顺序3.路由级中间件语法示例一:应用级中间件和路由级中间件的对比例子示例二:路由中间件只处理单一功能/页面4.错误处理中间件语法示例:处理浏览器地址访问不存在目录的错误0.Ex
- node中使用JWT生成token
℘团子এ
node.jsexpressnode.js
1.安装jsonwebtoken和express-jwtnpmijsonwebtokenexpress-jwt2.实例//安装:npmijsonwebtokenexpress-jwt//1.导入expressconstexpress=require('express')constjwt=require('jsonwebtoken')constexpressJWT=require('express-
- Node.js总结
会飛的魚,
node.js
文章目录node的知识点1.node的外层有一个函数2.node全局global3.node的事件循环4.Buffer缓冲器5.简单文件的读写6.流式文件的读写7.原生服务器8.mysql数据库语句9.mysql数据库的连接10.mogodb数据库连接11.express服务器12.http协议简介13.express中的request和response14.中间键的简介15.常用的第三方中间件1
- 高德地图react-native-amap3d的使用
孟宪磊mxl
reactnativeandroidreact.js
在这里简单给大家介绍一下react-native-amap3d的环境配置和使用案例更多功能可查看https://github.com/qiuxiang/react-native-amap3d首先npminstallreact-native-amap3dcdios&&podinstall&&cd..Android环境配置:路径:android/app/src/main/AndroidManifest
- JavaWeb——前端工程化
A_Tai2333333
JavaWeb前端
一、前端工程化1.什么是前端工程化:前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题,以提高效率和降低成本。2.前端工程化实现技术栈:ES6+Nodejs+npm+Vite+VUE3+Router+Pinia+Axios+Element-plusECMAScript6:VUE3中大量使用ES6语法;Nodejs:前端项目运行环境npm:依赖下载工具Vit
- vue+moment转化日期格式为年月日时分秒!最简洁版
暴富的Tdy
vue.js前端javascript
文章目录概要整体架构流程所用组件技术细节小结概要全局实行格式化日期,让你告别冗余处理时间代码整体架构流程使用moment插件实现官网:https://momentjs.cn/所用组件vue2moment技术细节首先执行npminstallmoment--save然后在main.js添加以下代码importmomentfrom'moment'//如果你的main.js每个组件都要vue.use那就加
- vue3项目导入ansi_up报错
夏与冰
常用插件前端javascriptes6
前言也是最近在研究项目里滚动输出log的功能时了解到这个插件的。简介ansi_up是一个轻量级JavaScript库,专为将含有ANSI颜色转义码的文本转换成HTML而设计。无论在浏览器还是Node.js环境中,它都能无缝运行。这个模块以单个ES6JavaScript文件的形式提供,无任何依赖,并且自2011年起已在生产环境稳定使用。安装npmiansi_up在页面中导入import{AnsiUp
- vue3+vite+ts+pinia新建项目(略详细版)
chu_geng
vue3tspinianaive-uivite
1、新建项目npmcreatevite@latest2、安装依赖yarnaddvue-routeryarnadd-D@types/nodevite-plugin-pagessasssass-loader3、配置别名//vite.config.tsimport{defineConfig}from'vite'importpathfrom'node:path'exportdefaultdefineCon
- npm之devdependencies dependencies 和peerDependencies区别
明小猪
npminstallmoduleNamenpminstallmoduleName命令安装模块到项目node_modules目录下。不会将模块依赖写入devDependencies或dependencies节点。运行npminstall初始化项目时不会下载模块。npminstall-gmoduleName命令安装模块到全局,不会在项目node_modules目录中保存模块包。不会将模块依赖写入dev
- 解决npm run dev无法被同局域网访问的问题
道长不会写代码
Vue教程npm前端node.js
解决npmrundev无法被同局域网访问的问题解决npmrundev无法被同局域网访问的问题引言问题分析解决方案1.使用0.0.0.0作为监听地址a.对于基于Node.js的服务器:b.对于VueCLI项目:2.使用ngrok内网穿透3.配置防火墙4.使用Docker结语解决npmrundev无法被同局域网访问的问题引言在使用npmrundev启动本地开发服务器时,经常会遇到生成的网络地址(通常是
- npm报错network request to https://registry.npmjs.org/fuse.js failed的解决方法
奔跑吧邓邓子
常见问题解答(FAQ)npm前端node.js
目录一、问题描述二、解决方法一、问题描述执行npminstall报错:npmERR!codeETIMEDOUTnpmERR!errnoETIMEDOUTnpmERR!networkrequesttohttps://registry.npmjs.org/fuse.jsfailed,reason:connectETIMEDOUT104.16.31.34:443npmERR!networkThisisa
- npm登录公司仓储
我爱甜甜圈
前端npmnpmnode.js
npmconfigsetregistryhttp://…npmadduser--registry=http://…npmlogin--registry=http://…
- npm 登录失败403
youaoTz
npm
npmlogin长时间没有相应,提示403切换registry解决npmconfigsetregistryhttps://registry.npmjs.com/npmconfiglist或者npmconfiggetregistry查看
- EXPO 结合 Alova请求库 快速搭建ReactNative开发平台
番茄小酱001
ReactNativeAlovareactnativereact.jsjavascript
alova是一个轻量级的请求策略库,目标是让接口的管理和使用变得非常简单。1、安装npminstallalova--save2、使用useRequest发送一个请求import{useRequest}from'alova'const{send:followAuthor}=useRequest((wtNo,status)=>follow({wtNo,status}),{immediate:false
- Gulp入门个人总结
薰衣草smile
Gulp入门个人总结参考资料:http://www.ydcss.com/archives/18http://www.techug.com/gulphttp://www.browsersync.cn/一.安装前提条件:已安装nodeJS*所有绿色带下划线均为指令在命令行下操作选装cnpm:受国内网络影响,设在国外的npm服务器在国内访问有可能出现异常,所以可选淘宝团队构建的cnpm来代替npm指令。
- 都2023了还不会Vue3?一篇笔记带你快速入门
Evan-Sky
vue3笔记arcgisvue.jsvueelementui前端
Vue3简介Vue3是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue都可以胜任。快速上手创建一个Vue3项目在vue3中推荐使用pnpm,如果没有安装pnpm,请先用npm全局安装:npminstall-gpnpm首先,我们需要通过Vite创建一
- 2019-03-21
蜜思1013
SPA:单页应用https://baike.baidu.com/item/SPA/175363131.场景(1)中后台管理系统(2)H5前端开发(3)跨端APP开发2.技术栈(1)SpringBootvue-cliIDEnpmElementUI(2)vue-cliSPA,npm,建议自己布局写样式(3)uni-app,Flutter,RN,cordova(调用底层API)3.IDE(1)WSVSc
- Chapter 06 axios使用指南
Heaven645
vue.js前端Vueaxios
欢迎大家订阅【Vue2+Vue3】入门到实践专栏,开启你的Vue学习之旅!文章目录前言一、导入二、发送GET请求三、发送POST请求四、处理响应前言在现代前端开发中,与后端API进行数据交互是至关重要的。Axios是一个基于Promise的HTTP客户端,用于浏览器和Node.js。本文详细介绍了Axios的基本用法。一、导入导入官网提供的axios在线地址:二、发送GET请求axios.get(
- nginx部署前端vue项目完整详细讲解
程序员小羊!
运维前端nginxvue.js
大家好,我是程序员小羊!前言:在使用Nginx部署前端Vue项目时,确保项目的生产环境版本已经打包,并且Nginx已经安装并配置在服务器上。以下是详细的步骤,包括打包Vue项目、配置Nginx、部署和测试项目。1.打包Vue项目首先,你需要将Vue项目编译为生产环境版本。可以通过VueCLI完成这一步。1.1安装依赖确保已经安装了Node.js和npm。然后在项目根目录下运行以下命令安装依赖:np
- Vue.js项目构建
彭于晏“
vue.js
Vue.js是一个流行的JavaScript框架,用于构建用户界面。下面是使用Vue.js构建项目的详细方法:安装Vue.js:首先,你需要在项目中安装Vue.js。你可以通过在终端中运行以下命令来安装Vue.js:npminstallvue创建Vue实例:在项目的入口文件中,创建一个Vue实例。你可以使用以下代码创建一个简单的Vue实例:importVuefrom'vue';newVue({el
- 安装nodejs及http-server
云游石
npm环境准备下载并安装nodejs1.打开https://nodejs.org/zh-cn/download/下载nodejs安装包;2.假设将nodejs安装在D:\ProgramFiles\nodejs目录下;3.在cmd下验证安装:d:>node-vd:>npm-v以上说明node及npm的命令都可以正常使用了。更改npm的默认路径nodejs的默认路径位于C:\Users\itsta\A
- npm、cnpm、pnpm使用详细
北城笑笑
NodeJSNPM前端node.jsnpm
简介:npm:npm全称NodePackageManager,是Node.js平台的默认软件包管理器,用于安装、发布和管理Node.js应用程序和软件包。它是一个命令行工具,允许开发人员在他们的项目中轻松地管理依赖项、安装软件包、更新软件包版本以及执行其他与软件包相关的任务。npm是nodejs中的一部分,通常与nodejs一起安装和更新。当你安装了nodejs,npm也随之安装。cnpm:cnp
- npm install webpack --save-dev为什么出错
阳光下的女汉子
webpack学习vue.jswebpack
下载webpack时候出错是什么原因错误是这样的错误的原因是这样的错误是这样的PSF:\web-lcm\webpack>npminstallwebpack--save--devnpmWARNinstallUsageofthe--devoptionisdeprecated.Use--only=devinstead.npmERR!codeENOSELFnpmERR!Refusingtoinstallp
- webpack4手动搭建Vue项目
YUELEI118
前端vue.js前端webpack
小满视频很多解释使用通义灵码搜的,通义灵码的搜索结果也是有错误的全程使用pnpm包管理工具,和npm的用法基本一样学习总结1.多看看webpack官网2.webpack的作用:配置一堆东西,达到运行程序的目的3.无论什么东西都转成js,然后插入到一个空空的html文件中运行4.webpack就是个管理者,管理着一堆loader,一堆loader的作用就是把自己负责的东西弄成js手动搭建Vue项目,
- 包管理工具:npm、npx、yarn、cnpm、pnpm
March_Qii
npm前端
包管理工具:npm、npx、yarn、cnpm、pnpmnpm概述包管理工具npm:NodePackageManager,也就是Node包管理器;如何下载和安装npm工具呢?npm属于node的一个管理工具,所以需要先安装Node;node管理工具:https://nodejs.org/en/,安装Node的过程会自动安装npm工具;npm管理的包可以在哪里查看、搜索呢?https://www.n
- 使用npm配置vue项目历程
hzw0510
前端开发npmvue.js前端
1、使用npm配置vue项目历程1.1、npm安装项目环境很慢配置国内淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.org指定国内镜像仓下载软件npminstall-gcnpm--registry=https://registry.npm.taobao.org2.2、报错证书过期清理缓存npmcacheclean--force禁用SSLnp
- unpkg.com无法访问
Red_Xx
javascript
换成https://cdn.jsdelivr.net/npm-->-->
- Vue3初识
冲锋敢死曾小贤
利用vite创建vue3项目npminitvite-appprojectName安装依赖运行项目:cdprojectNamenpminstallnpmrundev数据双向绑定必须要使用ref,reactive方法,基本数据类型用ref,引用数据类型用reactiveimport{ref,reactive}from'vue'letstr2=ref("走位走位");letobj=reactive({n
- npm run build部署到云服务器中的Nginx(图文配置)
码农研究僧
配置npm服务器nginx
目录前言1.配置流程2.实战流程3.其余配置前言对于Nginx的基本知识推荐阅读:Nginx将https重定向为http进行访问的配置(附Demo)详细分析Nginx配置参数(附Demo)Nginx配置静态网页访问(图文界面)Nginx从入门到精通(全)一开始访问不到,以为是Nginx的配置哪里有问题,最后发现云服务器有个必不可少的点要注意,此贴主要为了记录总结1.配置流程基本的知识点可以参照前言
- Npm Yarn Pnpm 设置国内镜像
想望着太阳
npmyarnnodenpm前端yarnnode.js
npm查看当前镜像npmconfiggetregistry设置淘宝镜像npmconfigsetregistryhttps://registry.npmmirror.com切回原镜像npmconfigsetregistryhttps://registry.npmjs.orgyarn查看当前镜像yarnconfiggetregistry设置为淘宝镜像yarnconfigsetregistryhttps
- HttpClient 4.3与4.3版本以下版本比较
spjich
javahttpclient
网上利用java发送http请求的代码很多,一搜一大把,有的利用的是java.net.*下的HttpURLConnection,有的用httpclient,而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。
httpclient又可分为
httpclient3.x
httpclient4.x到httpclient4.3以下
httpclient4.3
- Essential Studio Enterprise Edition 2015 v1新功能体验
Axiba
.net
概述:Essential Studio已全线升级至2015 v1版本了!新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件,还有其他一些控件功能升级,精彩不容错过,让我们一起来看看吧!
syncfusion公司是世界领先的Windows开发组件提供商,该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本
- [宇宙与天文]微波背景辐射值与地球温度
comsci
背景
宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢?
如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢?
&nbs
- lvs-server
男人50
server
#!/bin/bash
#
# LVS script for VS/DR
#
#./etc/rc.d/init.d/functions
#
VIP=10.10.6.252
RIP1=10.10.6.101
RIP2=10.10.6.13
PORT=80
case $1 in
start)
/sbin/ifconfig eth2:0 $VIP broadca
- java的WebCollector爬虫框架
oloz
爬虫
WebCollector主页:
https://github.com/CrawlScript/WebCollector
下载:webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。
接下来看demo
package org.spider.myspider;
import cn.edu.hfut.dmic.webcollector.cra
- jQuery append 与 after 的区别
小猪猪08
1、after函数
定义和用法:
after() 方法在被选元素后插入指定的内容。
语法:
$(selector).after(content)
实例:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></scr
- mysql知识充电
香水浓
mysql
索引
索引是在存储引擎中实现的,因此每种存储引擎的索引都不一定完全相同,并且每种存储引擎也不一定支持所有索引类型。
根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引,总索引长度至少为256字节。
大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种:BTREE和HASH,具体和表的存储引擎相关;
MYISAM和InnoDB存储引擎
- 我的架构经验系列文章索引
agevs
架构
下面是一些个人架构上的总结,本来想只在公司内部进行共享的,因此内容写的口语化一点,也没什么图示,所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全,希望抛砖引玉,大家互相讨论。
要注意,我这些文章是一个总体的架构经验不针对具体的语言和平台,因此也不一定是适用所有的语言和平台的。
(内容是前几天写的,现附上索引)
前端架构 http://www.
- Android so lib库远程http下载和动态注册
aijuans
andorid
一、背景
在开发Android应用程序的实现,有时候需要引入第三方so lib库,但第三方so库比较大,例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验,发现通过远程下载so文件,然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。
二、主要
- linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法
baalwolf
option
在客户端访问subversion版本库时出现这个错误:
svnserve.conf:12: Option expected
为什么会出现这个错误呢,就是因为subversion读取配置文件svnserve.conf时,无法识别有前置空格的配置文件,如### This file controls the configuration of the svnserve daemon, if you##
- MongoDB的连接池和连接管理
BigCat2013
mongodb
在关系型数据库中,我们总是需要关闭使用的数据库连接,不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制,如果正对此有疑惑的朋友可以看一下。
通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧,mongoDB中当我们new一个Mongo的时候,会发现它也
- AngularJS使用Socket.IO
bijian1013
JavaScriptAngularJSSocket.IO
目前,web应用普遍被要求是实时web应用,即服务端的数据更新之后,应用能立即更新。以前使用的技术(例如polling)存在一些局限性,而且有时我们需要在客户端打开一个socket,然后进行通信。
Socket.IO(http://socket.io/)是一个非常优秀的库,它可以帮你实
- [Maven学习笔记四]Maven依赖特性
bit1129
maven
三个模块
为了说明问题,以用户登陆小web应用为例。通常一个web应用分为三个模块,模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web,
user-service依赖于user-core
user-web依赖于user-core和user-service
依赖作用范围
Maven的dependency定义
- 【Akka一】Akka入门
bit1129
akka
什么是Akka
Message-Driven Runtime is the Foundation to Reactive Applications
In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio
- zabbix_api之perl语言写法
ronin47
zabbix_api之perl
zabbix_api网上比较多的写法是python或curl。上次我用java--http://bossr.iteye.com/blog/2195679,这次用perl。for example: #!/usr/bin/perl
use 5.010 ;
use strict ;
use warnings ;
use JSON :: RPC :: Client ;
use
- 比优衣库跟牛掰的视频流出了,兄弟连Linux运维工程师课堂实录,更加刺激,更加实在!
brotherlamp
linux运维工程师linux运维工程师教程linux运维工程师视频linux运维工程师资料linux运维工程师自学
比优衣库跟牛掰的视频流出了,兄弟连Linux运维工程师课堂实录,更加刺激,更加实在!
-----------------------------------------------------
兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1
链接:http://pan.baidu.com/s/1i3GQtGL 密码:bl65
兄弟连Lin
- bitmap求哈密顿距离-给定N(1<=N<=100000)个五维的点A(x1,x2,x3,x4,x5),求两个点X(x1,x2,x3,x4,x5)和Y(
bylijinnan
java
import java.util.Random;
/**
* 题目:
* 给定N(1<=N<=100000)个五维的点A(x1,x2,x3,x4,x5),求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5),
* 使得他们的哈密顿距离(d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|)最大
- map的三种遍历方法
chicony
map
package com.test;
import java.util.Collection;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;
public class TestMap {
public static v
- Linux安装mysql的一些坑
chenchao051
linux
1、mysql不建议在root用户下运行
2、出现服务启动不了,111错误,注意要用chown来赋予权限, 我在root用户下装的mysql,我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf)
chown -R cc /etc/init.d/mysql
- Sublime Text 3 配置
daizj
配置Sublime Text
Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项:no_bold不显示粗体字,no_italic不显示斜体字,no_antialias和
- MySQL server has gone away 问题的解决方法
dcj3sjt126com
SQL Server
MySQL server has gone away 问题解决方法,需要的朋友可以参考下。
应用程序(比如PHP)长时间的执行批量的MYSQL语句。执行一个SQL,但SQL语句过大或者语句中含有BLOB或者longblob字段。比如,图片数据的处理。都容易引起MySQL server has gone away。 今天遇到类似的情景,MySQL只是冷冷的说:MySQL server h
- javascript/dom:固定居中效果
dcj3sjt126com
JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&
- 使用 Spring 2.5 注释驱动的 IoC 功能
e200702084
springbean配置管理IOCOffice
使用 Spring 2.5 注释驱动的 IoC 功能
developerWorks
文档选项
将打印机的版面设置成横向打印模式
打印本页
将此页作为电子邮件发送
将此页作为电子邮件发送
级别: 初级
陈 雄华 (
[email protected]), 技术总监, 宝宝淘网络科技有限公司
2008 年 2 月 28 日
&nb
- MongoDB常用操作命令
geeksun
mongodb
1. 基本操作
db.AddUser(username,password) 添加用户
db.auth(usrename,password) 设置数据库连接验证
db.cloneDataBase(fromhost)
- php写守护进程(Daemon)
hongtoushizi
PHP
转载自: http://blog.csdn.net/tengzhaorong/article/details/9764655
守护进程(Daemon)是运行在后台的一种特殊进程。它独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程是一种很有用的进程。php也可以实现守护进程的功能。
1、基本概念
&nbs
- spring整合mybatis,关于注入Dao对象出错问题
jonsvien
DAOspringbeanmybatisprototype
今天在公司测试功能时发现一问题:
先进行代码说明:
1,controller配置了Scope="prototype"(表明每一次请求都是原子型)
@resource/@autowired service对象都可以(两种注解都可以)。
2,service 配置了Scope="prototype"(表明每一次请求都是原子型)
- 对象关系行为模式之标识映射
home198979
PHP架构企业应用对象关系标识映射
HELLO!架构
一、概念
identity Map:通过在映射中保存每个已经加载的对象,确保每个对象只加载一次,当要访问对象的时候,通过映射来查找它们。其实在数据源架构模式之数据映射器代码中有提及到标识映射,Mapper类的getFromMap方法就是实现标识映射的实现。
二、为什么要使用标识映射?
在数据源架构模式之数据映射器中
//c
- Linux下hosts文件详解
pda158
linux
1、主机名: 无论在局域网还是INTERNET上,每台主机都有一个IP地址,是为了区分此台主机和彼台主机,也就是说IP地址就是主机的门牌号。 公网:IP地址不方便记忆,所以又有了域名。域名只是在公网(INtERNET)中存在,每个域名都对应一个IP地址,但一个IP地址可有对应多个域名。 局域网:每台机器都有一个主机名,用于主机与主机之间的便于区分,就可以为每台机器设置主机
- nginx配置文件粗解
spjich
javanginx
#运行用户#user nobody;#启动进程,通常设置成和cpu的数量相等worker_processes 2;#全局错误日志及PID文件#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log inf
- 数学函数
w54653520
java
public
class
S {
// 传入两个整数,进行比较,返回两个数中的最大值的方法。
public
int
get(
int
num1,
int
nu