1. 单例模型 定义:保证一个类仅有一个实例,并提供一个访问它的全局访问点应用场景:当有些对象只需要一个的时候,不想被多次重复创建,比如线程池、全局缓存、浏览器中的windo...
1. 单例模型 定义:保证一个类仅有一个实例,并提供一个访问它的全局访问点应用场景:当有些对象只需要一个的时候,不想被多次重复创建,比如线程池、全局缓存、浏览器中的windo...
对于前端开发来说,接触最多的就是浏览器了,我们需要学习一下浏览器的原理,有助于我们更好地理解web应用,以及如何提高和优化web的性能,在遇到问题时候可以及时定位到问题。 一...
1. 环境准备 初始项目 安装jest 下载和配置babel(如果不使用ES6语法,则可以跳过此步骤) 新建一个.babelrc文件,写入如下内容,或者直接在package....
React-Hooks 1. React-hooks是什么 我们先来看一下官网的解释: Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况...
TypeScript学习 1.基础类型 TypeScript和JavaScript支持的数据类型差不多 布尔:boolean 数:number 可以表示整数,浮点数,支持2进...
1. 判断对象为空的方法 ① 使用JSON.stringify转换为字符串 *②使用for...in查找key ③使用ES6自带的,Object.keys(data)返回的是...
1. VUE特点 轻量使用gzip最小压缩后有20kb,react有35kb,angular有60kb 渐进式框架你不需要完全了解他,就可以用,各取所需,只是个轻量视图而已 ...
一. 简单HTTP服务器 http服务作为前端人员来说,比较熟悉,具体就不介绍了。(1)通过浏览器来访问,请求资源的方式下载: 代码: 在浏览器输入localhost:300...
1.使用@引用路径 当我们引用一个工具类的方法,如果你的页面层层嵌套,那么你就可能要一直../../../甚至还会找错路径,但是我们开发时候多数是在src目录下做文章,我可以...
redux-react-hook 我们知道组件之间的通信可以通过props传值的方式,但是如果有一个变量需要供全局使用,那通过这种层层传递的方式就未免有点麻烦了。在介绍这个之...
一、docker基本概念 docker是由google公司推出的go语言进行开发实现的,基于Linux内核,隔离的进程独立于宿主和其他的隔离进程,即成为容器。 与虚拟机的区别...
一、基本模块 在javascript中,有且仅有一个全局对象:window,在Node.js中也有唯一的全局对象:global。 process也是Node.js提供的一个对...
一、webpack介绍 webpack官方文档 webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler) webpack可以将...
三种类型的渐变: 线性 (由 linear-gradient 函数创建) 径向(由 radial-gradient函数创建) 圆锥 (由 conic-gradient 函数创...
一、什么是node Node.js is a JavaScript runtime.It is built on Google's Chrome V8 open-source...
一、光与色 关键词:光源色:光源的本色,其色相决定于它所发出光的光谱成分环境色:物体颜色与周围临近物体的色彩相互影响的色彩现象。固有色:固有色是人们对于物体色彩经过提炼和高度...
现在有这样的一个需求:一个九宫格布局。在这样的情况下,每列放置三张图片。我们可以利用flex,以及定位来实现这个九宫格的布局。现在有7个子盒子,其结构都为: 现在将这7个盒子...
一、JS对象 1.1对象定义的两种方式 声明形式 构造形式 主要区别: 声明形式的可以一次性多加键值对,构造形式的话要逐个添加 1.2类型 (1)语言类型 string nu...
一、this js中给我们提供了apply和call,这两个东西都可以改变上下文指向,请看这个例子: 顺便来复习一下apply和call的用法,这两个本质上没什么差。前者所加...
Include Func: 用于引入.yml或.yaml结尾的YAML文件,其他类型的文件不能引入。我们可以利用include让.gitlab-ci.yml文件的结构更清晰,...