初始ws模块

websocket协议Webscoket是Web浏览器和服务器之间的一种全双工通信协议 ,其中WebSocket协议由IETF定为标准,WebSocket API由W3C定为标准。 一旦Web客户端与服务器建立起连接,之后的全部数据通信都通过这个连接进行。 通信过程中,可互相发送JSON、XML、HTML或图片等任意格式的数据。我们将基于这个协议,实现聊天室的功能 下载ws模块npm i w...

前端进阶

hexo博客项目部署至vercel

部署过程太过于繁琐,作者真的好懒,不想写,这里就大概描述一下我的部署过程吧 注册github账号GitHub 因为作者之前用的都是Gitee,因为vercel的部署不能用Gitee了,所有注册github是必要的,并且作者悄悄的告诉你,github才是真正的源码市场,可以学到很多大佬的源码 下载fastgithub很多人访问github都很难进去,这是当然,毕竟是国外的网站,这里可以自己翻墙...

魔改

留言板模块与文章评论开启

注册LeanCloud账号注册LeanCloud账号是为了给评论的数据提供云存储 首先来到LeanCloud的首页:https://www.leancloud.cn/,点击右上角的控制台,按照指引进行注册即可 创建应用注册完成后,进行登录会进入这个页面: 点击创建应用,随后填写一些应用的基本信息后你的应用就创建成功啦🎉️ 创建留言板页面hexo new page message 修改其目...

魔改

增加一个统计模块

canvasJS的使用这是前端的一个画各种表格的插件,十分好用哦!!官网地址在https://canvasjs.com/ 新建一个js文件// 将文章日期和数量存本地 var achivesDate = document.querySelectorAll('.card-archive-list-date'); var achivesDateNumber = documen...

魔改

vue项目打包部署至云仓库

创建云仓库这里不做过多解释,网上都有教程,作者用的是Gitee创建好后就可以将自己的项目上传了 配置vue.config.js文件module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/仓库根目录的名字' : '/&...

前端进阶

Electron与vue的组合

本篇文章出自:https://blog.csdn.net/honest1120110/article/details/116643392 创建vue项目vue create myapp 安装electron环境Electron安装 npm install electron Vue项目添加Electron-builder打包工具 vue add electron-builder 提示:如果...

桌面App

首页轮播功能的实现

本篇文章参考https://akilar.top/posts/8e1264d1/这里只是做个记录 在博客根目录安装插件npm install hexo-butterfly-swiper --save 更改根目录下的_config.yml## 增加首页的轮播功能 # hexo-butterfly-swiper # see https://akilar.top/posts/8e1264d1/ ...

魔改

登录鉴权——JWT(前后端分离)

本篇文章适合有node基础的同学们哦!这篇文章记录了做的仿卖座电影的一个登录功能我用到的技术 express(基于node的后端) 数据库(我用的是Wampserver64) vue2 (前端) axios mysql2 jsonwebtoken 创建后台项目express --view=ejs nodeApp 下载依赖npm i 测试能否成功访问开启本地服务器: node ./bin...

前端进阶

登录鉴权——Cookie与Session(适合后台嵌套模板)

本篇文章适合有node基础的同学们哦!我用到的技术 express(基于node的后端) json-server 创建项目express --view=ejs nodeApp 下载依赖npm i 测试能否成功访问开启本地服务器: node ./bin/www 访问http://localhost:3000 创建一个登录界面在views目录下(ejs)代码如下 <!DOCTYPE ...

前端进阶

Electron的初次认识

什么是Electron 简单的讲就是,使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架, 这篇博客将介绍Electron的最基本的使用—–打包自己的博客变成桌面App 创建一个文件夹 初始化,也就是记录版本与使用的依赖包 npm init 将项目导入 Forge(注意兼容性)npm install --save-dev @electron-forge/c...

桌面App
1678910