- 博客(27)
- 收藏
- 关注
RSS订阅原创 vue项目出现FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory
【代码】vue项目出现FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory。
2023-11-07 11:27:49
621
原创 使用vue+elementui实现自定义表单，支持插槽及原生拓展
使用vue+elementui实现自定义表单，支持插槽及原生拓展，表单通常用来当做查询或提交内容
2023-03-31 17:16:36
1949
原创 linux搭建node项目
linux从0搭建node项目先新建任务由于搭建的是node项目，在新建任务后的构建环境才会有Provide Node & npm bin/ folder to PATH选项在系统管理>系统配置>插件管理安装nodejs插件
2022-06-17 16:06:05
554
原创 原生ajax终断请求的几种方式
原生ajax终断请求的几种方式终断请求的方式有很多种，这里就介绍一下最常见的几种通过前端设置请求超时时间，这里一般会与后端设置的响应时间连在一起使用（请求后端数据量大暂不考虑）假设提交表单只需要2s，当你频繁点击就会发出多次请求，为了减轻服务器压力，那么在请求时给一个参数判断服务器是否响应，如果未响应则再次请求就终断上一次请求（这里用的原生的终止，不通过节流控制方法执行时间）跟第二种相似，在部分业务场景中会遇到一个请求接口的按钮，一个取消的按钮（取消为不请求接口了），方法与第二种一致首先创
2021-10-26 14:24:39
1195
原创 使用宝塔发布node项目
使用宝塔发布node+vue项目要想通过ip或者域名去访问项目资源，必须得有域名及云服务器，再去搭建云服务器把项目放上去。发布项目为以下几个步骤：1. 注册域名2. 购买主机（服务器）3. 域名备案4. 搭建云服务器5. 域名解析6. 系统部署 （没有搭建宝塔的先去了解搭建）6.1 创建站点[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7BQKGck0-1630925809401)(C:\Users\Admin\AppData\Roaming\Typora\
2021-09-06 18:57:53
1315
原创 使用node发送邮件
使用node发送邮件1.安装nodemailernpm install nodemailer --saveNodemailer 是一个简单易用的 Node.JS 邮件发送模块（通过 SMTP，sendmail，或者 Amazon SES），支持 unicode2.在网易邮箱中获取授权码qq邮箱跟网易邮箱都是重启按照流程走，最后会得到授权码[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KovqQQ85-1622512507855)(C:\Users\ex_chen
2021-06-01 10:04:22
1250
2
原创 express上传文件处理
express上传文件处理1.安装multer模块npm i multer -Smulter是node.js的中间件，用于处理multipart/form-data类型的表单数据，主要用于上传文件2.前端处理文件的上传、预览、下载这里使用的vue+elementui<template> <el-upload class="avatar-uploader" action="#" :before-upload="be
2021-05-31 15:48:21
564
原创 vue使用国际化
vue使用国际化先安装依赖npm i vue-i18n -S新建language文件夹（在src目录下）新建config.js文件 （在language文件下）const zh = { backManageSystem: '后台管理系统'}const en = { backManageSystem: 'Back Management System'}export { zh, en };新建index.js文件（在language文件下）impor
2021-05-27 18:11:08
106
1
原创 React父子组件传参
React父子组件传参首先要了解React中定义组件的两种方式：函数式组件 与 class组件，如有不了解的可以看接下来实现父子组件传参使用class组件（父子组件传参为一套代码，以下有分析）//父组件class Parent extends React.Component { constructor(props) { super(props) this.state = { name: "我是父组件的name" }
2021-04-29 10:58:50
614
1
原创 node配置环境变量注意事项
node配置环境变量注意事项注意：npm安装的全局模块所在的路径npm config set prefix "E:\node2021\node_global" //全局包存放目录npm config set cache "E:\node2021\node_cache" //缓存目录由于之前更新过node版本，未重新设置全局包存放目录及缓存目录，导致npm安装的插件都存放到该目录总结：在更新过node版本且在上一个版本的node存放文件夹不同时，此时以自己的实际需求为主，重新配置node环境变量
2021-04-27 13:32:43
137
原创 下载文件兼容ie
下载文件兼容ie const data = await requestInterface(); //请求接口 const binaryData = [] binaryData.push(data.data) //放入数据 let blob = new Blob([data.data], {type: data.headers['content-type']}) let fileName = data.headers['content-disposition'].split(
2021-03-22 16:16:00
82
原创 使用axios调用mock数据
使用axios调用mock数据在开发的时候，由于后端数据未能及时给，但有时候又要模拟某些业务场景，mock就是个很不错的选择。使用mock.js拦截ajax请求就更方便的造取数据。以下分别用vuex、一般情况去调用接口。话不多说，直接上代码！首先安装 axios mockjsnpm i axios -Snpm i mockjs -S1.新建request.js文件，封装axiosimport axios from "axios"let url = window.location.orig
2021-03-10 10:49:25
1259
2
原创 vue处理菜单权限
vue项目处理菜单权限第一种：后台直接返回菜单数据，例如:menuList:[ { path:'/home', icon:'icon home', title:'首页' }, { path:'/table', icon:'icon table', title:'表单' }, ...]数据返回后，直接拿到el-menu中去遍历（个人使用的elementUI）<el-menu :def
2021-02-25 15:14:10
561
原创 vue实现打印后的页面直接打印
vue实现打印后的页面直接打印/** 处理blob接口返回值或弹窗打印pdf* */export function getBlobResult(data) { const binaryData = []; binaryData.push(data); let blob = new Blob(binaryData, { type: data.type }) //弹出打印 console.log("data.type", data.type) if (data.type == "
2021-02-24 17:29:07
799
2
原创 执行git pull时出现：fatal: Authentication failed for ‘http://......................‘
执行git pull时出现：fatal: Authentication failed for ‘http://…’解决方案1 git config --system --unset credential.helper //执行命令 重新输入账号密码解决方案2再次执行git pull会重新输入账号密码，就能成功了...
2021-02-19 09:40:31
888
1
原创 使用/deep/报错
解决方案：将/deep/ 改成 ::v-deep/deep/作为深度作用选择器，在开发中也是常常用到的，尤其在引用ui框架去改原生的样式颇多。我这里用的vue-cli3编译后发生的错误，改成::v-deep就好了。后来百度了一下，都说::v-deep更保险并且编译速度更快。...
2021-01-27 10:35:27
6898
4
原创 vue相关插件总结
一些常用但不被熟知的vue相关生态及插件本人在项目开发及个人练习中，用到的一些好的插件或工具库。话不多说，直接安排（官方有文档的直接附上url）①vxe-table :一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等。地址：https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/install
2021-01-26 13:35:44
1509
8
转载 element-ui table表格列宽自动适应
话不多说，直接上解决方案第一步先安装 af-table-columnnpm install af-table-column第二步在main.js中引入import Vue from 'vue'import ElementUI from 'element-ui'import AFTableColumn from 'af-table-column'Vue.use(AFTableColumn) //注意，先引用vue再引入elementui最后在组件中用 <el-table stri
2021-01-25 15:54:28
2840
原创 一篇读懂CSS盒模型
CSS盒模型1.盒模型的概念盒子模型，顾名思义就是一种容器，里面可以放内容的容器，例如：快递盒、杯子等，在html中例如：div里面可以放a标签、span标签等用官方的话来讲就是：CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。常用的盒模型分一下两种：content-box是符合w3c标准的盒模型，也是默认的盒模型border-box是不符合w3c标准的盒模型，也称为怪异盒子2.盒模型的属性下面来看一下盒模型的几个属性：Margin(外边距)
2021-01-06 11:19:00
139
原创 浅析插槽
浅析插槽一、插槽的定义：插槽也是一种组件，并且可以传参二、插槽的分类：匿名插槽、具名插槽、作用域插槽三、插槽的使用①匿名插槽子组件：test.vue<template> <div class="test"> <slot>我是子组件的匿名插槽</slot> </div></template>父组件：index.vue<template> <test-index> 我是父组件
2020-11-10 15:00:05
262
原创 vue-cli 安装过程中报错npm ERR! code EEXIST npm ERR! path
在安装vue/cli，报错的问题如下：输入 npm install –g vue-cli又试了这种：npm install @vue/cli –g，结果还是不行后来就尝试清一下缓存：npm cache clean –force (清楚npm缓存)发现再次安装还是无效，环境变量也没有错，最后是这样解决的：把安装node文件夹下的node_cache（node缓存文件夹）跟node_global（全局安装是安装在node_global目录下的）两个文件夹下的内容全部删除再次执行 npm in
2020-06-01 20:48:29
22901
9
原创 SqlServer 某时间段在该月份中统计出多少天
SqlServer 某时间段在该月份中统计出多少天1.之前在需求中接触到一个统计本月出差总天数的报表，刚开始接到这个思路还不明确，其实细分下来还挺简单2.用sqlserver写时间段，并且统计出该时间段在某月份出现多少天模拟数据：declare @days int, @date_start date, @date_end date;set @date_start='2020-02...
2020-04-08 14:43:00
1185
原创 如何用WampServer搭建PHP环境
在搭建PHP环境有以下几种方式：1.WampServer2.PHPStudy3.UPUPW Nginx(64位)4.XAMPP5.MAMP Pro for Mac以下是用的开发软件为PHPStorm，用WampServer搭建的PHP环境。WampServer的安装教程可以参考：https://www.w3cschool.cn/phpwmpsql/glrsxa.html1.下载 P...
2019-10-09 17:34:51
1285
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人