
Web前端
文章平均质量分 65
Web前端、Html、CSS、JavaScript、Vue、Webpack、NodeJs等
rivercoder
技术改变生活
展开
-
Mac下nvm安装使用
nvm 是 Mac 下的 node.js 管理工具。可以通过 nvm 安装和切换不同版本的 node.js。原创 2023-04-24 21:30:44 · 899 阅读 · 1 评论 -
Hexo博客主题Next添加动态线条背景canvas_nest
为了美化Hexo博客,可以给博客添加动态线条背景,这里使用canvas_nest,同样地,如果再添加第三方主题,也可以同样配置,比如我们点击时显示爱心。2、修改配置:themes/next/_config.yml。Hexo 版本:5.4.0。Next版本:8.7.1。原创 2022-09-14 21:55:03 · 1428 阅读 · 0 评论 -
Hexo博客jsdelivr资源访问超时导致博客打不开
最近访问自己博客的时候,发现首页访问很慢,甚至打不开,有些浏览器可以,打开控制台,发现访问的前端资源很多都是超时的。原创 2022-06-07 23:22:15 · 667 阅读 · 0 评论 -
json-server结合mockjs搭建本地数据模拟服务
json-server安装使用可以参考博文:利用json-server搭建本地数据接口。json-server除了使用db.json提供静态数据,还可以结合mockjs提供动态数据,下面介绍使用方法。1、安装mockjsnpm install mockjs --save2、mockjs使用新建js文件:users.js,内容如下:let Mock = require('mockjs');let random = Mock.Random;module.exports = ()原创 2022-01-16 18:34:35 · 646 阅读 · 2 评论 -
CentOS7.6安装nodejs
欢迎光临我的博客查看最新文章:https://river106.cnnodejs下载:下载 | Node.js 中文网将下载的软件放在/opt/software下,或者进入/opt/software直接使用wget下载。cd /opt/software# 下载wget https://npmmirror.com/mirrors/node/v16.13.1/node-v16.10.0-linux-x64.tar.xz# 解压tar -xvf node-v16.10.0-linu..原创 2021-12-11 17:43:19 · 1390 阅读 · 0 评论 -
使用Hexo+Next搭建个人博客
欢迎光临我的博客查看最新文章: https://rivers106.cn1、博客系统:Hexo官网:Hexo安装(需要安装nodejs, nodejs自带了npm包管理)npm install hexo-cli -gHexo 版本:5.4.0原创 2021-12-11 21:25:02 · 1472 阅读 · 0 评论 -
利用json-server搭建本地数据接口
1、简介前端在开发前后端分离项目中,往往后端接口没有那么快提供,此时前端同学就需要根据后端提供的接口文档来模拟接口的json数据,此时就可以利用json-server搭建一个本地的数据接口。json-erver 是一个 Node 模块,运行 Express 服务器,在前端开启的本地服务,提供json数据。包地址:json-server - npm。2、安装创建文件夹json-server-demo(不要使用json-server),初始化package,json文件:npm i原创 2021-12-10 22:35:00 · 1919 阅读 · 2 评论 -
jQuery实现在线预览PDF文件
Web实现在线预览PDF文件,可通过jQuery.media实现,首先引入jQuery和jQuery.media库:<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.media.js"></script> jQuery:https://code.jquery.com/jquery-3.6.原创 2021-12-03 21:14:09 · 6080 阅读 · 3 评论 -
使用Vue+ElementUI+axios开发好看的单页应用
最近Vue已然比较火,公司后台系统的前端也在逐渐改造成Vue。Vue一个渐进式JavaScript框架,官网:Vue.js;ElementUI:饿了么开源的前端UI组件库,里面很多组件可以直接拿来使用,很方便,有了它,后端程序猿也能开发出好看的页面了!官网:https://element.eleme.cn/#/zh-CN/component/installationElement - The world's most popular Vue UI frameworkaxios:易用、简洁且.原创 2021-10-16 09:57:11 · 2766 阅读 · 0 评论 -
springboot访问html页面
最近做一个小功能,一个html单页完成信息展示及操作,前端使用Vue+ ElementUI,后端使用springboot提供接口,需要在后端springboot项目中直接访问html页面,这样做比较简单。1、先写一个springboot基础项目这里不做介绍,可参考博文:SpringBoot入门教程一:SpringBoot之Hello World2、resources下新增配置文件application.ymlserver: port: 8080spring: mvc: .原创 2021-10-15 23:22:45 · 1787 阅读 · 0 评论 -
十分钟上手JWT(JSON Web Token)
JWT,JSON Web Token的简写,是目前比较流行的跨域认证解决方案,它不是一个具体的技术实现,而更像是一种标准。官网:JSON Web Tokens - jwt.io原创 2021-12-25 16:06:51 · 669 阅读 · 1 评论 -
使用webpack5打包js文件
1、设置npm包安装路径npm config set prefix="D:\environment\nodejs\node_modules\npm\node_global_modules"npm config set cache=" D:\environment\nodejs\node_modules\npm\node_cache"2、安装webpacknpm install webpack -gnpm install webpack-cli -g安装成功后会有如下2个文件夹:原创 2021-03-21 22:09:00 · 1215 阅读 · 1 评论 -
使用SpringBoot将手机中的照片上传到电脑
如果手机访问不了电脑,请参考博文:同一wifi或局域网下手机访问windows10电脑。上传文件大小限制原创 2021-01-16 22:27:30 · 762 阅读 · 0 评论 -
npm安装cnpm时报错:npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID
使用 npm install cnpm -g 安装淘宝镜像加速器cnpm 时报错:npm ERR! code ERR_TLS_CERT_ALTNAME_INVALIDnpm ERR! errno ERR_TLS_CERT_ALTNAME_INVALIDnpm ERR! request to https://registry.cnpmjs.org/cnpm failed, reason: Hostname/IP does not match certificate's altnames: Host:原创 2020-10-08 20:58:07 · 1691 阅读 · 3 评论 -
创建属于自己的gitbook
目录一、gitbook简介二、gitbook安装部署1、安装nodejs2、安装gitbook3、gitbook使用一、gitbook简介GitBook是一个基于 Node.js 的命令行工具,可使用 Github/Git 和 Markdown 来制作精美的电子书,GitBook 并非关于 Git 的教程。GitBook支持输出多种文档格式:静态站点:GitBook...原创 2019-10-13 23:47:52 · 1197 阅读 · 0 评论 -
http状态码对照表
2xx 成功 200 正常;请求已完成。201 正常;紧接 POST 命令。202 正常;已接受用于处理,但处理尚未完成。203 正常;部分信息 — 返回的信息只是一部分。204 正常;无响应 — 已接收请求,但不存在要回送的信息。3xx 重定向301 已移动 — 请求的数据具有新的位置且更改是永久的。 #永久移动302 已找到 — 请求的数据临时具有不同 URI。 #临时移动...转载 2018-09-18 08:53:52 · 188 阅读 · 0 评论 -
20个常用正则表达式
正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/...转载 2018-09-17 09:05:59 · 582 阅读 · 0 评论 -
HTTP之长连接和短连接
1、TCP/IPTCP/IP是个协议组,可分为三个层次:网络层、传输层和应用层。 在网络层有IP协议、ICMP协议、ARP协议、RARP协议和BOOTP协议。 在传输层中有TCP协议与UDP协议。 在应用层有:TCP包括FTP、HTTP、TELNET、SMTP等协议 UDP包括DNS、TFTP等协议。 2、HTTP协议与TCP/I...原创 2018-09-15 07:43:59 · 225 阅读 · 0 评论