![](https://img-blog.csdnimg.cn/20191002162847345.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端开发相关知识点
文章平均质量分 80
前端学习中的相关的技术随笔~
喋喋泵
这个作者很懒,什么都没留下…
展开
-
跨域的9种解决方案
同源策略同源策略是一个重要的安全策略,它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档,减少可能被攻击的媒介。–引用自MDN同源示例域名 端口 协议三者一致才是同源http://www.example.com:80 === http://www.example.comhttps://www.example.com:443 === https://www.example.com这里注意:这里是为了突出端口的区别才写上端口。在默认情况下 htt原创 2021-08-13 10:13:37 · 887 阅读 · 0 评论 -
JS--Eval()
引言:被誉为魔鬼的eval函数,今天看了一些文章和问答,总结了此博客,欢迎指正~本文示例默认全部启用严格模式Eval:执行代码字符串内建函数eval允许执行一个代码字符串,代码字符串可能比较长,包含换行符、函数声明和变量等。例如:let code = 'alert("hello")'eval(code) //helloeval的结果是最后一条语句的结果例如:let value = eval('1+1')alert(value) //2let value = eval('let i原创 2021-06-09 11:56:08 · 387 阅读 · 0 评论 -
记一个小工具——font-spider(字蛛-css压缩中文字体字体)
font-spider链接用处安装和用法链接先上一个官方链接吧 字蛛再来一个Git地址字蛛Git地址用处这是一个压缩中文字体的小工具,用于前端开发过程中页面需要特定的文字,这些文字要是长期没有变化可以切图????。今天介绍的小工具就是用于有变化的文字,首先通过font-face的方法引入特定字体,通常一个字体文件过大(≥1M),页面上使用的又不是很多,因项目需求使用自定义字体,发现页面加载很慢,所以使用font-spider压缩字体大小,提升页面加载速度。该工具的原理就是浏览整个页面文字,仅保原创 2020-11-10 11:24:37 · 4578 阅读 · 0 评论 -
知识补充之CDN
一提起可能不知道,但是脑子里肯定有印象,因为在最开始接触前端或者在现在使用框架的过程中都会使用到,比如使用bootstrap的时候懒得下载到本地,使用的css资源和JavaScript资源的直接请求都是从CDNs来的,是不是有那么个概念了呢?让我们一起来看看它到底是个什么东西,引用了MDN的一篇解释,相信大家都可以看得懂哈哈哈~CDN (内容分发网络) 指的是一组分布在各个地区的服务器。这些服务...原创 2019-10-06 22:34:31 · 703 阅读 · 0 评论 -
Ajax和跨域
Ajax关于Ajax你要知道:AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。核心...原创 2019-04-05 14:37:28 · 336 阅读 · 1 评论 -
前端面试积累之http缓存
之前一直不太在意的点在面试和笔试中还是很重要的,花了一个小时功夫把它弄懂,可能还是有所欠缺,欢迎指点~~浏览器缓存定义 :把一个已经请求过的web资源拷贝一份副本存储在浏览器中。缓存会根据进来的请求保存输出的内容副本。当下一个请求来临的时候如果是相同的URL,缓存会根据缓存机制决定是直接使用副本响应还是请求原服务器再次发送请求。浏览器缓存好处:减少网络带宽消耗降低服务器压力减少网络延...原创 2019-04-19 18:45:25 · 1420 阅读 · 0 评论 -
git小白-手把手教你github上传本地项目
如何使用github上传本地项目一个简单的操作整了一早上,终于成功托管了第一个项目,马上写下自己的心得不然忘了,哈哈哈。具体步骤看我分解:读到这个能完成这些的前提就是你对分布式版本控制系统有一定了解,具体的大家可以去了解一下GitHub,我这主要讲托管项目嘻嘻!!第一步首先得有一个自己的GitHub账号(创建账号不会的可以百度一下,那个英文头皮发麻的话用谷歌翻译,毕竟创建账号大家应该不止...原创 2019-03-27 22:30:50 · 192 阅读 · 0 评论 -
Promise的retry(重试)功能实现
Promise的retry功能实现题目描述解析执行结果在做金山笔试题的时候出现了这样一道对一个promise失败然后加上重试功能的题印象深刻,题目描述如下:题目描述已有请求函数getData,其功能为异步请求数据返回promise对象,如getData(params).then(…).catch(…)。实现一个myGetData,返回promise对象,要求加入失败重试功能,该函数内部依然使...原创 2019-10-02 16:19:52 · 8277 阅读 · 0 评论 -
nvm版本安装及node版本控制
NVM可以帮助我们快速切换 node版本。但是安装NVM过程中有很多坑,早上也是安装了很久,这里分享一下nvm的安装过程。1.git上下载nvm安装包如果你是Linux环境:点我如果你是windows环境直接下载安装:点我直接下载选第三个解压傻瓜式安装:有两点需要注意:安装过程中会有两个地址选择,第一个设置的是nvm的安装路径,第二个设置的是nodejs存放的路径,自行选择就好。这...原创 2019-07-18 17:58:24 · 425 阅读 · 0 评论 -
js面试积累之深拷贝
关于深拷贝是一个人们津津乐道的问题,面试也是很常见的,本人在面试遇到这个问题回答的不是很清楚,可能因为本身自己就不是很清楚,现在将自己查过资料以后的理解记录在这里,欢迎大家指导!js对象的深拷贝:我们知道在JavaScript中,引用类型指向堆内存,非引用类型指向栈内存,有时候我们需要原始数据的拷贝,但会在无形之中影响到原始数据,比如拿到了一份引用类型的赋值,由于在赋值时引用类型拿到的只是原始数...原创 2019-05-08 11:56:48 · 472 阅读 · 0 评论