前端技术

成功只是一只沦落在鸡窝里的鹰，成功永远属于自信且有毅力的人！

累计撰写 377 篇文章
累计创建 136 个标签
累计收到 12 条评论

标签搜索

目录CONTENT

以下是前端技术相关的文章

2023-01-17
解决URL出现ZERO-WIDTH SPACE (ZWSP, 0宽度不可见字符)的情况 Zero-width space(ZWSP)的Unicode编码为U+FEFF，二进制编码为“\xE2\x80\x8E”,对该字符编码 encodeURI(url)后为 %E2%80%8E。根据维基百科描述，其主要用于后台处理字符边界而又无需可见空格的情况。简言之就是该字符具有空格的功能，但宽度为零。这样的字符还有%E2%80%A8，%E2%80%A9，%E2%80%8B，%E2%80%8C，%E2%80%8D，%E2%80%8E等。这些字符一般打不出来，基本上都是从其他地方（如word，markdown）中复制过来的，且肉眼不可见。如果该字符出现在url中时，会使你的URL出现错误。
- 2023-01-17
- 44
- 0
- 0
- 前端技术
- 知识点
2022-10-03
vue组件之间的通信方式在vue中，每一个.vue文件，都被称之为组件，各个组件之间的信息传递称为组件通信。对于vue来说，组件之间的消息传递是非常重要的，按组件之间的关系分为：父子组件之间的通信、兄弟组件之间的通信、祖孙与后代之间的通信、非关系组件之间的通信。
- 2022-10-03
- 163
- 0
- 0
- 前端技术
- vue
2022-08-22
JavaScript中字符串(string)与json的互转方式项目开发中，Ajax是我们经常要用到的方式，无论是前端还是后端，JSON格式都是通用的。所以我们经常需要进行JSON对象和字符串对象的互转。如将JSON格式的字符串返回到前端，前端解析成JS对象（JSON ）。ECMA-262(E3) 中没有将JSON概念写到标准中，但在 ECMA-262(E5) 中JSON的概念被正式引入了，包括全局的JSON对象和Date的toJSON方法。
- 2022-08-22
- 197
- 0
- 0
- 前端技术
- 知识点
2022-06-18
element-ui 中 el-transfer 穿梭框组件实战指南 el-transfer 穿梭框组件就是左右各有一个复选框列表，可以将左侧选中的项目移动到右边，后者将右侧的选中项移回左边的控件。一般用于授权、成员分配、物品交换等场景，本文从基本使用入手，详细介绍 el-transfer 穿梭框在常见场景下的使用方法。
- 2022-06-18
- 1713
- 0
- 0
- 前端技术
- ElementUI
2022-06-07
JS逻辑运算符和条件运算符的使用技巧 JS逻辑运算符是二元操作符，也叫二元布尔操作符，是基于逻辑（boolean）值的运算，返回的是 boolean 值。二元逻辑运算符主要包括：逻辑与 `&&`、逻辑或 `||` 和逻辑非 `!`，二元布尔操作符是可短路的，只有在必要时才会计算到最后一项。JS条件运算符是JS中唯一的三元操作运算符，它是将两个结果中符合运算逻辑的那个值返回。三元运算符一般用于替代if条件判断语句。
- 2022-06-07
- 366
- 0
- 0
- 前端技术
- 知识点
2022-05-20
原生js使用 nextSibling 实现可输入下拉框 HTML中的每个标签元素、属性、文本都能看做是一个DOM的节点，这些dom节点构成了一个树形结构，类似于一颗家族树一样，一层接一层，这就是Html的DOM树。而JavaScript为了能够操作Html，定义了一套自己的dom编程接口，通过这些接口可以操作html的每个DOM节点。本教程我们使用nextSibling属性实现可编辑的下拉框。
- 2022-05-20
- 509
- 0
- 0
- 前端技术
- 知识点
2022-05-17
让你的浏览器屏蔽js错误提示，实现JS容错功能当网页JS运行出错的时候，会在浏览器的状态栏显示出错的小图标，或者用F12打开开发者调试工具，可以在控制台看到js的错误信息。如果你是做二次开发，对别人的js代码不了解，且这个js错误对程序的运行没有实质的影响，那么你就可以用下面的方法来禁止浏览器提示这种信息，屏蔽掉出错提示。
- 2022-05-17
- 811
- 0
- 0
- 前端技术
- 知识点
2022-05-17
ES6新特性7：Promise详解 Promise对象是ES6提出的新特性中十分重要的成员之一，是异步编程的一种解决方案，比传统的解决方案“回调函数和事件”更加合理和更强大。它的存在使得我们在处理异步操作的时候写法更加简洁，且结合async和await关键字使用的话会让代码更加清晰和优雅，是建议前端开发人员必须要掌握的知识点之一。
- 2022-05-17
- 224
- 0
- 0
- 前端技术
- ES6
2022-05-15
利用Blob进行文件分片上传并使用Blob URL(blob:http)下载图片 BLOB (binary large object)，二进制大对象，是一个可以存储二进制文件的容器。Blob 对象表示一个不可变、原始数据的类文件对象。我们可以使用 Blob 对象隐藏真实的资源路径，在一定程度上可以起到数据的加密性，更多的是为了干扰爬虫。比如日常使用的一些音频，视频，图片，我们都可以使用其 Blob 二进制数据流来表征数据，而非使用 uri，就像经常用到的 image src 的 dataUrl。
- 2022-05-15
- 378
- 0
- 0
- 前端技术
- 知识点
2022-05-13
内容安全策略CSP 和 Refused to load the image blob:... 问题 CSP主要是用来定义页面可以加载哪些资源，减少XSS的发生。其核心思想十分简单：网站通过发送一个 CSP 头部，来告诉浏览器什么是被授权执行的与什么是需要被禁止的。被誉为专门为解决XSS攻击而生的神器。常见问题Refused to load the image 'blob:' because it violates the following Content Security Policy directive
- 2022-05-13
- 1545
- 0
- 0
- 前端技术
- 知识点

1
2