自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 6.node----中间件

中间件(Middleware),特指业务流程的中间处理环节。全局中间件多个// 以下两种写法是“完全等件”的,可根据自己的喜好,选择任意一种方式进行使用 app . get('/' , mw1 , mw2 ,(req , res) => {需求描述// 定义中间件具体的业务逻辑 })封装。

2023-01-20 13:55:23 295

原创 5.nodejs----Express

官方给出的概念:Express是基于Node.js平台快速、开放、极简的Web开发框架。通俗的理解:Express的作用和Node.js内置的http模块类似,是专门用来创建Web服务器的。Express的本质:就是一个npm上的第三方包,提供了快捷创建Web服务器的便捷方法。广义上来讲,路由就是映射关系。

2023-01-20 13:54:07 187

原创 node----模块的加载机制

使用require()加载自定义模块时,必须指定./或…/开头的路径标识符。在加载自定义模块时,如果没有指定./或…/这样的路径标识符,则node会把它当作内置模块或第三方模块进行加载。按照确切的文件名进行加载补全.js扩展名进行加载补全.json扩展名进行加载补全.node扩展名进行加载加载失败,终端报错。

2023-01-16 09:22:54 349

原创 node.js 保姆级笔记系列

很久没写bolg了,更新下,这是我之前学习node.js时看视频做的记录,大部分都是视频中ppt内容,这里自己做了一个整理,需要文档的自取目录1.http模块2.模块化3.npm与包持续更新中…

2023-01-11 10:58:52 174

原创 node----npm与包

Node.js中的第三方模块又叫做包。就像电脑和计算机指的是相同的东西,第三方模块和包指的是同一个概念,只不过叫法不同。

2023-01-11 10:44:38 159

原创 node----模块化

模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说,模块是可组合、分解和更换的单元。编程领域的模块化,就是遵守固定的规则,把一个大文件拆分成独立并互相依赖的多个小模块。提高了代码的复用性提高了代码的可维护性可以实现按需加载和函数作用域类似,在自定义模块中定义的变量方法等成员,只能在当前模块内被访问,这种模块级别的访问限制,叫做模块作用域。// 1.在模块作用域中定义常量usernameconst username = '张三'

2023-01-11 10:41:39 97

原创 node.js----http模块

回顾: 什么是客户端、什么是服务器在网络节点中,负责消费资源的电脑,叫做客户端;负责对外提供网络资源的电脑,脚做服务器。http模块是Node.js官方提供的、用来创建web服务器的模块。通过http模块提供的http.createServer()方法,就能方便的把一台普通电脑,变成一台web服务器,从而对外提供Web资源服务。

2023-01-11 10:35:18 178

原创 node-sass安装总结,node-sass安装报错,nvm使用

