suressk-CSDN博客

原创记一次图片上传的辛酸史

图片上传处理辛酸史文章目录图片上传处理辛酸史个人博客的图片需求处理方式及进行阶段个人博客的图片需求最近在写个人博客（前后台都得自己来摸索）博客文章嘛，总得配个封面或者内容插图是吧！所以就摸索一下图片上传、图片存储及发起请求展示图片的全过程吧，也记录一下整个探索历程的经过处理方式及进行阶段因为想到 Base64 编码可以直接用于 img 元素的 src 属性用于显示图片信息，所以自然而然地想到了这个方法。相关代码如下：// file 文件转 Base64 => 得到 file 的

2020-09-12 01:13:26 148

原创 ant-design-vue 表格组件 - 行选中效果

ant-design-vue文章目录ant-design-vuetable 组件点击某行实现选中行改变样式效果table 组件点击某行实现选中行改变样式效果由于 ant-design-vue 组件库并没有相关选中样式（我粗略地找了一下，没找到~）思路：使用增删类名（row-selection）的方式来使点击行样式（如：.ant-table-row.row-selection { background-color: #4ec4fa; }）不同于其他行即可；点击某行(由 customRow 去

2020-08-27 09:26:19 4463

原创与 ant-design-vue tree 组件自定义图标的相爱相杀

与 ant-design-vue tree 组件自定义图标的相爱相杀文章目录与 ant-design-vue tree 组件自定义图标的相爱相杀小结最近遇到了在 tree 组件中需要用到自定义 icon 图标的需求<a-tree draggable s

2020-07-30 16:31:33 3337 1

原创 node部署之与阿里云服务器 ECS 的“斗智斗勇“

node部署之与阿里云服务器 ECS 的"斗智斗勇"文章目录node部署之与阿里云服务器 ECS 的"斗智斗勇"步骤小结步骤购买云服务器这里选择的是阿里云服务器 ECS (配置自选, 这里选的系统是 CentOs 版, 与后面宝塔安装命令有关)进入云服务器管理控制台点击实例 ID点击实例控制台的远程连接或下载使用 putty 工具或者宝塔面板的宝塔SSH连接进入服务器命令窗口，或者 windows terminal 等命令窗口输入 ssh root@<云服务器公网ip>

2020-07-29 00:31:07 305

原创 vue 父子通信, 状态数据同步的两种处理方式

vue 父子通信文章目录vue 父子通信父组件控制子组件 modal 的显示与否小结父组件控制子组件 modal 的显示与否example: 此示例是 vue 项目用到 ant-design-vue 相关组件碰到的问题因为 a-modal 组件内部有 cancel 事件触发隐藏 modal 层，因而父组件传来的控制 modal 层显示的 visible 属性就会在子组件内直接被修改 (提示报错信息: 不应该在父组件外修改它内部的值，因为这样会使数据变化不可控) ；因而给出下面两种处理方式:方

2020-07-16 22:51:30 296

原创 @vue/cli与rimraf 工具包的使用，打包时 calc 报错处理及vuex使用小示例

@vue/cli 实际使用心得文章目录@vue/cli 实际使用心得小结components 组件开发将组件进行细分拆解实现。在我看来，细分下来可以使组件封装变得简单易实现；但是另一方面，个人觉得 dom 结构嵌套太多层对页面渲染是否也有一些压力。目前我还不知道细分太细好处大还是渲染隐患多…待我再去考究一番使用$attrs 简化 n 层 props 父子传参(如果参数太多，可以简化书写量)即多层嵌套组件形式，中间层直接向后续层组件使用 v-bind:="$attrs" 传递数据，需要使用数

2020-06-07 12:13:03 1505 5

原创 express 初步认知

express 初探文章目录express 初探起始REST APInodemonexpress 中间件中间件的错误处理express 常用中间件express.static()express.urlencoded()express.json()express 路由小结起始npm i express // 安装// 方式 1 -- 配合 http 模块使用const express = require('express');const http = require('http')

2020-06-01 23:16:25 209

原创 Promise 基础理解与值穿透小例

Promise文章目录Promise基本使用细节Promise的串联Promise的其他api原型成员 (实例成员)构造函数成员（静态成员）async 和 awaitasyncawait基本使用 const pro = new Promise((resolve, reject) => { // 未决阶段的处理 // 通过调用resolve函数将Promise推向已决阶段的resolved状态 // 通过调用reject函数将Promise推

2020-05-24 01:32:17 738 2

原创 NodeJs 初识 (三)

HTTPS 协议 && node_EventLoop && others文章目录HTTPS 协议 && node_EventLoop && othersHTTPS 原理加密CA (Certificate Authority) - 证书颁发机构https 模块服务器结构https使用node 生命周期 (或事件循环)EventEmitter重温 MySQL关于忘记 MySQL root 密码之重新安装 MySQLMySQL 安装好之后使用数据库

2020-05-24 01:24:46 251

原创 Hexo 搭配 github 搭建博客系统及踩坑

Hexo 搭配 github 搭建博客系统文章目录Hexo 搭配 github 搭建博客系统环境准备步骤、出现的问题及解决方案环境准备Node 环境 (自带 npm 包管理器)Git 环境步骤、出现的问题及解决方案node 环境 (自行去官网下载对应系统的版本，推荐v10.0以上版本)git 也需要安装上面两个环境，安装时一般会默认配置 path 环境变量如果没有，就去查查自行配置吧，然后能够全局任意位置的 cmd 窗口都可以通过以下命令查看版本号node -v //

2020-05-19 18:51:30 216

原创 NodeJs 初识 (二)

fs 文件流_net 模块_http 模块文章目录fs 文件流_net 模块_http 模块流文件流net 模块http 模块（更常使用）总结流Node.js -> stream 模块指数据的流动，数据从一个地方缓缓地流到另一个地方。流是有方向的可读流: Readable 数据源头 → 内存可写流: Writable 数据内存 → 源头双工流: Duplex 数据源头 ←→ 内存 (将可读、可写进行封装而成的)文件流是内存数据和磁盘文件数据之间

2020-05-18 21:01:38 157 2

原创 NodeJs 初识 (一)

NodeJS文章目录NodeJSNodeJS 核心Node 全局对象(global)Node模块化细节模块的查找require函数Node中的ES模块化基本内置模块OSpathurlutil文件 I / O (input / output)外部设备的输入输出fs 模块小结NodeJS 核心概述：Node.js 是一个基于 Chrome v8 引擎的 js 运行环境。Node APINode 全局对象(global)提供类似部分 webApi 的方法和其他属性：setTimeout

2020-05-17 01:51:03 400

原创基于 Gulp 自动化构建工具仿 APP 界面云音乐播放器

基于 Gulp 自动化构建工具仿 H5 界面云音乐播放器文章目录基于 Gulp 自动化构建工具仿 H5 界面云音乐播放器工具环境gulp 插件依赖问题压缩图片插件 gulp-imagemin 出现问题(导致后续输出到 dist 目录无法完成) → 因而更改使用 gulp-imagemin-coding-net-vendor 插件完成图片压缩(正常完成压缩图片功能)gulp-live...

2020-05-02 16:30:18 322

原创基于@Vue/cli 4.3 及 Mock.js 生成随机数据用于Ajax请求 —— 模拟美团官网

基于@Vue/cli 4.3 及 Mock.js 生成随机数据用于Ajax请求 —— 模拟美团官网美团网——web端搭建环境项目创建及目录结构模块开发部分代码介绍说明Vuex 状态管理总结美团网——web端搭建环境@Vue/cli 4.3.1 ，包含 vue-router / vuex等的使用 —— 主体环境 (@vue/cli本就基于 webpack处理代码打包)@vue/cli-s...

2020-04-29 00:39:33 435 2

weixin_40567679的博客