# 前端专业技术实战经验分享

> 作者/来源: UCloud 运营管理员
> 发布时间: 2023-01-11T05:20:00.000Z
> 分类: 解决方案
> 标签: 安全, 前端
> 原文链接: http://117.50.162.249:3000/yun/articles/1137

---

# 前端专业技术实战经验分享

> 来源: https://www.ucloud.cn/yun/129754.html
> 作者: IT那活儿
> 发布日期: 发布于2023-01-11 13:20

前端专业技术实战经验分享

文章前言

![](https://ucloud-blog.cn-bj.ufileos.com/articles/129754/images/129754_000.png)

![](https://ucloud-blog.cn-bj.ufileos.com/articles/129754/images/129754_001.png)

**为提高前端专业性，给大家分享一些前端较实用的技术心得，其中有实战运用也有术语解析，目的在于增强解决问题能力。****下面内容共分十一项，其中有组件和方法的应用。**

![](https://ucloud-blog.cn-bj.ufileos.com/articles/129754/images/129754_002.png)

![](https://ucloud-blog.cn-bj.ufileos.com/articles/129754/images/129754_003.png)

一、call、apply、bind

以上三个方法都用来重定义this对象。

```
myFun.call(obj,aa,bb); //obj为调用myFun方法中的this指向myFun.apply(obj,[aa,bb]); //obj为调用myFun方法中的this指向,第二个参数作为数组传入，与call一样的效果myFun.bind(obj,aa,bb)(); //obj为调用myFun方法中的this指向，返回的新函数，调用需使用bind(…)()
```

二、正则表达式

正则表达式，描述了一种字符串匹配的模式。这是一种书写规则，多语言通用。多用于查找是否匹配某种字符规则，进行替换删除操作，有兴趣的可以自行学习：

https://www.runoob.com/regexp/regexp-tutorial.html

三、http与https的区别

**1.** http 明文传输

**2.**https 加密传输，传输模式

![](https://ucloud-blog.cn-bj.ufileos.com/articles/129754/images/129754_004.png)

四、跨域安全限制

说明：跨域—页面之间的协议、域名、端口号、子域名不同，进行的访问，浏览器为了安全做的限制。

**解决方法：**

****1.****JSONP

网页添加一个