- 博客(56)
- 收藏
- 关注
RSS订阅原创 yarn install或者 npm install 下载安装超时的解决办法
2.如果按照上述情况还没有解决超时问题，那可能是网络问题，你很有可能使用了默认超时。那这种情况下我们可以在相关的配置文件。
2023-12-14 15:55:19
2139
原创 nginx 配置前端项目添加https
资源的真实路径都是alias所指定的,所以location是匹配浏览器输入的地址, 真实访问的路径就是alias 指定的路径。alias 只能配置在location 中, 而root 可以配置在 server, http 和 location 中。使用 root 时, 服务器里真实的资源路径是 root 的路径拼接上 location 指定的路径。使用alias顾名思义是代指 location 的别名, 不论location 是什么,根据以上配置 带https的访问地址。可申请阿里云免费证书 步骤省略…
2023-11-30 10:19:24
634
原创 vue项目打包成H5apk中使用语音播放
通过HBuilder X在打包成apk安装包时，需要在manifest.json文件中添加对应的权限设置。在mounted生命周期函数中获取浏览器的SpeechSynthesis API。利用浏览器语音播放api功能，在vue项目中调用api实现语音播报。methods 中方法。
2023-09-25 14:13:35
247
原创 vue2 dialog整体作为子组件时 每次打开都重新执行生命周期
因为子组件 @closeDialog 事件手动修改了 isDialogVisible 状态，而右上角的×按钮 并未触发此事件。这种把dialog作为一个整体写成子组件时需要关闭 dialog的右上角×关闭按钮 :show-close=“false”解决办法是 利用 dialog的属性 before-close 关闭前回调 修改状态（业务不需要所以未尝试 ，理论上可行）前言：将dialog整体作为 子组件时，每次打开都重新执行created、methods生命周期。
2022-11-18 16:57:05
1979
原创 element dialog 实现拖拽 自定义指令
使用vue 自定义指令 实现element dialog组件的拖拽效果。element UI dialog 组件是不允许用户进行上下左右拖拽的。第二种：全局注册，不需要在每一个用到dialog 拖拽的文件中引入。第一种：单文件引入使用。main.js 引入图。
2022-11-01 10:08:22
256
原创 element table 导出excel表格
实现目标：通过前端直接导出页面显示的table。这里需要注意 如果提示以下报错。Error: Cannot read properties of undefined (reading 'utils')
2022-10-19 13:40:55
432
转载 Nginx:[emerg] unknown directive “server” in******* 报错解决方法
Nginx:[emerg] unknown directive “server” in*******今天在Window 下用记事本 编辑 了nginx.conf 文件后保存。启动服务器后就报错但查看nginx.conf 却没有发现问题。在网上查找了资料。conf文件被记事本编辑过，保存成了含[BOM] 。所以才报错的。使用vscode更改文件的编码模式，改回utf-8编码：ctrl+shift + p 开那个dock 找到 change encode (字符编码)然后回车，列表有一堆 然后选择 utf
2022-06-30 14:47:49
3427
原创 vue 前端时间格式处理 2022-06-12T00:00:00.000+0800
这里处理的 原始时间格式 为 ： 2022-06-12T00:00:00.000+0800需要达到的效果 ：2022-06-12 00:00:00
2022-06-13 14:59:03
3700
3
原创 [Vue warn]: Error in callback for watcher “fileList“: “TypeError: Cannot create property ‘uid‘ on st
element upload 组件回显时报错错误写法 直接将 后端返回的路径 push赋值给了 IMGList正确写法 IMGList 应该是一个对象 name 和url
2022-06-08 16:03:23
790
原创 element input 限制 只能输入数字，仅限数字
限制input 只能输入数字，小数点也不行<el-input v-model="dataForm.pillarNumber" @input="changeInputNumber" placeholder="输入数字"></el-input>js changeInputNumber (val) { this.dataForm.pillarNumber = val.replace(/[^\d]/g, '') }...
2022-05-16 14:06:20
513
原创 前端 vue 下载本地静态资源 提示找不到文件
是用a标签download属性文件放在static和assets里都显示未找到文件将需要下载的文件资源 public 下即可 <el-button icon="fa fa-file" label="下载模板" type="primary" @click="handleDownload" /> handleDownload: function () { let elink = document.createElement('a') elink.href =
2022-05-11 16:19:45
2166
原创 element css 清除滚动调样式
::-webkit-scrollbar { display: none;}//列表::-webkit-scrollbar-thumb { display: none;}
2022-04-01 14:44:13
154
原创 vscode 配置代码换行长度
在根目录下新建.prettierrc文件内容如下{ "semi": false, "singleQuote": true, "printWidth": 200 }
2022-03-08 17:00:17
2393
原创 Syntax Error: SassError: expected selector.报错解决方法
报错原因 是因为 在scss 中使用了 /deep/ 样式穿透。在less 中可以这样写。出现此报错 ，只需要 将 /deep/ 替换成 ::v-deep 即可。
2022-02-23 13:36:59
12134
1
原创 node_modules\fibers\bin\win32-x64-83\fibers.node` is missing 报错解决方案
vue 项目 启动(打包时)报错 node_modules\fibers\bin \win32-x64-83\fibers.node` is missing.解决方案：点击链接下载对应的版本后，改名并放入错误提示中的目录里，没有相应目录就新建一个。例如 我这里是提示win32-x64-83，下载 win32-x64-83_binding.pdb 后，根据报错提示的路径 新建文件夹node_modules\fibers\bin \win32-x64-83 ，然后将刚下载的文件 修改名称 fibers.
2022-02-14 13:22:07
1976
原创 安装sass与node版本对应
//卸载 node-sassnpm uninstall node-sass//然后安装最新版本npm install node-sass@版本号
2022-01-25 09:08:18
2538
1
转载 npm升级package.json依赖包到最新版本号【转】
1、安装：npm install -g npm-check-updates2、使用：检查package.json中dependencies的最新版本：ncu更新dependencies到新版本：ncu -u更新全部到最新版本：ncu -a————————————————原文链接：https://blog.csdn.net/syaivin/article/details/79388244...
2022-01-24 09:26:38
1537
原创 JQ ajax 文件上传，限制文件类型，带额外参数
<input type="file" id="cover-file"> $('.importdata').on('click', function (e) { var formData = new FormData(); var file = document.getElementById("cover-file").files[0]; formData.append("file", file); formData.append.
2021-12-15 09:43:51
406
原创 vue element table 实现自动滚动效果
在table中加上 ref=“table” <el-table :data="tableData" stripe class="swiper-page-table" ref="table" height="83%" > <el-table-column type="index" label="序号" width="50"> </el-table-column> <e
2021-11-26 08:31:35
4330
8
转载 34种JavaScript简写优化技术
作者：Ting Yu链接：https://zhuanlan.zhihu.com/p/405787550来源：知乎1.如果有多个条件我们可以在数组中存储多个值，并且可以使用数组 include 方法。//Longhandif (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') { //logic}//Shorthandif (['abc', 'def', 'ghi', 'jkl'].includes(x)) { //l
2021-11-12 13:51:58
90
原创 vue3.0 使用elementUI 配置
首先安装 脚手架 搭建一个 vue3 的项目，这里不做步骤说明。其次 在项目中 引入elementUIelement兼容vue3的时候换成 element-plus 执行 ：npm install element-plus --savepackage.json 中 可以看到"dependencies": { "core-js": "^3.6.5", "element-plus": "^1.1.0-beta.24", "element-ui": "^2.15.6",
2021-10-27 11:16:29
1409
2
原创 前端 ES6 使用技巧
// if条件判断if( type == 1 || type == 2 || type == 3 || type == 4 ||){ //...}//改进 ES6中数组实例方法includesconst condition = [1,2,3,4];if( condition.includes(type) ){ //...}// 前端搜索 过滤const a = [1,2,3,4,5];const result = a.filter(
2021-10-26 09:33:34
167
转载 vue 路由传参的8种方式 转
编程式路由传参除了使用 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。1. 通过 params 传递路由配置路径参数 用冒号 : 表示。 const routes = [ // 动态段以冒号开始 { path: 'details/:id', name: "details", component: Details }, ]router.push() 方法的参数可以是一个字符串路径，或者一个描述地址的对象。 const Hom
2021-10-26 09:24:19
626
原创 vue element 表格自定义设置合计列
<el-table :data="storeSummaryList" style="width: 100%" v-loading="storeSummaryLoading" :summary-method="getSummaries" show-summary > </el-table> getSummaries(param) { const { colu.
2021-10-12 08:54:15
492
原创 vue element el-date-picker 日期选择器 设置默认本月第一天到今天
<el-col :span="6"> <el-form-item> <el-date-picker v-model="date" type="daterange" range-separator="-" start-placeholder="开始日期" end-pla.
2021-10-12 08:50:19
2281
原创 记录 前端常用知识
css写出一个三角形角标div { width: 0; height: 0; border: 5px solid #transparent; border-top-color: red;}水平垂直居中定位div { width: 100px; height: 100px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin:
2021-10-11 13:39:11
75
原创 vue element select 数据更新，显示不变
<el-col :span="5"> <el-form-item label="设备号：" required> <el-select v-model="saveParams.Strequipmentcode" placeholder="请选择" size="medium" ...
2021-10-11 11:23:24
904
原创 nginx 前端发布
nginx.conf#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;events {worker_connections 1024;}http {include mime.types;include lo.
2021-10-11 11:03:21
177
原创 vue 日期比较 验证
比较三个日期。 //日期比较 comparedate(date1, date2, date3) { //date1, date2, date3 开工日期、 竣工日期、验收日期 let oDate1 = new Date(date1); let oDate2 = new Date(date2); let oDate3 = new Date(date3); let falg = true; if (oDate1.getT.
2021-10-11 10:54:09
1110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人