一只抠代码的汪-CSDN博客

原创使用阿里云OSS搭建图床

使用阿里云OSS搭建图床前言：相信有很多程序员朋友都喜欢使用markdown语法编辑器写文章，不搭建图床写文章只能插入本地图片，别的电脑无法预览，很不方便，我之前有使用过gitee来搭建图床，免费，但是十分不好用，稍微大一点的图片（超过2MB）就显示不了了，今天就教大家使用阿里的OSS于PicGo搭建自己的图床。购买对象存储服务最近双十一，阿里、腾讯等云服务商都有搞活动，费用十分便宜，我这里直接买了3年40GB的标准存储包，一共花了21块6毛钱，准备用来放一些写文章的图片，和平时开发的一些图片。

2021-11-07 18:41:12 1130

原创 webpack学习整理（基础）

Learn WebPack生成package.json文件npm init -y局部安装npm install webpack webpack-cli -D 使用局部安装打包方式1：npx webpack方式2：在package.json中“script”中新增“build”字段"scripts": { "build":"webpack" },然后使用npm run build即可使用局部安装的webpack打包即可配置文件webpack.config.js/*

2021-08-07 21:06:03 452

原创使用Vant组件中SwipeCell组件踩的坑

使用Vant组件中SwipeCell组件踩的坑根据Vant官方文档使用方法，使用组件SwipeCell,加上案例中样式 .van-swipe-cell__right样式无效，代码如下（uni-app开发）<van-swipe-cell right-width="{{ 65 }}" v-for="(item, index) in memoryList" :key="index" > <van-cell-group>

2021-05-25 00:38:16 3076 2

原创 Node.js进程守护

前言我想部署一个Node项目到服务器上，我把node项目直接塞进了我的服务器，并且按照了node.js,输入node app.js 也成功跑了起来，如下：但是，当我程序报错，或者当我退出终端时，该项目在3000端口开启的服务也会挂掉，这是由于node.js单线程的原因，这两种情况我现在不想让他挂掉！这时该怎么办呢。使用进程守护工具pm2 npm install pm2@latest -g // 安装pm2 start app.js // 启动pm2 kill // 停止有了这个进

2021-04-15 15:06:37 1709

原创子元素相对父元素水平垂直居中布局

子元素相对父元素水平垂直居中布局子div确定宽高1.根据子div具体大小设置偏移宽高大小固定的情况下，设置水平和垂直偏移量为父元素的50%。再根据实际长度将子元素向上和向左挪回一半大小<head> <meta charset="utf-8"> <title>子div水平垂直居中</title> <style> .father { background-color: #e6

2021-04-08 17:42:10 330

原创 HTTP学习与整理

http & https & http2学习与整理1.简介 HTTP协议（HyperText Transfer Protocol,超文本传输协议）是英特网上应用最为广泛的一种网络传输协议。 HTTP是一个基于TCP/IP通信协议来传递数据（HTML、文件、图片文件、查询结果等）1.HTTP工作原理 HTTP协议工作于客服端-服务端架构上。浏览器作为HTTP客户端通过URL向HTTP服务端即Web服务器（Nginx、Apache）发送所有请求。Web服务器根据接收到的请求

2021-04-06 20:29:49 83

原创 CSS优先级及权重

CSS样式优先级内联样式（行内样式）> ID选择器 > 类 = 属性选择器 = 伪类 > 元属 > 通配符*例子此时优先作用的是行内样式去掉行内样式，优先显示ID选择器去掉ID选择器，优先显示class选择器去掉class选择器,优先显示属性选择器，鼠标移到图片显示hover样式去掉属性选择器，优先显示通配选择器去掉通配符，显示元素属性例外!important作用的样式除外，被!important作用的样式会优先显示CSS权重!i

2021-04-05 21:24:21 228

原创 Vue.js Mixin

混入 Mixin 混入（mixin）提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件项。当组件使用混入对象是，所有混入对象的选项将被“混合”进入该组件本身的选秀选项合并当组件和混入对象含有同名选项时，这些选项将以恰当的方式进行“合并”。比如，数据对象在内部会进行递归合并，并在发生冲突时以组件数据优先。同名钩子函数将合并为一个数组，因此都将被调用。另外，混入对象的钩子将在组件自身钩子之前调用值为对象的选项，例如 methods、components 和

2021-03-11 00:05:55 121

原创 Node.js + Express + MySQL构建项目

Node.js + Express + MySQL构建项目前提：你已安装好Node.js、mysql一.node.js配置连接mysql项目中安装mysql驱动包cnpm install mysql 或者 npm install mysql 2.配置连接引入模块配置连接创建连接使用connection.query(sql，function(err,results,fields){ do something })进行数据库操作终端输入node 文件名运行文件，如果

2021-03-05 23:59:39 1414 6

原创 TypeScript初体验

TypeScript初体验安装npm install -g typescript第一个TS文件Node运行TS文件tsc hello.ts tsc是通过npm install -g typescript安装的解析TS工具包里面的解析TS的工具，作用是将TS文件解析成JS文件node hello.js node运行js简化执行TS步骤安装ts-node包：npm install -g ts-node改包内部帮你将TS文件转成JS文件使用ts-node执行ts文件ts-node h

2021-02-28 19:56:37 80

原创 JavaScript防抖节流学习整理

JavaScript 函数防抖、函数节流一.防抖1.持续触发不执行2.不触发的一段时间之后再执行分析：需求 2：在不触发的一段时间之后再执行，那就需要设置定时器，定时器定时器里面调用需要执行的函数，将arguments传入封装一个函数，让持续触发的事件监听是我们封装的这个函数，将目标函数作为回调（func）传进去，等待一段时间过后执行目标函数需求 1：持续触发不执行。我们先思考一下，是什么让我们的函数执行了呢？是上边的setTimeout。OK，那现在的问题就变成了持续触发，不能有setT

2021-01-07 09:30:05 76

原创 JavaScript中this指针学习整理

JavaScript中this指针学习整理1.以普通函数调用时非严格模式下 this指向window严格模式下 undefined2.以方法形式调用时，this就是调用方法的对象3.以构造函数的形式调用时，this是新创建的对象4.call()、apply()调用改变this指向语法：func.call([thisArg[, arg1, arg2, …argN]])func.apply(thisArg, [argsArray])call()、apply()方法

2021-01-02 14:14:49 120

原创 git基本操作和常用命令学习整理

git工作基本原理图git常用命令git add . ：添加本地仓库(工作区)文件到暂存区git status : 列出当前目录所有还没被git管理的文件和被git管理且被修改但还未提交（git commit）的文件git branch ：不带参数：列出本地已经存在的分支，并且在当前分支前面加’*‘ 标记git branch 分支名：创建分支git checkout 分支名：切换分支git branch -r：列出远程分支git branch -a：列出本地分支和远程分支g

2021-01-02 14:04:18 116

原创 VueX学习与整理

Statestate属性是Vuex中用于存放组件之间共享的数据；也就是说，我们把一些组件之间共享的状态主要存放在state属性中；它采用的是单一状态树——用一个对象就包含了全部的应用层级状态。这也意味着，每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段，在调试的过程中也能轻易地取得整个当前应用状态的快照。Mutations1.提交mutation是更改Vuex的store中的状态的唯一方法2.Vuex中的mutation非常类似于事件3.每个mutati

2020-12-21 19:55:25 90

原创 JS闭包closure

JS闭包closure前言什么是闭包？官方文档这么说的：函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起构成闭包（closure）。也就是说，闭包可以让你从内部函数访问外部函数作用域。在 JavaScript 中，每当函数被创建，就会在函数生成时生成闭包。https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures其实就是子函数能访问到父级作用域 (先对作用域有一定了解) 所以，当我们有些情况

2020-09-30 13:01:01 138 3

原创浅谈JS深拷贝与浅拷贝

JS深拷贝与浅拷贝前言昨天复习了下JS,看到了以前打的深拷贝与浅拷贝代码，我整理了下。一提到拷贝，大家可能想到的是这样：let jg = { name: "wang", url: "www.jianng21.top" } let obj1 = jg;//赋值使用同一内存空间 obj1.name = "wangwang" //改变obj1 jg.name也会被改变这是我们不希望的，所以赋值的这种方法不可取浅拷贝方法一： let obj2 = { n

2020-09-30 12:03:55 95

原创 Vue实例生命周期钩子

啥是Vue实例生命周期钩子？每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。这是Vue官方说明，就好比人一样，你只有满了22岁（男）才能领结婚证结婚，满60岁后才可以领养老保险金，符合了一定条件，才能干某些事…beforeCreatd在实例初始化之后，数据观测（data observer）和event/wact

2020-08-03 01:51:40 172

原创 Vue初体验

前言什么是Vue.js？以前只是常听大佬叨叨，我也是一头雾水！前不久刚粗略地学完JS，就迫不及待的来学Vue。Vue读音（[vju:] 同view），view：视图，顾名思义，Vue.js肯定跟视图有关联…打开Vue中文网 “渐进式JavaScript 框架”几个字映入眼帘，脑海里有了大个大概，vue.js就是一个js库，并且无依赖别的js库，跟jquery差不多。vue的核心库只关注视图层，非常容易与其它库或已有项目整合。Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的A

2020-08-01 19:49:54 160

原创宝塔面板（Linux版）安装与使用

宝塔面板（Linux版）安装与使用宝塔面板是提升运维效率的服务器管理软件，真的超级方便。因为我买的Linux服务器，所以这里简单说下Linux版的宝塔面板的安装与使用！1 用Xshell6或者其他远程连接工具连接到你的服务器2.去宝塔面板官网https://www.bt.cn/download/linux.html复制这段安装代码yum install -y wget && wget -O install.sh http://download.bt.cn/install/inst

2020-07-15 13:01:42 2012

wangwangwang21的博客