fcl_0514-CSDN博客

原创 2021-02-22

#一、webpack的组成与介绍1、webpack是一个前端资源的模块打包器。当webpack处理应用程序时，它会递归地构建一个依赖关系图(dependencygraph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成少量的bundle-通常只有一个，由浏览器加载。2、他的主要组成是：入口(entry)、输出(output)、loader、插件(plugins)#entry：入口是webpack创建应用的起点。每个html都应该有一个入口，spa项...

2021-02-22 16:39:02 64

原创 http-2-uri和url

1.uri的定义uri：uri是某个协议方案表示的资源定位标识符。协议方案指的是访问资源使用的协议名称。2.uri和url的关系uri用字符串标识某一资源而url表示该资源的地点。

2020-10-29 09:18:16 163

原创 http-1

1.tcp/ip协议族的分类分为以下四层：应用层、传输层、网络层和数据链路层2、tcp/ip的分层管理应用层：应用层决定了向用户提供应用服务时通信的活动。http协议也处于改层。传输层：传输层对于上层的应用层，提供两台电脑的数据传输。在传输层有两个性质不同的协议（tcp：传输控制协议，udp：用户数据报协议）。网络层：网络层用于处理网络上流动的数据包。数据包是网络传输的最小单位。多台计算机传输时，网络层的作用就是选择一条传输路线。数据链路层：用来处理网络的硬件部分。3、tcp/.

2020-10-22 15:34:00 951

原创 symbol

//ES5的对象属性名都是字符串，这容易造成属性名的冲突。//比如，你使用了一个他人提供的对象，但又想为这//个对象添加新的方法（mixin模式），新方法的名字就有可能与现有//方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二//的就好了，这样就从根本上防止属性名的冲突。这就是ES6引入Symbol的原因。lettestSymbol=Symbol();console.log(typeoftestSymbol);//symbol//Sym...

2020-07-23 14:06:00 95

转载 reduce

//reduce()方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。//reduce()接受四个参数：初始值（或上一次回调函数的返回值），当前元素值，当前索引，调用reduce()的数组。//reduce()的几个强大用法：//数组求和letarr=newArray(0,1,2,3);lettotal=arr.reduce((acc,cur)=>{//acc代表累加器cur代表...

2020-07-23 11:36:09 87

原创原型

//使用构造函数创建一个对象：functionPerson(){}letperson=newPerson();person.name='test';console.log(person.name)//test//__proto__//这是每一个JavaScript对象(除了null)都具有的一个属性，叫__proto__，这个属性会指向该对象的原型。console.log(person.__proto__===Person.pro...

2020-07-23 10:52:28 68

原创 aply和call的区别

letperson={fullName:(city,country)=>{returnthis.firstName+""+this.lastName+","+city+","+country;}}letperson1={firstName:"Bill",lastName:"Gates"}letperson2={firstName:"Steve",lastName:"...

2020-07-23 10:43:00 323

原创浏览器学习--cookie和samesite

一、cookie由于http是无状态的协议，为了解决http无状态导致的问题，后来出现了cookie。cookie类型为【小型文本文件】，指某些网站为了辨别用户身份而存储在用户本地终端上的数据。大小一般不超过4KB。可以设置过期时间。1. 设置cookieExpiresExpires 用于设置 Cookie 的过期时间。比如：Set-Cookie: id=a3fWa; Expires=Wed, 21 Oct 2015 07:28:00 GMT;当 Expires 属性缺省时，.

2020-07-23 10:24:16 501

原创 angular学习（2）—— 配置zorro

npm下载ng-zorronpm install ng-zorro-antd--save在app.module.ts里面引入依赖import { NgZorroAntdModule } from 'ng-zorro-antd';imports: [ BrowserModule, NgZorroAntdModule],在angular.json中引入样式和svg资源{ "assets": [ ... { "glob": "..

2020-06-04 11:00:58 197

原创 angular学习（1）

angular和vue的区别angular必须使用ts来完成，vue可以自主选择 angular项目的大小比vue项目要来的大 vue相对来说更灵活，angular的代码规范更加严格 angular的上手难度比较高，对于新手不太友好 angular的指令和方法都是绑定在$scope上的，而vue是new出来一个实例，所有方法和指令都绑在实例上，一个页面可以有多个vue实例，但是angular的对象只能有一个angular脚手架的安装安装node环境安装angular cli 使用cnpm安

2020-06-02 09:32:38 280

原创前端基础学习——关于url

浏览器输入URL之后会进行解析，URL一般包括protocol: 协议头。例如： http， ftp host：域名或者ip地址 port：端口号 path：目录路径 query：查询参数即#后的hash值，一般用来定位到某个位置网络请求都是单独的线程从开启网络线程到发出一个完整的http请求输入url dns查询到ip 建立tcp连接客户端发送http请求服务器处理请求服务器响应请求浏览器展示html 浏览器发送请求回去其他在html中的资源...

2020-05-28 15:01:56 173

fcl_0514的博客