- 博客(34)
- 收藏
- 关注
RSS订阅原创 前端技术学习路线图-初阶-浏览器-安全与隐私
内容安全策略（CSP）是一个额外的安全层，用于检测并削弱某些特定类型的攻击，包括跨站脚本（XSS）和数据注入攻击等。无论是数据盗取、网站内容污染还是恶意软件分发，这些攻击都是主要的手段。CSP 被设计成完全向后兼容（除 CSP2 在向后兼容有明确提及的不一致;更多细节查看这里 章节 1.1）。不支持 CSP 的浏览器也能与实现了 CSP 的服务器正常工作，反之亦然：不支持 CSP 的浏览器只会忽略它，如常运行，默认为网页内容使用标准的同源策略。如果网站不提供 CSP 标头，浏览器也使用标准的同源策略。
2023-06-11 18:53:16
129
原创 前端技术学习路线图-初阶-浏览器-权限
Cookie是客户端技术，程序把每个用户的数据以cookie的形式写给用户各自的浏览器。当用户使用浏览器再去访问服务器中的web资源时，就会带着各自的数据去。这样，web资源处理的就是用户各自的数据了。但是 cookie的用户信息是保存在客户端本地的 用户可以通过浏览器的设置里面的cookie找到cookie的相关值 也可以删除修改值 所以cookie是相对不安全的 所以我们还有一种session方案。
2023-06-11 18:50:27
129
原创 前端技术学习路线图-初阶-浏览器-网络
在使用jQuery发起JSONP请求时，如果想要自定义JSONP的参数以及回调函数名称$.ajax({// 发送到服务端的参数名称，默认值为 callback// 自定义的回调函数名称，默认值为 jQueryxxx 格式},});
2023-06-11 18:42:14
116
原创 前端技术学习路线图-初阶-浏览器-浏览器API
应用程序接口（API，Application Programming Interface）是基于编程语言构建的结构，使开发人员更容易地创建复杂的功能。它们抽象了复杂的代码，并提供一些简单的接口规则直接使用。
2023-06-04 13:37:25
102
原创 前端技术学习路线图-初阶-浏览器-DOM
DOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML 文档交互的 API。DOM 是载入到浏览器中的文档模型，以节点树的形式来表现文档，每个节点代表文档的构成部分（例如：页面元素、字符串或注释等等）。DOM 是万维网上使用最为广泛的 API 之一，因为它允许运行在浏览器中的代码访问文件中的节点并与之交互。节点可以被创建，移动或修改。事件监听器可以被添加到节点上并在给定事件发生时触发。DOM 并不是天生就被规范好了的，它是浏览器开始实现时才出现的。
2023-06-04 12:49:38
72
原创 前端技术学习路线图-初阶-研发工具
Sublime Text 是一款流行的代码编辑器软件，也是HTML和散文先进的文本编辑器，可运行在Linux，Windows和Mac OS X。也是许多程序员喜欢使用的一款文本编辑器软件。
2023-05-31 20:01:03
44
原创 前端技术学习路线图-初阶-研发工具 -SVN
Subversion(SVN) 是一个开源的版本控制系統, 也就是说 Subversion 管理着随时间改变的数据。这些数据放置在一个中央资料档案库(repository) 中。这个档案库很像一个普通的文件服务器, 不过它会记住每一次文件的变动。这样你就可以把档案恢复到旧的版本, 或是浏览文件的变动历史。
2023-05-28 20:43:30
107
原创 前端技术学习路线图-初阶-研发工具 -Git
Git是一个开源的分布式版本控制系统，是目前世界上最先进最流行的版本控制系统。可以快速高效地处理从很小到非常大的项目版本管理。特点：项目越大越复杂，协同开发者越多，越能体现出 Git 的高性能和高可用性！
2023-05-28 20:21:52
43
原创 前端技术学习路线图-初阶-JavaScript
未定义是比较特殊的类型，只有一个值undefined。什么情况出现未定义类型？只声明变量，不赋值的情况下，变量的默认值为undefined，一般很少直接为某个变量赋值为undefined。工作中的使用场景：开发中经常声明一个变量，等待传送过来的数据。如果我们不知道这个数据是否传递过来，此时我们可以通过检测这个变量是不是undefined，就判断用户是否有数据传递过来。实际上，类是“特殊的函数”，就像你能够定义的函数表达式和函数声明一样，类语法有两个组成部分：类表达式和类声明。
2023-05-27 17:22:43
338
原创 前端技术学习路线图-初阶-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
91
原创 前端技术学习路线图-初阶-JavaScript-对象
垃圾回收机制(Garbage Collection) 简称 GC。JS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收。正因为垃圾回收器的存在，许多人认为JS不用太关心内存管理的问题。但如果不了解JS的内存管理机制，我们同样非常容易成内存泄漏（内存无法被回收）的情况。不再用到的内存，没有及时释放，就叫做内存泄漏。
2023-05-21 14:57:18
92
原创 前端技术学习路线图-初阶-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
83
原创 前端技术学习路线图-初阶-JavaScript-数组方法
请注意，这些元素需要被包装在一个额外的数组中——否则，如果元素本身是一个数组，由于 concat() 的行为，它将被展开而不是作为单个元素添加到原数组的末尾。然后 findLast() 返回该元素的值并停止遍历数组。Array.of() 和 Array() 构造函数之间的区别在于对单个参数的处理：Array.of(7) 创建一个具有单个元素 7 的数组，而 Array(7) 创建一个 length 为 7 的空数组（这意味着一个由 7 个空槽组成的数组，而不是具有实际 undefined 值的槽）。
2023-05-10 22:48:42
70
原创 前端技术学习路线图-初阶-JavaScript-数字方法
是一个安全整数，它能被精确表示，在任何 IEEE-754 舍入模式（rounding mode）下，没有其他整数舍入结果为该整数。不能使用 IEEE-754 直接表示，在就近舍入（round-to-nearest）和向零舍入中，会被舍入为。方法用来判断传入的参数值是否是一个“安全整数”（safe integer）。就不是一个安全整数，它能够使用 IEEE-754 表示，但是。方法依据指定基数，解析字符串并返回一个整数。方法以指定的精度返回该数值对象的字符串表示。方法用来判断给定的参数是否为整数。
2023-05-10 21:37:47
53
原创 前端技术学习路线图-初阶-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
119
原创 见缝插针小游戏
打开微信开发者工具，选择小游戏，后端服务选择不使用云服务，模板选择默认的纯gl模式，点击确定新建项目。新建完成后，默认的是项目自带的飞机大战小游戏，现在需要删除一些文件，使项目为初始状态。
2023-05-07 17:52:53
203
原创 前端技术学习路线图-初阶-CSS
CSS 属性值定义语法（CSS value definition syntax）是用来限定 CSS 属性合法取值的专门语法。在此基础之上，一个 CSS 属性的合法取值也由语义所限制，比如一些数字必须是正数。CSS 属性值定义语法描述了哪些值是可取的 CSS 属性，基本组成元素包括关键字、符号与带类型的参数。在HTML标签中，标签用于定义描述列表(或定义列表)，该标签会与(定义项目/名字)和(描述每一个项目/名字)一起使用。</</</<dl></dl>里面只能包含和。<dt>和<dd>
2023-05-06 21:47:46
317
原创 前端技术学习路线图-初阶-HTML
HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。
2023-05-04 20:41:11
340
原创 前端技术学习路线图-初阶-前端基础
由于IP地址是数字标识，不符合人们日常使用习惯，在使用时难以记忆和书写。因此为方便使用，在IP地址的基础上又发展出一种符号化的地址方案，即域名方案。每一个域名都与一个特定的IP地址对应。由于域名是由人们熟悉的符号，如字母，数字，字符，甚至是文字（如汉字等）按一定方式组合起来的，这样网络上的资源访问起来就方便得多了。这个与网络上的数字型IP地址相对应的字符型地址，就被称为域名系统。Internet是基于TCP/IP协议进行通信和连接的。
2023-04-30 19:54:59
206
原创 自学TS-进阶-泛型
在TypeScript2.3以后，我们可以为泛型中的类型参数指定默认类型。当使用泛型时没有在代码中直接指定类型参数，从实际值参数中也无法推测出时，这个默认类型就会起作用。泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。上例中，我们使用了之前提到过的数组泛型来定义返回值的类型。但是我们预期的是，数组中每一项都应该是输入的。注意，此时在使用泛型接口的时候，需要定义泛型的类型。接着在调用的时候，可以指定它具体的类型为。
2023-04-24 10:35:31
30
原创 自学TS-进阶-类与接口
举例来说，门是一个类，防盗门是门的子类。如果防盗门有一个报警器的功能，我们可以简单的给防盗门添加一个报警方法。一般来讲，一个类只能继承自另一个类，有时候不同类之间可以有一些共有的特性，这时候就可以把特性提取成接口（interfaces），用。类型是不包含构造函数的。另外，除了构造函数是不包含的，静态属性或静态方法也是不包含的（实例的类型当然不应该包括构造函数、静态属性或静态方法）。同样的，在接口继承类的时候，也只会继承它的实例属性和实例方法。这一章主要介绍接口的另一个用途，对类的一部分行为进行抽象。
2023-04-22 12:25:35
30
原创 自学TS-进阶-类
虽然JavaScript中有类的概念，但是可能大多数JavaScript程序员并不是非常熟悉类，这里对类相关的概念做一个简单的介绍。抽象类中的抽象方法必须在子类中被实现。ES7中有一些关于类的提案，TypeScript也实现了它们，这里做一个简单的介绍。多态（Polymorphism）：由继承而产生了相关的不同的类，对同一个方法可以有不同的响应。TypeScript除了实现了所有ES6中的类的功能以外，还添加了一些新的用法。修饰的属性或方法是公有的，可以在任何地方被访问到，默认所有的属性和方法都是。
2023-04-20 20:22:15
39
原创 自学TS-进阶-枚举
常数枚举表达式是 TypeScript 表达式的子集，它可以在编译阶段求值。引用之前定义的常数枚举成员（可以是在不同的枚举类型中定义的）如果这个成员是在同一个枚举类型中定义的，可以使用非限定名来引用。当然，手动赋值的枚举项也可以为小数或负数，此时后续未手动赋值的项的递增步长仍为。在这种情况下，当前枚举成员的值为上一个枚举成员的值加。常数枚举与普通枚举的区别是，它会在编译阶段被删除，并且不能包含计算成员。上面的例子中，未手动赋值的枚举项会接着上一个枚举项递增。所有其它情况的枚举成员被当作是需要计算得出的值。
2023-04-20 20:03:00
65
原创 自学TS-进阶-元组
但是当直接对元组类型的变量进行初始化或者赋值的时候，需要提供所有元组类型中指定的项。数组合并了相同类型的对象，而元组（Tuple）合并了不同类型的对象。元组起源于函数编程语言（如 F#），这些语言中会频繁使用元组。
2023-04-16 18:36:45
81
原创 自学TS（四）
假如我们想使用第三方库jQuery，一种常见的方式是在html中通过标签引入jQuery，然后就可以使用全局变量或jQuery了。我们通常这样获取一个id是foo$('#foo');// or但是在ts中，编译器并不知道或jQuery// 无法找到名称'jQuery'。这时，我们需要使用上例中，并没有真的定义一个变量，只是定义了全局变量jQuery的类型，仅仅会用于编译时的检查，在编译结果中会被删除。除了之外，还有其他很多种声明语句，将会在后面详细介绍。
2023-04-16 16:13:22
166
原创 自学TS（二）
接口时一系列抽象方法的声明，是一些方法特征的集合，这些方法应该都是抽象的，需要具体的类去实现，然后第三方就可以通过这组抽象方法去调用，让具体的类执行具体的方法。TypeScript中的接口是一个非常灵活的概念，除了可用于对类的一部分行为进行抽象以外，也常用于对对象的形状（Shape）进行描述。age: 25上述例子中，我们定义了一个接口Cat，接着定义了一个变量tom，他的类型是Cat。这样我们就约束了tom的形状必须和接口Cat一致。
2023-04-11 10:28:32
489
原创 自学TS（一）
TypeScript是JavaScript的一个超集，提供了类型系统，可以支持ES6标准，可以编译成纯JavaScript，编译出来的JavaScript可以运行在任何浏览器上。什么是TypeScript，可以引用官网中的解释：翻译过来是：JS的扩展TypeScript为JavaScript添加了额外的语法，以支持与编辑器更紧密的集成。尽早在编辑器中捕获错误。你可以信任的结果。
2023-04-11 10:10:22
235
1
原创 单个el-radio点击选中取消
使用正常的点击事件是无法触发的，所以要使用**@click.native.prevent**，这样就可以触发按钮的点击事件，不过通过点击事件来处理一些逻辑的时候，就无法触发自带的@input事件。el-radio中，已经选中的按钮无法通过再次点击去取消选择，所以要满足条件需要改变成对应的点击事件。
2023-03-06 20:04:00
3820
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人