![](https://img-blog.csdnimg.cn/ee7ebfda96ce4d32826d00b454342ee2.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 91
前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专
倔强网友
这个作者很懒,什么都没留下…
展开
-
前端技术学习路线图-初阶-浏览器-安全与隐私
内容安全策略(CSP)是一个额外的安全层,用于检测并削弱某些特定类型的攻击,包括跨站脚本(XSS)和数据注入攻击等。无论是数据盗取、网站内容污染还是恶意软件分发,这些攻击都是主要的手段。CSP 被设计成完全向后兼容(除 CSP2 在向后兼容有明确提及的不一致;更多细节查看这里 章节 1.1)。不支持 CSP 的浏览器也能与实现了 CSP 的服务器正常工作,反之亦然:不支持 CSP 的浏览器只会忽略它,如常运行,默认为网页内容使用标准的同源策略。如果网站不提供 CSP 标头,浏览器也使用标准的同源策略。原创 2023-06-11 18:53:16 · 142 阅读 · 0 评论 -
前端技术学习路线图-初阶-浏览器-权限
Cookie是客户端技术,程序把每个用户的数据以cookie的形式写给用户各自的浏览器。当用户使用浏览器再去访问服务器中的web资源时,就会带着各自的数据去。这样,web资源处理的就是用户各自的数据了。但是 cookie的用户信息是保存在客户端本地的 用户可以通过浏览器的设置里面的cookie找到cookie的相关值 也可以删除修改值 所以cookie是相对不安全的 所以我们还有一种session方案。原创 2023-06-11 18:50:27 · 144 阅读 · 0 评论 -
前端技术学习路线图-初阶-浏览器-网络
在使用jQuery发起JSONP请求时,如果想要自定义JSONP的参数以及回调函数名称$.ajax({// 发送到服务端的参数名称,默认值为 callback// 自定义的回调函数名称,默认值为 jQueryxxx 格式},});原创 2023-06-11 18:42:14 · 126 阅读 · 0 评论 -
前端技术学习路线图-初阶-浏览器-浏览器API
应用程序接口(API,Application Programming Interface)是基于编程语言构建的结构,使开发人员更容易地创建复杂的功能。它们抽象了复杂的代码,并提供一些简单的接口规则直接使用。原创 2023-06-04 13:37:25 · 118 阅读 · 0 评论 -
前端技术学习路线图-初阶-浏览器-DOM
DOM(Document Object Model——文档对象模型)是用来呈现以及与任意 HTML 或 XML 文档交互的 API。DOM 是载入到浏览器中的文档模型,以节点树的形式来表现文档,每个节点代表文档的构成部分(例如:页面元素、字符串或注释等等)。DOM 是万维网上使用最为广泛的 API 之一,因为它允许运行在浏览器中的代码访问文件中的节点并与之交互。节点可以被创建,移动或修改。事件监听器可以被添加到节点上并在给定事件发生时触发。DOM 并不是天生就被规范好了的,它是浏览器开始实现时才出现的。原创 2023-06-04 12:49:38 · 82 阅读 · 0 评论 -
前端技术学习路线图-初阶-研发工具
Sublime Text 是一款流行的代码编辑器软件,也是HTML和散文先进的文本编辑器,可运行在Linux,Windows和Mac OS X。也是许多程序员喜欢使用的一款文本编辑器软件。原创 2023-05-31 20:01:03 · 51 阅读 · 0 评论 -
前端技术学习路线图-初阶-研发工具 -SVN
Subversion(SVN) 是一个开源的版本控制系統, 也就是说 Subversion 管理着随时间改变的数据。这些数据放置在一个中央资料档案库(repository) 中。这个档案库很像一个普通的文件服务器, 不过它会记住每一次文件的变动。这样你就可以把档案恢复到旧的版本, 或是浏览文件的变动历史。原创 2023-05-28 20:43:30 · 118 阅读 · 0 评论 -
前端技术学习路线图-初阶-研发工具 -Git
Git是一个开源的分布式版本控制系统,是目前世界上最先进最流行的版本控制系统。可以快速高效地处理从很小到非常大的项目版本管理。特点:项目越大越复杂,协同开发者越多,越能体现出 Git 的高性能和高可用性!原创 2023-05-28 20:21:52 · 51 阅读 · 0 评论 -
前端技术学习路线图-初阶-JavaScript
未定义是比较特殊的类型,只有一个值undefined。什么情况出现未定义类型?只声明变量,不赋值的情况下,变量的默认值为undefined,一般很少直接为某个变量赋值为undefined。工作中的使用场景:开发中经常声明一个变量,等待传送过来的数据。如果我们不知道这个数据是否传递过来,此时我们可以通过检测这个变量是不是undefined,就判断用户是否有数据传递过来。实际上,类是“特殊的函数”,就像你能够定义的函数表达式和函数声明一样,类语法有两个组成部分:类表达式和类声明。原创 2023-05-27 17:22:43 · 363 阅读 · 0 评论 -
前端技术学习路线图-初阶-JavaScript-函数
都可以改变函数内部的this指向。call和 apply会调用函数, 并且改变函数内部this指向。call和 apply传递的参数不一样, call 传递参数 aru1, aru2…形式,apply必须数组形式[arg]。bind不会调用函数, 可以改变函数内部this指向。call调用函数并且可以传递参数。apply经常跟数组有关系. 比如借助于数学对象实现数组最大值最小值。bind不调用函数,但是还想改变this指向. 比如改变定时器内部的this指向。原创 2023-05-21 17:32:37 · 98 阅读 · 0 评论 -
前端技术学习路线图-初阶-JavaScript-对象
垃圾回收机制(Garbage Collection) 简称 GC。JS中内存的分配和回收都是自动完成的,内存在不使用的时候会被垃圾回收器自动回收。正因为垃圾回收器的存在,许多人认为JS不用太关心内存管理的问题。但如果不了解JS的内存管理机制,我们同样非常容易成内存泄漏(内存无法被回收)的情况。不再用到的内存,没有及时释放,就叫做内存泄漏。原创 2023-05-21 14:57:18 · 107 阅读 · 0 评论 -
前端技术学习路线图-初阶-JavaScript-日期和时间
方法解析一个表示某个日期的字符串,并返回从 1970-1-1 00:00:00 UTC 到该日期对象(该日期对象的 UTC 时间)的毫秒数,如果该字符串无法识别,或者一些情况下,包含了不合法的日期数值(如:2015-02-31),则返回值为 NaN。方法根据世界时设置指定日期的小时,并返回从UTC时间1970年1月1日00:00:00到更新后的date实例所表示的时间的毫秒数。方法根据本地时间,返回一个指定的日期对象的月份,为基于 0 的值(0 表示一年中的第一月)。原创 2023-05-21 12:59:34 · 94 阅读 · 0 评论 -
前端技术学习路线图-初阶-JavaScript-数组方法
请注意,这些元素需要被包装在一个额外的数组中——否则,如果元素本身是一个数组,由于 concat() 的行为,它将被展开而不是作为单个元素添加到原数组的末尾。然后 findLast() 返回该元素的值并停止遍历数组。Array.of() 和 Array() 构造函数之间的区别在于对单个参数的处理:Array.of(7) 创建一个具有单个元素 7 的数组,而 Array(7) 创建一个 length 为 7 的空数组(这意味着一个由 7 个空槽组成的数组,而不是具有实际 undefined 值的槽)。原创 2023-05-10 22:48:42 · 78 阅读 · 0 评论 -
前端技术学习路线图-初阶-JavaScript-数字方法
是一个安全整数,它能被精确表示,在任何 IEEE-754 舍入模式(rounding mode)下,没有其他整数舍入结果为该整数。不能使用 IEEE-754 直接表示,在就近舍入(round-to-nearest)和向零舍入中,会被舍入为。方法用来判断传入的参数值是否是一个“安全整数”(safe integer)。就不是一个安全整数,它能够使用 IEEE-754 表示,但是。方法依据指定基数,解析字符串并返回一个整数。方法以指定的精度返回该数值对象的字符串表示。方法用来判断给定的参数是否为整数。原创 2023-05-10 21:37:47 · 62 阅读 · 0 评论 -
前端技术学习路线图-初阶-JavaScript-字符串方法
字符串方法String.prototype@@iterator[@@iterator]() 方法返回一个新的 Iterator 对象,它遍历字符串的代码点,返回每一个代码点的字符串值。const str = 'The quick red fox jumped over the lazy dog\'s back.';const iterator = str[Symbol.iterator]();let theChar = iterator.next();while (!theChar.done原创 2023-05-08 21:26:23 · 130 阅读 · 0 评论 -
前端技术学习路线图-初阶-CSS
CSS 属性值定义语法(CSS value definition syntax)是用来限定 CSS 属性合法取值的专门语法。在此基础之上,一个 CSS 属性的合法取值也由语义所限制,比如一些数字必须是正数。CSS 属性值定义语法描述了哪些值是可取的 CSS 属性,基本组成元素包括关键字、符号与带类型的参数。在HTML标签中,标签用于定义描述列表(或定义列表),该标签会与(定义项目/名字)和(描述每一个项目/名字)一起使用。</</</<dl></dl>里面只能包含和。<dt>和<dd>原创 2023-05-06 21:47:46 · 336 阅读 · 0 评论 -
前端技术学习路线图-初阶-HTML
HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。原创 2023-05-04 20:41:11 · 374 阅读 · 0 评论 -
前端技术学习路线图-初阶-前端基础
由于IP地址是数字标识,不符合人们日常使用习惯,在使用时难以记忆和书写。因此为方便使用,在IP地址的基础上又发展出一种符号化的地址方案,即域名方案。每一个域名都与一个特定的IP地址对应。由于域名是由人们熟悉的符号,如字母,数字,字符,甚至是文字(如汉字等)按一定方式组合起来的,这样网络上的资源访问起来就方便得多了。这个与网络上的数字型IP地址相对应的字符型地址,就被称为域名系统。Internet是基于TCP/IP协议进行通信和连接的。原创 2023-04-30 19:54:59 · 232 阅读 · 0 评论