自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 nuxt2项目详解及服务端宝塔环境部署

ecosystem.config.js 这个文件待会会用到是 使用pm2启动的入口文件它的作用就是为项目找到真正的项目入口文件。这里的node_modules 是项目的依赖这里我们可以先把上面的文件上传上去然后npm i 安装不然上传的时候会很慢。所以服务端直接安装一个 PM2就可以搞定,在上传服务器的时候我们的网站是已经创建好的这里就不赘述了。接下来就是把项目运行所需的问价上传服务器这里只需要上次以下文件。这里的script就是指向项目的真正入口文件。这里的端口号需要服务器上先放行。

2023-02-20 13:09:26 3230 2

原创 最好用的网页html5、css3格式化代码

css3代码样式格式化,table无边框线

2021-12-25 20:20:33 326

原创 利用原生的javascript实现简单的tab选项卡

1.HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>tab选项卡</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body> <header class="mui-bar mui-

2021-12-02 23:01:36 966

原创 利用jquery实现导航栏只给一个元素添加样式同时移出其他元素的这个相同的样式

<nav> <div> 首页 </div> <div> 详情 </div> <div> 更多 </div> <div> 视频 </div> <div> 娱乐 </div> </nav><style>.

2021-11-27 14:44:40 766

原创 uni-app中的三种组件通信

#父组件向子组件传值## 通过props来实现 在父组件中有一个num值想要传递给子组件,首先要自定义一个 绑定事件 绑定事件的值是要传递的参数,然后在子组件中通过props来接收这个绑定的值就可以了。#子组件向父组件传值## 通过$emit来实现的,首先在子组件中定义一个按钮点击这个按钮会向父组件传值,给这个按钮绑定一个点击事件通过$emit自定义一个事件的名称,并且附带传递的参数位要给父组件的值,然后在父组件中的注册子组件的位置绑定子组件定义的函数给一个事件,然后在父组件中定义这个事件处理函数拿到

2021-10-18 12:29:03 599

原创 如何关闭eslint中的tab和空格混用的报错

页面出现以下报错需要在i项目中的.eslintrc.js文件中新增一个规则就可以解决(规则写在rules对象里)"space-before-function-paren": 0

2021-09-01 10:29:37 1046

原创 vue中为了符合代码eslint语法规范我们应该这样子做

1.在项目的跟文件中创建一个文件 .prettierrc2.在文件中写如下代码,然后格式化代码后就会不会再报被基本的错误{ "semi": false, "singleQuote": true, "printWidth": 200}3. semi 的意思是是否在每一行的结尾自动追加分号,这里写false是关闭4.singleQuote 的意思是是否将js代码中的所有双引号用单引号代替,这里选是,因为单引号消耗更加少的内存5.printWidth 的意思是每一行代码量超过.

2021-08-30 18:36:07 124

原创 Element-UI的MessageBox弹窗使用详解(这里讲解的是基于vue2的element-ui 2.15.5版本)

1.像是如下图所示的弹窗消息可以点击取消和确定的我们应该怎么引入到自己的项目中去呢?2. 首先我们是在一个vue2/@vue-cli4搭建的项目中,在element.js中按需引入组件。然后将$confirm方法注册为全局可用的import Vue from 'vue'import { MessageBox } from 'element-ui'Vue.prototype.$confirm = MessageBox.confirm3.然后回到我们.vue的文件中此时$confirm已.

2021-08-29 16:20:49 5342

原创 安装vscode的时候没有勾选快捷方式用vscode打开文件,如何用vscode快速打开文件或者文件夹

1.需要在注册表里面添加内容可以实现,下面有一种简单的方式来完成这个操作。2.需要在电脑桌面新建一个Open File With VS code.reg 文件然后用打开文件,将以下代码复制Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\*\shell\VSCode]@="Open with VSCode""Icon"="E:\\VScode\\Microsoft VS Code\\Code.exe"[HKEY_CLASSE

2021-08-29 10:19:08 2479 3

原创 如何把vue项目中的.vue中的代码抽离出来

1.有如下代码我想要把他放到我项目中的src/commont/rules.js中去,这是我们可以这样子做data() { // 自定义验证邮箱的规则 var checkEmail = (rule, value, callback) => { // 自定义一个验证邮箱的正则表达式 const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/ if (regEmail

2021-08-28 19:25:24 1308 1

原创 Element-ui(NavMenu导航的使用)

#NavMenu 导航菜单<el-aside :width="isCollapse ? '64px' : '200px'"><!-- 控制左侧菜单是否收起的开关 --><div @click="isClose" class="togger-button">|||</div><!-- 左侧菜单区域 --><el-menu background-color="...

2021-08-26 19:09:02 1057

原创 工作中写项目用到的最多的Array数组方法

1. findIndex 它的作用是查找符合要求的数组的索引,它可以直接返回一个索引值2. forEach 它的作用是遍历整个数组可以根据数组中的值返回想要的数据3.以上两者在你之需要索引的时候使用 findIndex...

2021-08-22 18:24:17 98

空空如也

空空如也

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

TA关注的人

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