前端
老衲的少女心i
老衲突然喜欢粉红色
展开
-
【vue开发】v2和v3的区别
记录v2和v3在开发过程中的区别提示:以下是本篇文章正文内容,下面案例可供参考以上是我在开发过程中,记录的常规写法,仅作参考使用,如有不规范的或者有问题的,欢迎大家指正~本篇文章我将持续更新~学习加油!冲!原创 2024-04-14 10:15:48 · 236 阅读 · 0 评论 -
URI和URL的区别与联系
它包含以下信息:用于访问资源的协议、服务器的位置(无论是通过IP地址还是域名)、服务器上的端口号(可选)、资源在服务器目录结构中的位置以及片段标识符(可选)。(Uniform Resource Locator)在Web技术中都有着重要的应用,它们都是用于标识和定位互联网上的资源,但存在一些关键的区别。总的来说,URL更侧重于描述资源的位置,而URI则是一个更广泛的概念,可以包括URL以及其他资源标识方式。,即统一资源标识符,则是以一种抽象的、高层次概念定义统一资源标识的方式。,即统一资源定位符,是。原创 2024-04-12 15:53:36 · 188 阅读 · 0 评论 -
在 Monaco Editor 中,获取模型内容改变后的最新错误标记(0.44.0)
monaco-editor对比组件中,在改变了编辑内容之后,点击下一步操作。我这边会有一个格式校验的问题,json格式的校验,我利用的是monaco原生的错误标记,但是在我更新内容之后,重新获取错误标记,并没有更新,还是之前的,导致我的错误校验失败,异常崩溃,但凡之前有一次报错,我改了报错它也还是一直出现,定位到原因是因为monaco组件的事件没有拿到最新的错误标记信息。提示:以下是本篇文章正文内容,下面案例可供参考。原创 2024-04-12 14:44:54 · 315 阅读 · 0 评论 -
vue对嵌入的iframe进行操作记录
在我们新的需求中,需要用到一个外部的界面用于实现数据可视化监控功能,通过嵌入外部的grafana界面实现。需要对这个iframe的url和内部DOM进行操作。iframe的url通过第一次进入界面,请求后端接口拿到。提示:以下是本篇文章正文内容,下面案例可供参考对嵌入的iframe进行操作总结,注意的是需要同源,不然拿不到里面的东西!!!原创 2024-04-12 11:04:23 · 1100 阅读 · 0 评论 -
【报错】Trailing spaces not allowed no-trailing-spaces
“Trailing spaces not allowed no-trailing-spaces” 这句话的意思是“不允许尾随空格”。这通常是在编程或代码编辑环境中遇到的一个规则或错误提示。在许多编程规范和代码质量检查工具中,尾随空格是被视为不规范的,因为它们不携带任何有用的信息,可能会导致不必要的差异和混淆。例如,如果你在代码的某行末尾添加了空格,然后提交了这个更改,但实际上你的代码逻辑并没有变化,那么这个更改可能是不必要的,甚至可能会影响到代码审查或版本控制。因此,一些代码质量检查工具(如ESLint对于原创 2024-04-11 14:33:27 · 353 阅读 · 0 评论 -
【npm下载报错】npm ERR! code EUNSUPPORTEDPROTOCOL npm ERR! Unsupported URL Type “xxx:“: xxx:^0.0.1
xxx提示:以下是本篇文章正文内容,下面案例可供参考xxx。原创 2024-04-09 10:43:35 · 1318 阅读 · 0 评论 -
element-plus+vue的项目,怎么将element的语言设置为中文
找到App.vue,添加下图红色边框内容即可。原创 2024-04-08 16:53:55 · 92 阅读 · 0 评论 -
#Ant Design Pro#初始化搭建报错:pro : 无法加载文件 C:\Program Files\nodejs\pro.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅...
提示:这里可以添加本文要记录的大概内容:报错解决提示:以下是本篇文章正文内容,下面案例可供参考提示:这里对文章进行总结:报错总结。原创 2024-03-26 10:18:42 · 301 阅读 · 0 评论 -
#常见问题总结#在docker中跑前端vue项目
记录在docker中跑前端项目过程中,我遇到的问题以及解决方法提示:以下是本篇文章正文内容,下面案例可供参考删除线格式。原创 2024-01-24 17:43:30 · 460 阅读 · 0 评论 -
验证xml格式的正确性
利用和DOMParser验证XML文本格式的正确性。主要是提示语法错误和错误位置。提示:以下是本篇文章正文内容,下面案例可供参考例如:以上就是本篇文章的主要内容。有关XML的文本格式验证,您还可以到线上工具中进行验证。原创 2023-11-20 16:12:27 · 228 阅读 · 0 评论 -
#js#YAML文件格式验证
【代码】#js#YAML文件格式验证。原创 2023-12-14 14:13:47 · 718 阅读 · 4 评论 -
monaco报错#Unexpected usage at EditorSimpleWorker.loadForeignModule
升级monaco版本,和vue-cli版本,打开.ts后缀的文件,报错。原创 2023-12-05 18:12:42 · 875 阅读 · 0 评论 -
web在线编辑器(vue版)
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考记录web在线编辑器的。原创 2023-08-17 11:42:56 · 2137 阅读 · 0 评论 -
前端常见Linux操作命令
删除所有以"htdocs"开头的文件或目录。rm -rf 要删除的文件名或目录。将文件 dist 改名为 vue。删除当前目录下的所有文件及目录。原创 2023-11-30 10:25:30 · 446 阅读 · 0 评论 -
前端常见docker操作命令
前端常见docker操作命令提示:以下是本篇文章正文内容,下面案例可供参考前端常见docker操作命令。原创 2023-11-27 14:29:38 · 366 阅读 · 0 评论 -
前端js常用代码段总结
前端js常用代码段总结原创 2023-11-15 17:49:50 · 298 阅读 · 0 评论 -
The request client is not a secure context and the resource is in more-priyate address space “local‘
当前用户打开的站点是http,但是在当前站点是一个angular和vue共存的界面,vue里面引入的jq资源是https,在谷歌里面打开就报跨域,换成https打开,就没有这个问题。当然,这两个都需要用户手动更改,那么有没有不需要用户操作的方法尼?我还在研究中~有想法的伙伴可以留言,一起讨论呀!谷歌浏览器报错无法正常打开站点,非谷歌内核可以正常打开。原创 2023-11-17 10:12:03 · 113 阅读 · 0 评论 -
vue单界面高度铺满全屏
vue单界面高度铺满全屏原创 2023-01-04 15:56:36 · 2156 阅读 · 0 评论 -
报错记录#element plus的dialog组件使用原生的input上传,报错Uncaught RangeError: Maximum call stack size exceeded的处理
Uncaught RangeError: Maximum call stack size exceeded报错解决原创 2022-10-20 15:43:01 · 1403 阅读 · 0 评论 -
#element-plus#Table 表格限制多选个数
有关element plus 的tabel组件限制多选个数的记录原创 2022-10-12 11:05:55 · 1069 阅读 · 0 评论 -
vue3和elmentplus中处理分页器显示由英文改为中文
elementplus正常引入分页器,显示的是英文,跟产品要求不一致,需要改成中文显示原创 2022-09-22 18:23:10 · 1118 阅读 · 0 评论 -
#git#工作中常见操作总结
我在工作过程中常见的git操作总结原创 2022-09-22 15:38:11 · 114 阅读 · 0 评论 -
基于elementUI封装的不区分大小写下拉搜索组件
二次封装下拉搜索组件,不区分大小写原创 2022-09-21 10:43:02 · 724 阅读 · 0 评论 -
【报错】Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘concat‘)
我的vue3笔记原创 2022-07-29 02:00:57 · 6720 阅读 · 0 评论 -
#vue#条件渲染
vue的条件渲染的总结原创 2022-07-04 00:33:05 · 153 阅读 · 0 评论 -
解决iframe嵌套第三方网页,导致鉴权失败无法登录的问题
目录前言一、iframe是什么?二、401 (Unauthorized)三、解决总结前言最近遇到的一个问题,老项目的第三方以iframe嵌入的网页,无法正常登录了。定位问题,发现:控制台报错401 (Unauthorized),导致的无法正常登录。是因为我们iframe的问题,产生了跨域,导致我们的cookie无法共享。提示:以下是本篇文章正文内容,下面案例可供参考一、iframe是什么?HTML 内联框架元素 (< iframe >) 表示嵌套的browsing contex原创 2022-05-23 15:33:18 · 16813 阅读 · 0 评论 -
文件上传#如何将文件类型的数据转换成Buffer类型的数据(二进制流)传递给后端人员
前端文件上传处理原创 2022-05-19 01:57:25 · 5808 阅读 · 0 评论 -
关于screenX、clientX、pageX, offsetX的相关介绍
概念1. offsetX 和offsetYoffsetX :鼠标点击位置相对于触发事件对象的水平距离offsetY:鼠标点击位置相对于触发事件对象的垂直距离2. clientX 和clientYclientX:返回当事件被触发时鼠标指针向对于浏览器页面(客户区)的水平坐标。 客户区指的是当前窗口。(不会计算水平滚动的距离)clientY:返回当事件被触发时鼠标指针向对于浏览器页面(客户区)的垂直坐标。 客户区指的是当前窗口。(不会计算垂直滚动的距离)3. pageX 和pageY原创 2021-04-07 19:53:37 · 511 阅读 · 0 评论 -
字面量和变量
字面量和变量__字面量__都是一些不可改变的值(可以理解为常量) 比如:1 2 3 4 5字面量都是可以直接使用的,但是我们一般都不会直接使用字面量__变量__可以用来保存我们的变量,而且变量的值是可以随意改变的变量更加方便我们使用,所以在开发中都是通过变量去保存一个字面量的,而很少直接使用字面量可以通过变量对字面量进行描述声明变量在js中使用var关键字来声明一个变量var a;为变量赋值a=000;声明和赋值同时进行var b=123;...原创 2021-03-19 15:04:10 · 58 阅读 · 0 评论 -
Invalid left-hand side in assignment页面报错问题解决方法
报错截图:截图内容翻译:即左边的参数引用报错。错误代码截图:错误原因:user="zhousujuan"&&pass="12345678"的写法不正确.应该写user=="zhousujuan"&&pass=="12345678"。更改后不报错.程序运行正常。更改后代码:<script> //先弹窗,并获取用户初始输入的账号名和密码 var user=prompt("请输入用户名:"); var pass=prompt("请输入密原创 2021-03-23 20:31:36 · 28799 阅读 · 0 评论 -
一元运算符
一元运算符,只需要一个操作数+ 正号—正号不会对我们的数值产生任何影响- 负号—负号可以对数字进行负号的取反var a=123;//123var a=+123;//123a=-a;//对a进行取反操作,结果为-123a=true;//对于非number值,先将其转换为number,再进行运算a=-a;//-1 //类型为number//可以用+将任意类型的数据类型转换为Number类型)(隐式类型转换)var result=1++"2"+3;//6console.log(a);原创 2021-03-24 21:06:15 · 302 阅读 · 0 评论 -
#demo#网页小游戏:贪吃蛇
贪吃蛇目标:整图为一个 64 * 40 大小的矩形随机在空白坐标点生成食物蛇不能撞墙和吃自己每吃一个食物身体长一格初始速度为 150ms 移动一次,随着食物越多,速度越快,最快 50ms 移动一次方向的改变用键盘的方向键控制,不能直接往反方向转向思路:使用 canvas 作为基础实现方式蛇的主体采用一个二维数组来实现绘制蛇的移动去掉蛇数据结构的最后一位,根据方向和蛇头的数据做相应更改再添加到蛇主体头部,同时判断是否结束蛇将要移动的坐标点是否是食物的位置,如果是则不删除蛇的最后一位原创 2021-05-08 19:24:48 · 143 阅读 · 0 评论 -
赋值操作符
赋值操作符-简单的赋值操作,直接把等号右边赋值给等号的左边(变量,对象属性,数组的值)-复杂的赋值1:先把右侧的进行计算操作,然后赋值给左侧-复杂的赋值2:使用+= -= *= /= %=进行赋值运算-赋值语句也有返回值,返回的是等号右边的值-还可以连续赋值var a=1;var b=1+1;//递增a=a+1;//可以简写为:a+=3;console.log(a);//5//减法运算var b=3;b-=2;console.log(b);//1//原创 2021-03-25 11:49:56 · 282 阅读 · 0 评论 -
html+css:《水平、垂直居中》问题的解决方法总结
水平居中问题1.内联元素水平居中在父元素上设置:text-align:center;2.块级元素水平居中子元素上设置:margin:0 auto;3.利用:(父元素)display:flex;justify-cotent:center;(块级元素、行内块状元素、内联元素)4.已知自身宽度,自身设置:position:absolute;left:50%;margin-left:-(自身宽度的一半(块级元素))5.如果不知道自身的宽度,则:position:absolute原创 2021-04-02 14:38:47 · 139 阅读 · 0 评论 -
typescript简介
TypeScript介绍什么是 TypeScriptTypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 Microsoft 开发,代码开源于 GitHub 上。TypeScript 是 JavaScript 的类型的超集,它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。TypeScript 是开源的。为什么选择 TypeScri原创 2021-06-02 21:07:28 · 412 阅读 · 0 评论 -
用户登录流程分析
用户登录流程分析1.收集表单项数据2.前端验证1.用户信息(账号密码)是否合法2.前端验证不通过的话,就不用提示用户,不需要发送请求给后端3.前端验证通过之后,我们需要向后端发送请求(包括账号和密码)给服务器3.后端验证1.验证用户是否存在2.用户不存在的话直接返回,告诉前端用户不存在3.用户存在的话,验证用户的密码是否正确4.密码不正确的话返回给前端提示密码不正确5.密码正确的话,返回给前端数据,提示用户登录成功(会携带用户的相关信息)...原创 2021-07-20 19:51:57 · 1164 阅读 · 0 评论 -
自增和自减
自增 ++ —通过自增可以使变量在自身的基础上增加1 —对一个变量自增以后,原变量的值会立即自增1 —自增分为两种:后++(a++)和 前++(++a)无论是a++还是++a,都会立即使原变量的值自增1不同的是a++ 和++a的值不同a++的值等于原变量的值(自增前的值)++a的值等于新值 (自增后的值)var a=1;//a=a+1;//a的值加1//使a自加1a++;++a;console.log(a++);console.log("a++ = " +原创 2021-03-24 21:30:38 · 158 阅读 · 0 评论 -
jQuery插件
jQuery插件jquery不可能包含所有的功能,我们可以通过插件扩展jquery的功能。jQuery有着丰富的插件,使用这些插件能给jQuery提供一些额外的功能。jquery.color.jsanimate不支持颜色的渐变,但是使用了jquery.color.js后,就可以支持颜色的渐变了。下载地址:https://github.com/jquery/jquery-color使用插件的步骤1. 引入jQuery文件2. 引入插件(如果有用到css的话,需要引入css)3. 使用原创 2021-04-24 14:26:56 · 61 阅读 · 0 评论 -
CSS选择器的优先级的相关介绍
css选择器的优先级使用不同的选择器,选中同一个元素并且设样式的时候,这样样式就会产生冲突,最终到底采用哪一个选择器定义的样式,由选择器的优先级(权重)决定,优先级高的优先显示优先级规则(权重值)内联样式:1000id选择器:100类和伪类选择器:10元素选择器:1通配选择器:0继承的样式:没有优先级当选择器中包含多种选择器的时候,需要将我们的选择器的优先级加在一起进行计算比较,但是注意,选择器的优先级不会超过他的最大数量级,如果选择器的优先级一样,则使用靠后的样式注意:并集.原创 2021-03-16 19:49:57 · 120 阅读 · 0 评论 -
js实现删除数组中的某个元素
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js实现将数组的某个元素去掉</title> </head> <body> <script> var arr=[1,2,3,4,5,6,0,7,8,9,0]; var newArr=[]; //forEach()遍历数组 //方法里面调用回调原创 2021-03-29 16:32:24 · 313 阅读 · 0 评论