nvm install 14.15.0 (这里比如需要14.15.0版本的node,nvm是node版本管理工具,可以通过这个命令安装这个node版本,很方便)这证明确实是从网络上下载失败了(我这里是内网公司政策我就手动打了xxx所以下载地址不是github,正常的下载地址应该是github)安装nvm (可以参照宫网:https://github.com/nvm-sh/nvm)第一种就是乖乖的安装python,然后在去配置python环境变量。nvm use v14.15.0(然后切换)

2022-10-13 23:19:05 995

原创 router学习(二): 路由导航守卫

路由导航守卫有哪些:全局守卫组件内守卫独享守卫。

2022-09-06 23:03:04 1118 2

原创 router学习(一):嵌套路由映射

匹配到的路由直接替换router-view标签相当于路由组件router-view就是直接用你页面的组件去替换就是这么个意思理解成一般的组件然后内容就是页面的内容就好理解了上面基础的路由使用明白了,然后说一下本文想说的嵌套路由。User是你自己的组件嵌套就是可以在页面组件中用router-view来渲染一个组件到当前页面组件中:比如在user组件中在加一个profile组件:routes中定义就需要多一个children,...

2022-08-29 11:36:28 266

原创 vue中__ob__: Observer取不到值?谈谈vue中__ob__: Observer的理解

然后你很奇怪为什么console有数据,这就是开头说的vue的数据监控,你能console出这个数据是因为vue对这个数据设置的监控器,这个数据被改变将会输出改变的最终值,然后控制台看到的就是你请求的返回数据了,但是请求比较长的话还是会console出undefined的具体这个时间差是多少就不知道了也不是很重要了,检查一下自己的业务代码吧,还有其它情况也有可能会出现。这个解释有点书面,很多人不太知道为什么要监控,我其它地方也是正常的数据为什么又可以枚举,为什么这里就这样拿不到值了。...

2022-08-02 14:45:37 796

原创 vue中的动态导入样式表

如果vue需要根据平台动态导入样式可以这样操作在main.js中定义一个判断平台的变量:在vue2.x中main.js:在vue3.0 vite中因为import发生在编译前,定义的变量还没有被解析就已经执行这时候找不到变量,所以需要同步来执行懒加载。main.js:......

2022-06-22 17:20:42 1013

原创 Oracle命令小结

系统用户:以上dba_xxxx属于系统用户可以查看的数据字典,user_xxxx为普通用户能查看的数据字典,系统用户也可以查看user_xxxx数据字典,普通用户不能查看dba_xxxx。dba_data_files数据字典查看系统表空间和临时表空间是什么的命令(临时表空间一般只有temp,如果还需要是需要自己创建的,SYSTEM账号默认表空间名为STYSTEM,普通用户为USER):修改默认表空间命令(普通用户没有修改默认表空间的权限,修改权限需要去设定才能有):eg:eg:注意: 使用as关键字设

2022-06-22 17:13:28 308

原创 navicat 连接数据库一直报错,或者1045,需要修改权限

Access denied for ‘password’. Authentication that can continue: publickey,gssapi-keyex,gssapi-with-mic,password (13)1.进入阿里云服务器2.进入数据库mysql -u root -p3.设置mysql数据库权限(允许其他服务器连接数据库)grant all privileges on . to ‘用户名’@‘%’ identified by ‘数据库登录密码’ with grant o

2022-06-22 17:01:13 4492 4

原创 用的比较少但是很实用的css属性,总结

img元素有两个特别好用的属性object-fit和object-position属性。它们让我们可以控制 的内容如何调整大小和位置,就像CSS背景图片一样。object-fit的可能值有:fill, contain, cover, none, scale-down它可以这样使用。怎么理解勒,简单点就是比如一张图片400400,但是你给大小是10050,那么这个图片就会变形,但是可以用这两个属性就变成了类似一个div,背景是这个图片,当成了一个背景使用,而不会被变形了,特殊需求可能会很有用。可选值有

2022-06-22 16:56:51 129

原创 vue使用firebase做用户数据分析

2.添加项目在firebasehttps://console.firebase.google.com/firebase项目的配置信息:main.js中:我安装的时候:firebase版本4.组件中使用监听用户行为5.chrome安装插件Google Analytics Debugger安装Google Analytics Debugger插件并打开开关,然后去到firebase控制台点击DebugView栏目,同时刷新自己的项目页面,然后在DebugView栏目选择自己的设备:选择自己的设备

2022-06-22 16:52:13 1216

原创 vue中好用的视频插件推荐,video+canvas实现视频截图第一帧,ffmpeg实现视频截图第一帧

我项目需求上传需要做封面图,然后安卓用户的插件可以支持自动截取视频第一张图,ios手机上的因为限制不支持视频自动去加载元数据不会自动截取视频第一张图,所以ios的需要特殊处理一下,先将视频设置为运行小窗口播放,然后视频加载时执行一下手动播放然后马上暂停,因为ios不支持自动播放要获取第一帧必须点击一下播放视频,代码如下:...

2022-06-22 16:33:06 4146 2

原创 兼容ios上textarea字符数的问题

在ios上textarea如果使用粘贴会出现换行计算两个字符数,就是/n计算的是两个字符,导致maxlength计算不一致, 这就让电脑上和手机上显示的数量不一致:使用复制粘贴后(复制刚刚的包含一个换行的输入):为什么显示49是因为粘贴会自动加一个空格所以是49,实际是48个字符无法输入, 电脑上粘贴不会出现maxlength计算错误问题,这就是ios有点坑的地方自己设计的maxlength计算规则却不一致,这不扯吗…无奈只能自己写方法去兼容下,这里说清楚了原因,应该都能写出兼容方法了,我就粘贴个我自己写

2022-06-22 16:28:05 553

原创 web中图片被自动旋转了,怎么解决

图片旋转, web中图片加载后被旋转了, 利用Exif旋转图片

2022-06-22 16:21:36 1502

原创 vue手机调试,mac手机手机调试,squidman设置

就是这个红色的小章鱼,我觉得还是很好用推荐一下。下载地址在官网有:https://squidman.net/squidman/然后使用的时候配置很简单,1.电脑和手机要在一个wifi下2.设置squidman3.设置手机wifi代理好了手机可以访问你电脑的本地项目了,比如你的vue启动的本地服务,local*******:xxxx或者其它的自定义的host...

2021-08-26 11:08:46 217

原创 ECS centOS8 服务器配置LAMP详细踩坑步骤

首先按照官网新手教程安装步骤操作即可:https://help.aliyun.com/document_detail/50774.html?spm=a2c4g.11186623.2.27.324b44ccpvSwAr#concept-vm4-crt-2fb官网新手搭建教程官网新手搭建教程步骤一 基本上你购买了没有任何操作的时候默认防火墙什么的都是关闭状态可以直接跳过,如果你操作过这些东西就按照官网步骤将他们一一关闭就可以了。第一个坑安装apache的时候输入公网IP没有服务

2021-06-22 14:51:05 158

原创 vue中引用svg,vue引入svg不显示,vue引用svg配置,vue3.0+ts如何配置svg

注意:如果按照下面配置正确发现svg依然无法显示可能s'v'g-sprite-loader的版本过高,重新指定版本下载npm i svg-sprite-loader@3.8.0 --save-dev, 就可能正确显示svg。(vue3.0应该是没有这个问题的)还有就是可能是创建的icons不在src根目录(2.x最开始我尝试在assets中创建文件来装svg图标,但是并没有显示,换到根目录就正常了,具体应该是那里还是有点问题,3.0正常,按道理讲应该是放到assets中也是可以的以后空了研究暂时这样

2021-06-22 14:34:59 4519

原创 vue如何使用sass,vue如何使用less

vue2.x cli21、npm i sass-loader@7.3.1 node-sass style-loader css-loader webpack -Dstyle-loader css-loader是需要一起安装的备注:单独写--save或者--dev都只会被安装到生产环境,一起写才是安装到开发环境安装过程中可能会由于sass版本过高导致报错: this.getResolve is not a function. 或者报其它错误,所以sass-loader这里我指定了版本7.3.1

2021-06-22 14:32:05 212

原创 iconPark的使用

9月份字节跳动推出了iconPark图标,可以直接支持Vue,React。于是我就尝试了下,发现确实好用。我使用的格式是svg格式也支持直接使用图片。官网:https://iconpark.bytedance.com/在vue 还有 react中使用的话只需要去官网复制代码直接项目使用就ok,代码往往很简洁比如:<mail theme="outline" size="24" fill="#333"/>这就是一个邮件的svg icon,使用步骤:(官网有教程我这里只记录vu

2021-06-22 14:28:06 7020

原创 vue router自动导入,动态导入,异步加载组件

router自动加载组件具体详情 router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)let siteRoutes = [];function importAll(r) {//r 参数自带两个处理属性一个keys 一个是resolve 这里用的keys 具体看官网APi: context module API r.keys().forEach((key) =

2021-06-22 14:25:38 990

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除