前端技术
关注
分享
扫一扫
前端技术
讓丄帝愛伱
青春是一场大雨，即使感冒了，还盼回头再淋一次！
展开
-
WebSocket替代方案SSE实时通讯
实时通讯是常见的需求，通常使用 WebSocket 来实现这一功能，但在很多场景下，客户端只是需要从服务器接收消息，而非进行双向通讯。这导致 WebSocket 的全双工特性并没有得到充分的利用。Server-Sent Events (SSE) ，一种轻量级的方式来实现服务器向客户端推送消息的需求，同时对比 SSE、WebSocket 和传统轮询技术的优劣，选择适合的实时通讯方案。原创 2025-02-25 21:35:42 · 828 阅读 · 0 评论 -
vscode中TypeScript环境配置
注意： 如果直接运行出现以下错误，是因为ts-node没有安装，只需要全局进行安装即可。乱码的解决方法： 在setting.json中配置。原创 2024-01-29 15:40:31 · 2008 阅读 · 1 评论 -
无法将“ng”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
如果出现这种错误，说明angular-cli没有下载或环境变量里没有相应的东西，需要在cmd里输入 npm install -g @angular/cli，在path路径里就会多出几条环境变量，之后运行angular命令时还可能出现这种错误 “ng : 无法加载文件 C:\Users\17125\AppData\Roaming\npm\ng.ps1，因为在此系统上禁止运行脚本”这种错误，就打开Windows PowerShell,以管理员身份运行，输入。原创 2024-01-18 11:26:30 · 541 阅读 · 0 评论 -
使用npm install时遇到问题:npm ERR! code ERESOLVE
因为npm7.x比npm6.x更严格原创 2024-01-18 11:22:27 · 766 阅读 · 0 评论 -
95% emitting CompressionPlugin ERROR Error: error:0308010C:digital envelope routines::unsupported
这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响.在node.js V17以前一些可以正常运行的的应用程序,但是在 V17 版本可能会抛出这个异常。启动vue项目，报错如下。原创 2023-12-10 19:10:06 · 1949 阅读 · 0 评论 -
error @achrinza/node-ipc@9.2.2: The engine “node“ is incompatible with this module. Expected version
下载的vue项目不支持18版本的node,需要降级到8 || 10 || 12 || 14 || 16 || 17其中的一个版本。查资料都要卸载当前18版本，然后重新安装一个可支持的版本去覆盖，或者重新安装一个版本，使用nvm去切换当前项目的运行版本。再次执行yarn install,执行成功！但很麻烦，不想去改变自己的node版本。原创 2023-12-10 19:01:10 · 2433 阅读 · 0 评论 -
npm报错：npm ERR! code ECONNREFUSED npm ERR! errno ECONNREFUSED，npm ERR! npm ERR! If you are behind a
npm报错：npm ERR!如果发现有代理，就清空它。原创 2023-12-09 15:32:37 · 1124 阅读 · 0 评论 -
Thymeleaf参考手册
Thymeleaf参考手册。原创 2023-08-05 11:15:02 · 435 阅读 · 0 评论 -
特殊字符u2028导致的Javascript脚本异常
u2028是一个神奇的字符，是行分隔符，会被浏览器理解为换行，而在Javascript的字符串表达式中是不允许换行的，从而导致错误。浏览器上表现为一个小点，并且在编辑器里并不会显示出来，浏览器也不会加以解析。原创 2023-07-11 16:01:40 · 681 阅读 · 0 评论 -
iframe标签的sandbox属性
sandbox 属性的值既可以是一个空字符串（应用所有的限制），也可以是空格分隔的预定义值列表（将移除特定的限制）。如果被规定为空字符串（sandbox=“”），sandbox 属性将会启用一系列对行内框架中内容的额外限制。iframe使用sandbox属性后，即使将所有值设为允许，页面中的flash也无法使用。允许弹出窗口（如window.open，target=“_blank”）。允许脚本执行，即允许iframe运行脚本（但不创建弹出窗口）。例如：此iframe只允许加载script，其他的全部限制。原创 2023-06-28 10:55:07 · 2963 阅读 · 0 评论 -
HTML + CSS各种好看按钮组件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>Animation Buttons</h1> <p>Hover us and enjoy the satisfying neumorphic animation designs原创 2023-06-23 14:48:45 · 1853 阅读 · 0 评论 -
JS实现url的编码和解码
它的规则是，除了ASCII字母、数字、标点符号"@ * _ + - . /"以外，对其他所有字符进行编码。它用于对URL的组成部分进行个别编码，除了常见的符号以外，对其他一些在网址中有特殊含义的符号";与encodeURI()的区别是，它用于对整个URL进行编码。: @ & = + $ , #”，这些在encodeURI()中不被编码的符号，在encodeURIComponent()中统统会被编码。scape()不能直接用于URL编码，它的作用是返回一个字符的Unicode编码值。原创 2023-06-15 10:29:36 · 528 阅读 · 0 评论 -
如何阻止 iframe 里引用的网页自动跳转
增加两个：security=“restricted” sandbox=“”（内嵌百度时要允许弹框，即 sandbox=“allow-popups”），前者是 IE 的禁止 js 的功能，后者是 HTML5 的功能。百度代码中有 if (top.location!} 使用里这段代码之后，会自动判断当前的 location 是否是顶层的，即是否被嵌套到 iframe 里面了，如果是，则强制跳转。原创 2023-06-13 14:11:27 · 1621 阅读 · 0 评论 -
JavaScript打开新窗口的几种方式
通过window.returnValue向打开对话框的窗口返回信息，也可以是对象。"您传递的参数为window对象，名称："// 向对话框传递window对象。// 向对话框传递数组。"您传递的参数为："原创 2023-06-13 14:04:06 · 8985 阅读 · 0 评论 -
Ajax提交请求后台返回一个完整的html页面
Ajax提交请求后台返回一个完整的html页面。原创 2023-06-13 13:45:47 · 2209 阅读 · 0 评论 -
原生js实现文件下载并设置请求头header
原生js实现文件下载并设置请求头header。原创 2023-06-13 13:41:41 · 1257 阅读 · 0 评论 -
原生js实现ajax请求带请求头header
原生js实现ajax请求带请求头header。原创 2023-06-13 13:40:30 · 827 阅读 · 0 评论 -
ajax设置header
.ajaxSetup()全局设置Header请求头。beforeSend设置header。setting参数 headers。原创 2023-06-13 13:38:27 · 4684 阅读 · 0 评论 -
iframe嵌套其他网站提示连接被拒绝
最近开发项目中遇到了iframe嵌套页面，遇到了域名提示…拒绝了您的访问。报错：Refused to display ‘http://xxxxxxx/’ in a frame because it set ‘X-Frame-Options’ to ‘deny’.X-Frame-Options： HTTP 响应头是用来给浏览器 指示允许一个页面 可否在或者中展现的标记。站点可以通过确保网站没有被嵌入到别人的站点里面，从而避免 点击劫持 攻击。原创 2023-06-08 21:29:43 · 13187 阅读 · 0 评论 -
jQuery 复选框 checkbox 取值和赋值
单个checkbox。多个checkbox。原创 2023-06-06 21:29:49 · 1997 阅读 · 0 评论 -
css滚动到顶部自动固定
css滚动到顶部自动固定原创 2023-06-06 16:34:51 · 290 阅读 · 0 评论 -
textarea去除光标
去除光标，也不可以选中。不显示光标，可以选中。原创 2023-06-05 16:06:33 · 464 阅读 · 0 评论 -
textarea去掉边框和取消选中后的边框
textarea去掉边框和取消选中后的边框原创 2023-06-05 16:05:55 · 1482 阅读 · 0 评论 -
layer父页面刷新
layer父页面刷新。原创 2023-06-04 20:53:54 · 597 阅读 · 0 评论 -
如何识别 String 里的 ‘\r\n‘ 让 HTML换行显示
然后页面就能成功识别 ‘\r\n’ 或 ‘\n’ ，并换行显示.原创 2023-06-04 20:49:04 · 935 阅读 · 0 评论 -
css强制换行
css强制换行原创 2023-05-31 09:26:21 · 2329 阅读 · 0 评论 -
Thymeleaf几个内置对象
Thymeleaf几个内置对象。原创 2023-05-30 17:57:56 · 151 阅读 · 0 评论 -
Bootstrap切换tab事件
如果没有标签页已经激活，那么隐藏。初始化时不会执行上面的事件。原创 2023-05-27 10:48:08 · 1781 阅读 · 0 评论 -
bootstrapTable 默认行选中
bootstrapTable 默认行选中。原创 2023-05-27 10:33:39 · 1077 阅读 · 0 评论 -
本地缓存localstrage
HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。原创 2023-05-27 10:30:37 · 128 阅读 · 0 评论 -
Validate表单验证
Validate 是 jQuery 的一个子插件， 该插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足用户的各种验证需求。// 全局修改Validate错误提示信息，仅当前页有效。// 修改年龄错误的提示信息，优先级高于全局错误提示。// rmote用法，用户名调用自定义接口校验。"年龄应为0~100的数字""年龄age必填字段哦~"//年龄应为0~100。//年龄应为0~100。"请填写正确的手机号码""这个为必填字段哦~""自定义校验错误~"原创 2023-05-25 21:04:32 · 416 阅读 · 0 评论 -
select框默认选项为空白
第一个option写成这样的。原创 2023-05-20 11:03:11 · 1156 阅读 · 0 评论 -
Thymeleaf获取th:each索引值以及固定数量遍历的实现
userStat是状态变量，有 index,count,size,current,even,odd,first,last等属性，如果没有显示设置状态变量，thymeleaf会默 认给个“就是：将所传对象如：user，加上Stat变成userStat即可使用,也就是第二种方式。注：如果是用user.index则获取不到索引值。原创 2023-05-20 11:02:10 · 867 阅读 · 0 评论 -
Thymeleaf获取根目录
Thymeleaf获取根目录。原创 2023-05-18 21:45:01 · 246 阅读 · 0 评论 -
layer.open的常用参数例子
layer.open的常用参数例子原创 2023-05-18 17:08:15 · 346 阅读 · 0 评论 -
layer关闭子窗口
layer关闭子窗口。原创 2023-05-16 15:52:37 · 193 阅读 · 0 评论 -
如何去掉bootstrap按钮边框
如何去掉bootstrap按钮边框。原创 2023-05-11 13:46:02 · 711 阅读 · 0 评论 -
thymeleaf的each标签遍历取值
thymeleaf的each标签遍历取值原创 2023-05-10 21:13:33 · 177 阅读 · 0 评论 -
Thymeleaf内置对象、定义变量、URL参数及标签自定义属性
在这个控制器的Model中存放了这样几个数据：一个String类型的列表、一个日期对象和一个数值，这些东西在实际应用开发过程中应用非常广泛，下面具体看一下在Thymeleaf中是如何解析这些数据的。page=5时，页面将显示：当前页码：5，说明用th:with来定义变量，多个用,号隔开，使用范围在当前标签内。在Thymeleaf中可以使用th:加上标签的任何属性进行赋值，但有些时候会遇到自定义的属性，再用th:加自定义的属性则会无效。，说明自定义属性用：th:attr，多个属性用,隔开。原创 2023-05-10 21:11:33 · 828 阅读 · 0 评论 -
Thymelead th:with 局部变量
如同 JSP 中 JSTL 的 标签可以用于设置变量值和对象属性一样，Thymeleaf 中可以使用 th:with 进行指定局部变量，局部变量是指定义在模版⽚段中的变量，并且该变量的作⽤域为所在的模版⽚段。原创 2023-05-10 21:04:18 · 310 阅读 · 0 评论