摘要:
互联网其实就是由一套理念和协议组成的体系架构,而协议的含义就是一套多方都认可和遵守的规则和标准,那么只要互联网上大家都遵守这一套约定俗成的协议,它们之间的通信才会变得毫无障碍。 一、IP协议:将数据包送达主机 在网络中,一个文件通常会被拆分为很多数据包来进行传输,而数据包在传输过程中又有很大概率丢失 阅读全文
摘要:
一、Chrome浏览器的任务管理器 Chrome浏览器任务管理器打开方式 Chrome浏览器右上角选项 - 更多工具 - 任务管理器 快捷键 Shift + Esc 打开任务管理器 Chrome浏览器任务管理器的作用 基于Chrome浏览器的任务管理器,可以查看当前浏览器开启了那些进程,以及每一个进 阅读全文
摘要:
1. JSX语法在React中的本质 jsx本质就是下面这个函数React.createElement的语法糖,所有的jsx语法都会最终经过babel.js转化成为React.createElement这个函数的函数调用 React.createElement(component,props,... 阅读全文
摘要:
基于React渲染电影列表 方案一:基于for of循环实现 class App extends React.Component { constructor(){ super(); this.state = { title:'电影列表1', movies:['功夫','少年黄飞鸿','国产凌凌漆', 阅读全文
摘要:
一、基于路由阐述web前端发展的三个阶段 第一阶段:后端路由阶段 路由的由来 路由一词其实最早是网络工程中的专业术语,代表通过互联网把信息从源地址传输到目的地址的一个活动,后来这个概念被web开发的人员所借鉴,所以才有了现在的前端开发中的路由。 什么是后端渲染 后端渲染也叫作服务器端渲染(Servi 阅读全文
摘要:
JavaScript纯函数 在函数式编程中有一个概念就做纯函数,而JS这门语言也符合函数式编程的范式,所以也有纯函数的概念。 什么是纯函数? 函数确定的输入一定会产生确定的输出 在程序整个运行的过程中,不能产生副作用。 区分一个函数是否为纯函数 函数sum1为纯函数;而函数sum2不是纯函数,因为对 阅读全文
摘要:
基于axios库进行适合自己项目的二次封装 一、对第三方库进行二次封装的好处 对第三方库的依赖低,一旦第三方库不再维护或者出现问题,只需要改动封装的这个实例即可,而不用去每一个请求的地方进行修改。 二、二次封装的时候文件夹的功能划分 request文件夹下的http.js主要用于封装axios实例 阅读全文
摘要:
前端组件化开发中的CSS 在目前整个前端都使用组件化开发的模式下,CSS样式的编写就成为了一个问题。因为CSS也叫做层叠样式表,意思就是多个css样式作用于同一个HTML元素的时候,浏览器会根据权重的大小来进行覆盖,为元素应用权重最高的那一组css样式,很明显这种特性不适合组件化开发。 组件化开发模 阅读全文
摘要:
一、React是什么? 官方定义:React是一个用于构建用户界面的javaScript库 对于前端开发人员来说,其工作内容就是构建用户界面,而构建用户界面离不开三个技术: HTML:构建页面的结构 CSS:构建页面的样式 JavaScript:构建页面动态内容和页面交互 原生js开发页面到渐进式框 阅读全文
摘要:
MutationObserver 构造函数 MutationObserver() 在通过new 调用该构造函数的时候,需要传入一个回调函数callback当做参数,这个callback的详细说明如下: 参数 mutationsList:描述所有被触发改动的 MutationRecord 对象数组 o 阅读全文