自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【Vue.js+Node.js+MySQL】项目部署到云服务器,详细到哭。

目录前言一、准备服务器二、连接宝塔面板1.用finalshell连接服务器2.在服务器安装宝塔三、上传前后台项目到服务器1.下载所需软件2.上传前台vue项目并配置nginx3.上传后台node项目并配置nginx四、同步mysql数据库到服务器1.导出本地数据库的表2.在服务器添加数据库3.在服务器数据库导入本地的表五、在服务器启动node1.在服务器安装node依赖2.用PM2管理器启动node六、域名七、成果展示总结前言在本地开发好网站后,只能自己看,如果想要别人也能看到,就需要公网ip并把项

2021-09-03 19:02:50 3841 11

原创 【js---vue】基于事件模式实现一个倒计时,可以监听倒计时的开始和停止,执行对应函数

一、效果:二、js文件(倒计时js代码):export const CountdownEventName={//监听事件名称 START :'start', RUNNING :'running', STOP :'stop',}const CountdownStatus={//倒计时状态 RUNNING :'running', STOPED :'stoped'}export function fillZero(num) {//保证取两位数字,只有一位的话

2021-10-17 14:33:29 953

原创 根据PromiseA+规范写一个Promise,再写Promise.race和Promise.all

一、实现Promiseconst PENDING = 'pending';const FULFILLED = 'fulfilled';const REJECTED = 'rejected';class MPromise { FULFILLED_CALLBACK_LIST = []; REJECTED_CALLBACK_LIST = []; _status = PENDING; constructor(fn) { // 初始状态为pending

2021-10-11 16:50:02 239 3

原创 解决git代码冲突(用的是vscode和Git可视化面板插件GitLens)

一、安装GitLens插件二、解决冲突1.提交代码到本地仓库2.拉取远程仓库代码3.当有冲突时拉取后点击左侧”合并更改“里的文件,会出现以下界面。根据实际情况修改冲突代码,修改保存后提交到本地仓库。提交到本地仓库时,如果弹出这个提示,就点击创建空提交(当点击”采用当前更改“按钮或这次提交的代码跟上次的一样时会出现,点击创建空提交就行)最后推送到远程仓库就可以了4.当没有冲突时在拉取远程仓库代码后,再推送到远程仓库就可以了...

2021-09-24 23:42:36 15377 17

原创 【node.js】识别图片中的文字

识别图片文字一、对接百度智能云1.创建应用2.领取免费资源二、在node.js项目中安装依赖并使用三、效果一、对接百度智能云1.创建应用登录百度智能云:https://cloud.baidu.com/接下来如图所示操作:2.领取免费资源需要领取免费资源,不然使用时会报错。如果领取后还是报错,需要再等一下,我当时好像等了好几分钟。二、在node.js项目中安装依赖并使用在node.js项目中安装依赖:npm install baidu-aip-sdk使用:var fs = re

2021-09-19 13:37:39 2577

原创 【vue---better-scroll】类似外卖点餐界面的左右侧菜单联动:点击左侧使右侧滚动到对应位置,右侧滚动时选中左侧对应选项

一、效果:二、安装依赖:npm install better-scrollnpm install stylus stylus-loader@3.0.1 --save-dev三、vue文件代码:<template> <div> <div class="goods"> <div class="menu-wrapper"> <ul> <li clas

2021-09-17 17:05:00 2520 4

原创 【Vue.js---iView---Tree 树形控件】点击树节点文字展开收起

<Tree :data="treeData" @on-select-change="selectChange"></Tree> selectChange(data, selectedNode) { this.$set(selectedNode, "expand", !selectedNode.expand); }

2021-09-03 10:58:44 925

原创 【vue---javascript】将后端返回的list数据转化为树结构

一、效果:将 treeRawData:[ //后端返回的数据 { title: "地球", id: "1", parentId: "0" }, { title: "中国", id: "2", parentId: "1" }, { title: "上海", id: "3", parentId: "2" },

2021-09-03 10:47:25 1214 2

原创 【Vue.js---iView---Tree 树形控件】树的搜索,输入节点名称,选中该节点并展开它的父节点

最终效果:代码:<template> <div> <Row> <Col span="24"> <Input prefix="ios-search" v-model="searchName" clearable placeholder="请输入名称" @on-enter="searchTree" .

2021-09-02 22:12:35 2646

原创 【Vue.js---iView---Table 表格】在表格中显示多张图片,并为这些图片设置图片查看器,点击放大预览等

先看最终效果:一、安装v-viewer插件:先npm install v-viewer--save,然后在main.js中写:// 引入Viewerimport Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer);Viewer.setDefaults({ Options: { "inline": true, "button": true, "navbar": true, "title.

2021-09-02 19:16:57 2860

空空如也

空空如也

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

TA关注的人

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