前端驿站
记录前端知识
一枚小蜗牛H
这个作者很懒,什么都没留下…
展开
-
Vue代码检查工作流:husky
husky 是一个 git hooks 工具 ( git的钩子工具,可以在特定时机执行特定的命令 )初始化 husky 工具配置 https://typicode.github.io/husky/:默认进行的是全量检查,耗时问题,历史问题。git初始化 git init。原创 2023-12-13 11:29:53 · 110 阅读 · 0 评论 -
Springboot WebSocket + Vue3 整合一篇通超详细图文
Springboot+vue3整合WebSocket(粗略简单能用)原创 2023-12-12 17:29:44 · 1316 阅读 · 0 评论 -
解决Vue3项目打包后dist中的index.htm无法用浏览器直接打开
创建一个服务器来访问资源(最简单了,不过要有环境,普通电脑还是不行,其他方式参考其他帖子):可以打开浏览器在localhost:8080中查看了,访问成功!原创 2023-12-09 09:19:23 · 2793 阅读 · 0 评论 -
vue中三种下载文件方式(太烂了)
【代码】vue三种下载方式。原创 2023-12-05 15:32:44 · 1270 阅读 · 0 评论 -
VsCode Vue3 eslint+prettier格式化项目
选择eslint+prettier格式化。原创 2023-12-05 10:30:22 · 489 阅读 · 0 评论 -
npm插件使用 进度条卡住解决方法
在2022.06.30日时,淘宝已经停止对 http://npm.taobao.org 和 http://registry.npm.taobao.org 的解析了,新的域名:npmmirror.com。NPM安装教程-阿里巴巴开源镜像站 : https://developer.aliyun.com/mirror/NPM。原创 2023-11-29 08:56:01 · 174 阅读 · 0 评论 -
vscode设置保存自动格式化vue代码
ctrl+s。原创 2023-11-28 14:32:26 · 1237 阅读 · 0 评论 -
微信小程序生成跳转二维码
生成小程序二维码原创 2022-07-27 10:06:55 · 1011 阅读 · 0 评论 -
全局 CLI 配置
有些针对@vue/cli的全局配置,例如你惯用的包管理器和你本地保存的 preset,都保存在 home 目录下一个名叫.vuerc的 JSON 文件。你可以用编辑器直接编辑这个文件来更改已保存的选项。原创 2021-04-15 20:58:14 · 147 阅读 · 0 评论 -
创建VUE脚手架
1.启动vue ui2.选择一个路径创建项目3.创建项目名4.没有预设手动设置5.设置功能6.设置配置7.创建项目 等待完成原创 2021-04-15 20:13:25 · 79 阅读 · 0 评论 -
VUE去除访问路径中的“#“
路由中index.js配置const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes})原创 2021-04-15 20:52:09 · 340 阅读 · 0 评论 -
Vue脚手架结构介绍
原创 2021-04-16 22:19:38 · 189 阅读 · 0 评论 -
Vue自定义组件
1.组件:huihuiItem.vue<!----><template> <div class="box"> <!-- 系统首页--> <el-menu-item :index="item.menuPath" v-if="item.menuType===1"> <i :class="item.menuIcon"></i> <span slo..原创 2021-04-27 22:38:04 · 150 阅读 · 0 评论 -
VsCode:yarn 无法加载文件 “C:\Users\admin\AppData\Roaming\npm,因为在此系统上禁止运行脚本“ 的问题
VsCode:yarn 无法加载文件 “C:\Users\admin\AppData\Roaming\npm,因为在此系统上禁止运行脚本“ 的问题原创 2023-09-13 16:16:05 · 208 阅读 · 0 评论 -
2023前端笔记-HTML
HTML笔记原创 2023-08-11 16:45:31 · 57 阅读 · 0 评论 -
ruoyi vue部署服务器,点击刷新、登录主页、退出报404和nginx问题解决
ruoyi vue部署服务器,点击刷新、退出报404和nginx欢迎页面不是主页问题原创 2023-07-03 11:18:48 · 3455 阅读 · 0 评论 -
关于vue项目部署后刷新网页报404错误解决
关于vue项目部署后刷新网页报404错误解决原创 2022-08-05 17:28:09 · 996 阅读 · 0 评论 -
Springboot elementUI字体错误 图标显示异常
如果本地已经下载elementUI的JS、CSS、字体库还是异常(cdn不会出现这个问题)浏览器调试报错Failed to decode downloaded font: http://localhost:9800/fonts/fontawesome-webfont.woff?v=4.4.0OTS parsing error: incorrect file size in WOFF header Failed to decode downloaded font: http://loc.原创 2021-12-14 13:43:43 · 625 阅读 · 0 评论 -
Layui Ajax提交表单不生效问题
巨坑!!!!!!!!!!!!!!!!!要是引用'jquery'模块, 不管下面有没有return false;依旧会自动提交表单到本路径.解决方案, 直接layui.$ 加载模块就行了ajax提交成功原创 2021-09-27 16:04:27 · 306 阅读 · 0 评论 -
解决HTML/JSP页面中 iFrame 高度设置100%无效的一种方式
如果jsp页面的文档标准为<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">效果: 只显示一点这个时,设置高度为100%时无效。所以必须页面标准设置为:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">效果:原创 2021-09-17 11:50:02 · 1402 阅读 · 0 评论 -
JS遍历Object所有属性
var str="";for (var item in message.data){ str +=item+":"+message.data[item]+"\n";}console.log("message值: "+str)原创 2021-09-15 16:12:23 · 301 阅读 · 0 评论 -
input标签中对时间格式化
<input type="text" value="<fmt:formatDate value='${equipment.equInstallTime}' pattern='yyyy-MM-dd'/>" />原创 2021-09-13 11:41:37 · 2250 阅读 · 0 评论 -
JSP
Socket编程1.1.TCP/IP 协议在计算机网络与信息通讯领域里,人们经常提及 “协议” 一词。互联网中常用的协议有HTTP、TCP、IP等。简单来说,协议就是计算机与计算机之间通过网络通信时,事先达成的一种 “约定”。这种“约定”使不同厂商的设备、不同的CPU以及不同操作系统组成的计算机之间,只要遵循相同的协议就能够实现通信。TCP是面向连接的协议,发送数据比较安全,不会丢包;UDP是无连接的,数据包是不安全的;但是性能比较高应用层会话层会话层传输层 :TCP UDP网络层原创 2021-02-26 11:30:19 · 113 阅读 · 0 评论 -
vue环境 文件 上传
1.Base64文件上传1.1.前端JS<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文件上传</title></head><body><div id="app"> <img :src="ImgUpload" alt="" ref="image" height="原创 2021-04-08 20:46:49 · 129 阅读 · 0 评论 -
$(‘#id‘).val() 作用JSP<input>获取controller参数,JS获取JSP参数
JSP:页面<input type="hidden" id="idcard" name="idcard" value="${idcard}"/> value="${idcard}": 获取请求参数JS页面:me.idcard = $('#idcard').val(); 查找JSP中<input>的id,$('#idcard').val(), 获取参数值原创 2021-09-02 11:16:25 · 2412 阅读 · 0 评论 -
JSTL中的三目运算${ A ? B : C}
empty 判断是否为空原创 2021-09-03 16:13:59 · 573 阅读 · 0 评论 -
formatter function (value,row,index){ } 参数的含义
datagarid的formatter属性formatter : function(value,row,index) { if (value == '1') { return "提交"; }else if (value == '99') { return "完成"; }else{ return "保存"; }}formatter 属于列参数,表示对于当前列的数据进行格式化操作,它是一个函数,有三个参数,分别是value,row,inde原创 2021-09-07 17:14:49 · 4402 阅读 · 2 评论 -
AJAX
Ajax(Asynchronous JavaScript XML)异步请求异步和同步区别 同步:多个操作不能同时进行,只能一个一个来, 异步:多个操作之间不需要相互等待,可以同时进行用途:对页面进行局部更新;不需要更新整个页面1.1. 在JS中使用Ajax<body><script> let xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, S原创 2021-02-26 11:32:25 · 61 阅读 · 0 评论 -
JSON和文件上传
JSON1.1. JSON简介JSON是一种轻量级的数据传输格式,解析简单 方便阅读JSON中支持的数据类型:string,数值,布尔,JSON对象,数组,null语法:key :value上下键值对之间使用逗号隔开KEY使用双引号引起来,字符串类型的数据都是使用双引号引起来对象使用{} 数组使用[ ]1.2.Java对JSON的处理Java中并没有内置JSON的解析,因此使用JSON需要借助第三方类库。下面是几个常用的 JSON 解析类库:Gson: 谷歌开原创 2021-02-26 11:33:06 · 4693 阅读 · 0 评论 -
npm安装淘宝镜像&安装Vue脚手架
1.通过cnpm使用淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org2.将npm设置为淘宝镜像:npm config set registry https://registry.npm.taobao.org3. 查看cnpm镜像设置:npm config get registry4.查看cnpm镜像设置:cnpm config get registry5...原创 2021-04-13 19:38:10 · 6085 阅读 · 6 评论 -
.bind(this)作用
<script> let vue = new Vue({ el: "#app", data: { img: '' }, methods: { upload(e) { let file = e.target.files[0]; // let s = URL.createObjectURL(file); .原创 2021-04-08 22:17:06 · 2061 阅读 · 0 评论 -
两种图像预览方式
两种图像预览方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文件上传</title></head><body><div id="app"> <img :src="ImgUpload" alt="" ref="image" height="100px" width="原创 2021-04-08 19:58:35 · 106 阅读 · 0 评论 -
Excel表格导入导出
Maven依赖<!--Excel表格导入导出--><dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml</artifactId> <version>3.17</version></dependency>Excel表格导出:原创 2021-04-07 20:46:41 · 277 阅读 · 1 评论 -
Jquery方法一加载/刷新 就执行方法
/*JQ入口函数*/$(function () {function f() { alert("Hello") } f();})原创 2021-03-23 21:54:53 · 426 阅读 · 0 评论 -
前端-JS基础
JS书写位置1.行内式,写在标签的属性中2.内嵌式 ,写在HTML文件中;需要写在script标签中 script标签可以有多个;通常放在body中;3.外链式,外部定义一个JS文件,通过script标签引入,src属性中写JS文件路径;细节点:外链式的script标签中,不能再写JS代码了JS各种弹框1.alert(内容)2.confirm(内容) 确认框3.prompt(内容) 输入确定框4.console.log()在控制台打印 使用最多5.console.dir() 以对原创 2021-02-01 21:24:32 · 623 阅读 · 0 评论 -
前端-JQuery基础
JQuery找元素标签与转换JS: document.querySelector('') document.querySelectorAll('') 返回所有,返回的数组jquery: $('选择器'):返回值是个伪数组,数组元素是DOM对象/JS对象jquery 对象如何转JS对象 因为$('')返回的是一个数组 1,$('')[index]; 2,$('').get(index)JS对象如何转为jQuery对象 $(js对象)<div id="d1">容器1<原创 2021-02-01 21:25:21 · 104 阅读 · 0 评论