- 博客(46)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Ant Design Vue --- select组件静态实现模糊搜索
Ant Design Vue --- select组件静态实现模糊搜索；使用的数据未带有label和value字段的情况下，实现前端静态模糊搜索如果没有使用a-select-option的情况下，我们只需要把源数据使用map方法加上label和value即可如果使用了a-select-option标签，那么就在a-select-option标签上定义key或者label即可，这样在filterOption函数的option就可以拿到key或者label，然后就可以自定义过滤了。
2025-01-16 17:16:32
416
原创 vue3+vite打包项目，audio文件路径问题
问题记录：2024-12-17 ----- vite打包音视频静态资源问题问题原由：项目中有来新工单提示，需要响铃，本地开发直接引入路径可用，但打包部署至服务器后，测试环境控制台报错，静态资源路径问题，我的项目vite配置baseUrl不是默认的，也不想折腾再去添加插件什么的去修改vite的打包配置，就直接用最简单的方法，将audio文件以import的方式引入，再赋值给audio的src就可以了，完美解决！
2024-12-17 10:36:00
194
原创 wangEditor富文本编辑器渲染&；、 ；等实体字符，以字符串形式渲染
项目有要求需要可以填写&字符串，但是每次都只显示一个&符号；通过自定义处理，将内容中的&做一下替换。
2024-09-03 10:30:24
256
原创 window.open指定打开新窗口，并且自定义修改窗口名称
window.open指定打开新窗口，并且自定义修改窗口名称；网上找的大部分都是window.open(url, name) 这种的使用第二个参数来指定，但是试了不行。vue3项目window.open指定打开某个路由页面，并且修改窗口名称。还是自己老老实实找到window对象实例，找到新窗口的title修改。
2024-07-18 17:08:00
1011
原创 wangEditor富文本编辑器自定义拖拽文本框调整内容高度
wangEditor富文本编辑器自定义拖拽文本框调整内容高度wangEditor版本：“@wangeditor/editor”: “^5.1.23”
2024-07-16 11:11:43
670
原创 window对象监听浏览器页签之间的切换状态；前端监听浏览器切换页签的触发时机
window对象监听浏览器页签之间的切换状态记录两种办法。window对象监听浏览器页签之间的切换状态；前端监听浏览器切换页签的触发时机。
2024-07-10 15:14:50
765
原创 toLocaleString方法使用；js获取本地时间年月日和当前周，时分秒动态显示；
本项目是vue3的项目，以vue3为例；使用方法。使用toLocaleString方法年月日：xxx.toLocaleString('chinese', { year: 'numeric', month: 'long', day: 'numeric' })当前周：xxx.toLocaleString('chinese', { weekday: 'short' })时分秒：xxx.currentDate.toLocaleString('chinese', { hour: 'numeric', mi
2024-04-12 14:51:00
460
原创 Ant Design Vue table固定列失效问题解决
Ant Design Vue table固定列失效问题解决；问题描述：项目中封装好的公共table组件，基于Ant Design Vue table封装；使用中，用到了列固定，但是没生效，找了好久的原因。。。最后是因为外层容器标签导致；，那么它们两者之间不能有div或其他的标签，；否则将会出现列无法固定的问题；下面看代码！
2024-04-02 14:38:36
901
原创 Failed to resolve component: v-nodes；Ant Design Vue Select dropdownRender；vue setup VNodes注册
在使用Ant Design Vue框架的a-select组件时，因为没有全选功能，需要自己使用插槽增加全选和取消全选功能；根据官方文档提供的方法，完美解决。
2024-03-22 21:28:40
577
1
原创 本地映射测试环境域名，解决登录测试环境后，也可以使用本地域名访问，可以正常跑本地项目
问题：单点登录进入系统不使用token，是将token携带在cookie中，登录成功后每次调用接口，都会在cookie中自动携带，这样导致即使在本地使用proxy代理解决了跨域，但由于本地域名不一致，也无法进行本地开发。
2023-12-29 15:15:14
1122
原创 Ant Design Vue表单组件a-form-item-rest使用
Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item, you haved set ACheckbox, ACheckboxGroup 2 field items.You can set not need to be collected fields into a-form-item-rest
2023-12-25 15:09:38
3473
原创 Nginx本地代理，Nginx代理服务配合本地host映射，解决本地代码跑测试环境服务
Nginx本地代理，Nginx代理服务配合本地host映射，解决本地代码跑测试环境服务；问题描述：项目登录使用cas单点登录，并不在前端自己登录，`本地启动`起来之后调用接口，后端会判断是否经过认证登录，如果没有，则会返回cas登录的页面，登录成功后直接跳转至`测试环境的系统首页`。问题就出在登录之后，不使用token认证，是后端自己的服务判断，因为`本地是localhost`，而cas登录成功后`跳转的是服务器上的测试环境`，所以本地每次请求接口都会认为是未登录状态，导致无法进行本地开发
2023-12-22 11:32:04
1068
原创 浏览器控制台报错Failed to load module script:解决方法
原本nginx直指向了一个前端项目，后来又加了一个，就直接复制的上一次的，导致变量名重复报的错。在vue项目打包上传至服务器出现的报错。
2023-11-06 10:06:21
1990
原创 vue项目使用vite设置proxy代理，vite.config.js配置，解决本地跨域问题
vue3+vite4项目，配置代理实现本地开发跨域问题，非同源请求，也就是协议(protocol)、端口(port)、主机(host)其中一项不相同的时候，这时候就会产生跨域；vite的proxy代理和vue-cli的proxy大致相同，需要在vite.config.js文件中配置（打包配置也在此）代理配置在server中，可以上vite官网服务器选项查看server.proxy代码示例：开发服务器选项–server.proxy需要注意：使用了代理之后，axios的base路径需要改成代理路径，比如在
2023-11-03 17:44:18
16720
1
原创 Nginx命令总结
Nginx命令总结；启动、检查配置文件、重载、关闭；查看nginx运行进程；windows 查看 nginx 是否启动；查看Nginx安装和启动文件的路径
2023-02-08 15:14:29
808
原创 Nginx下载与安装
Nginx 下载与安装，Nginx官网地址，点击进入官网,下载稳定版，下载到本地之后将压缩包解压，找到nginx.exe文件双击启动，然后打开网页输入localhost会出现Nginx的默认页面，这就表示成功了！
2023-02-08 14:21:59
196
原创 阿里云ECS安装部署nginx，前端在linux服务器安装使用nginx
阿里云ECS安装使用nginx，前端在linux服务器使用nginx
2022-02-04 18:05:36
2924
2
原创 记录yarn安装全局包，无法使用的问题：‘yo‘ 不是内部或外部命令，也不是可运行的程序或批处理文件
碰到的问题：全局安装yeoman，使用yo命令试，报出错误，下面贴图原因：环境变量中没有配置yarn的全局路径解决：1. 检查当前yarn 的录 — yarn global bin2. 检查当前 yarn 的全局安装位置 — yarn global dir3. 将yarn的全局安装路径配置到环境变量当中 以我的为例：我自定义了全局的安装路径和缓存路径，后面的路径自己定义1. 修改全局路径 — yarn config set global-folder D:\system\no.
2021-08-25 23:45:43
2219
原创 NodeJs基础
Nodejs一. Nodejs可以用来做什么？具有复杂逻辑的动态网站WebSocket服务器命令行工具带有图形界面的本地应用程序二. 终端基本使用打开应用notepad打开记事本mspaint打开画图calc打开计算机write写字板sysdm.cpl打开环境变量设置窗口常用命令md创建目录rmdir(rd)删除目录，目录内没有文档echo on a.txt创...
2021-04-01 09:46:46
180
原创 基于express的布局，express-ejs-layouts使用，＜%- defineContent(‘header‘) %＞、＜%- contentFor(‘header‘) %＞两种语法详解
node+express的项目中，碰到了这个布局<%- defineContent('header') %>、<%- contentFor('header') %>这两个语法一开始不太懂，后来慢慢的就理解了，记录一下！下面也会放项目截图用作理解解释：<%- defineContent('header') %> 理解： 一般都是写在入口layout.ejs文件的，目的是为了渲染自定义视图，相当于是一个占位符，类似与vue中的 <router-view&g.
2021-03-29 15:39:15
922
转载 js断点续传，结合php后端
网上寻觅到的一个案例，目的是为了解决目前在项目中碰到的上传文件过大失败的问题。可以用断点续传来解决。记录一下，省得以后找不到了；源码地址：https://files.cnblogs.com/files/viewts/upload.zip下载下来的文件需要配合php环境运行，因为后端的处理方法是php写的，这里推荐使用wampserver,详细使用请看另一篇：https://blog.youkuaiyun.com/weixin_43996999/article/details/108201663使用J.
2020-08-27 15:05:54
289
原创 wampserver安装及使用，集成php环境
用到这个工具的原因是，有一个小案例，需要php环境。我是前端开发，不咋会弄php环境，vscode需要指向一个php.exe文件来编译执行php文件，但是我弄了半天也没弄好，所以就用这个了！！！Wamp就是Windos Apache Mysql PHP集成安装环境，即在window下的apache、php和mysql的服务器软件。PHP扩展、Apache模块，开启/关闭鼠标点点就搞定，再 也不用亲自去修改配置文件了，WAMP它会去做。再也不用到处询问php的安装问题了，WAMP一切都搞定了官网.
2020-08-24 16:40:10
712
原创 Linux命令 - 基础常用命令
基于项目中用到的一些命令重启服务：pm2 reload xxx显示当前文件：ls删除文件命令：rm -rf xxx修改某个文件：vim ./xxx退出：:q不保存退出：:q!保存退出：:wq显示当前所在位置的路径：pwd将服务器上的文件拷贝下来，用作备份：sz xxx全量部署代码：10.1：代码备份：cd /opt/web进入项目文件执行备份命令 tar -cvf xxxx.tar i8Community || i8WorkflowNode10.2：进入根目录：cd / --&.
2020-08-07 16:48:22
175
原创 jquery 各版本之间的兼容性问题解决
记录一下高版本jquery兼容性的解决方法在使用xheditor富文本控件时，由于项目中用到的是3.3.1版本的jquery，所以报了兼容性错误xheditor版本较低，用到的语法是1.x的jquery解决方法就是找到兼容低版本并且还可以保留高版本jquery功能的文件http://jquery.com/download/ 到这个地址去找到兼容文件，打开复制到本地项目(由于不能直接下载)...
2020-07-01 20:27:49
5954
原创 Nodejs+Express+MongoDB实战
项目安装安装express脚手架：npm install express-generator -g创建项目：express -e project -e代表使用ejs模板，project是项目名称进入项目：npm install下载依赖包安装nodemon：npm install nodemon -g 使用nodemon来启动项目，不用node来启动启动项目：npm start,端口号...
2020-07-01 16:42:18
1863
原创 MongoDB数据库配置详解以及常用命令
MongoDB安装官网下载：https://www.mongodb.com/download-center/community—介绍https://www.cnblogs.com/dreamsqin/p/10885038.html安装到D盘MongoDB目录下，将D:\MongoDB\bin配置到环境变量path下测试MongDB是否安装成功– 打开cmd命令行– 进入D:\Mongo...
2020-07-01 15:33:24
616
2
原创 后端返回url实现预览和下载文件（目前只支持图片和pdf文档）
最近新接触的一个node+express的项目，要做一个在线预览和下载的功能。费了好大的劲，总算是写的差不多了，下面总结一下：这次并没有调取接口，是在列表的操作列有一个预览按钮。然后后端将文件的url、type、id都在列表的每条数据里返给了我们点击预览的时候需要弹框展示，这里用到的是layui的模态框我们拿到文件url，在弹框...
2020-02-27 11:18:01
10165
1
转载 window系统配置nvm管理工具
参考：https://www.cnblogs.com/jing-tian/p/11225123.html建议为了方便以后开发过程中，兼容新旧项目的node版本，直接装上nvm环境再装node，如果电脑中本来就装了node环境也不要紧。不会冲突nvm-windows 最新下载地址：https://github.com/coreybutler/nvm-windows/releases可以看...
2020-02-14 01:26:55
296
原创 express初始化简单配置
图书管理系统（实现增删改查，路由，模板等功能）初始化– npm express body-parser art-template express-art-template下载依赖 /** * 图书管理系统（小demo）----入口文件 */ const express = require('express'); const template = require('art-te...
2019-11-21 10:19:04
335
原创 bootstrap-table-fixed-columns表格控件使用方法（操作复杂表头并且固定表头和固定列）
需要引入的东西bootstrap.min.cssbootstrap-table.cssbootstrap-table-fixed-columns.cssjquery.min.jsbootstrap.min.jsbootstrap-table.jsbootstrap-table-fixed-columns.js用法一个方法；$el.bootstrapTable(‘destr...
2019-11-01 10:30:00
9520
原创 常用的正则表达式
1./^[1][3,4,5,6,7,8,9][0-9]{9}$/ 移动手机号2./^1[3456789]\d{9}$/ 移动手机号3./^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/ 邮箱4./0\d{2,3}-\d{7,8}$/ 座机...
2019-11-01 10:11:36
771
转载 下拉列表多选：bootstrap-select.js控件，支持下拉多选搜索，N种样式
参考网址：https://www.cnblogs.com/landeanfen/p/7457283.html#_label1阅读目录一、组件开源地址以及API说明二、组件效果示例三、使用示例 1、基础示例 2、其他效果示例 &nb...
2019-07-25 11:33:01
3209
原创 js封装获取本周、本季度、本月、上月的开始日期、结束日期、每周的日期数组
个人总结/*** 获取本周、本季度、本月、上月的开始日期、结束日期*/var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天本周的第几天 var nowDay = now.getDate(); //当前日 var nowMonth = now.getMonth(); //当前月 var nowYear =...
2019-07-24 20:18:55
413
原创 angularjs的angular-tree-dnd、angular-tree-control树结构控件简单使用
个人总结前言：项目已经上线，但还是有挺多功能不怎么了解，例如：菜单管理、用户管理、权限、数据字典等等，今天在这里简单的梳理一下项目中的菜单管理功能(今天刚看了大半天，怕后面忘了，赶紧写上！)做树形图的话用angular-ui-tree比较方便，但这个控件并不支持树形表格先说说数据格式的问题，说到树形图，很多人脑子里出现的数据格式可能就是子节点套在父节点里面，子子节点再套在子节点里面，一...
2019-07-22 16:05:25
2417
原创 实现pdf、jpg、png等预览
个人总结这里使用object元素来实现pdf、图片等预览显示效果。预览弹框html页<div style="min-height:300px;"> <div class="text-right"> //这个标签是X号 推出界面功能 <span ng-click="closePdfModal()" class="glyphicon...
2019-07-21 11:47:17
1715
转载 node.js安装及环境配置。
本文章参考自：https://www.cnblogs.com/liuqiyun/p/8133904.html第一步： 看看自己的电脑是基于多少位的操作系统（本机是64位）;对应的下载64位版本的node.js第二步： 下载node网址：https://nodejs.org/en/download/第三步： 打开网站之后的操作；下方贴图第四步： 下载下来之后进行安装，双击安装包，之后...
2019-07-18 21:53:57
247
原创 angularjs项目中的app.js的用处(根据本公司的项目就目前的功能来讲)-----angular路由
1.公司中angular的项目，app.js是一个自加载函数，包含了angular的路由信息和angular程序启动时最先加载的代码(app.run(),当angular的程序启动时，最先执行run方法里的代码)2.就目前来讲，包含了angular的路由信息和angular程序启动时最先加载的代码；下面代码体现(function () { 'use strict'; //...
2019-07-16 20:12:06
1165
原创 angularjs项目中的appService.js的用处(根据本公司的项目就目前的功能来讲)
公司中angular的项目，appService.js是angularjs实例的声明、配置等文件。就目前来讲，配置接口服务器域名地址、发送请求统一带上token(拦截器)、封装http请求,支持get,post,delete,put,DownloadFile方式，下面代码体现var app = angular.module('app', [ 'ngAnimate', 'ng...
2019-07-16 20:05:31
1466
wampserver.rar
2020-08-27
upload.rar
2020-08-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人