- 博客(29)
- 资源 (8)
- 收藏
- 关注
RSS订阅转载 Typescript学习--Never
never类型是任何类型的子类型，也可以赋值给任何类型；然而，没有类型是never的子类型或可以赋值给never类型（除了never本身之外）。 即使 any也不可以赋值给never。通常表现为抛出异常或无法执行到终止点（例如无线循环）。比如：let x: never;let y: number;// 运行错误，数字类型不能转为 never 类型x = 123;// 运行正确，ne...
2020-02-28 22:56:18
740
转载 如何理解es6中的import是静态编译执行的？（一说是编译期执行的）？
https://www.zhihu.com/question/265631914作者：zeng链接：https://www.zhihu.com/question/265631914/answer/496723117来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。要理解es6中的import是“编译时加载”或者静态加载，需要先理解 JavaScript...
2020-02-25 22:44:32
1891
转载 requestAnimationFrame
实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的API，那就是 requestAnimationFrame，顾名思义就是请求动画帧。屏幕刷新频率：屏幕每秒出现图像的次数。普通笔记本...
2020-02-25 10:57:30
297
转载 Reflect.ownKeys()与Object.keys()区别
代码test1: var obj = {} Object.defineProperty(obj, 'method1', { value: function () { alert("Non enumerable property"); }, enumerable: false })console.lo...
2020-02-23 11:05:52
628
转载 javascript中bind()函数实现和应用以及多次bind的结果的思考
一. 概述在ECMA-262第五版引入了bind()方法，该方法创建一个新函数。二. 语法fn.bind(context[, arg1[, arg2[, ...]]])1第一个参数context将成为返回的新函数的this对象第二个及以后的参数加上返回的新函数的参数，将作为新函数的参数三.bind的简单实现原理 if (!Function.prototyp...
2020-02-22 22:31:04
791
转载 toString方法和valueOf方法以及Symbol.toPrimitive方法的学习
valueOf()方法和toString()方法介绍valueOf()方法和toString()我们知道在js中，'一切皆为对象'。每个对象都有一个toString()方法和value方法，其中toString()方法返回一个表示该对象的字符串，value方法返回该对象的原始值。对于toString方法来说，当对象被表示为文本值或者当以期望字符串的方式引用对象时。该方法被自动调用。对于一个对...
2020-02-22 20:39:47
1021
转载 ES6 模块与 CommonJS 模块的区别
CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。 所谓值的拷贝，原始类型的值被缓存，不随模块内部的改变而改变。 ES6 模块是动态引用，不缓存值，模块内外是绑定的，而且是只读引用，不能修改值。ES6 的 js 引擎对脚本静态分析的时候，遇到加载命令模块 import ，就会生成一个只读引用，当真正用到模块里边的值的时候，就会去模块内部去取。 Comm...
2020-02-21 23:00:25
388
原创 「面试题」如何实现一个圣杯布局？
前言最近，有个朋友向我诉苦说，面试的时候突然被问到了如何实现布局和原理，有点懵。之前JavaScript的部分回答得挺好的，偏偏在这里翻船了，完全没有思路，后面的面试状态一落千丈。结局也如他所料，没有被录取。我给这个朋友做了解答之后，回家整理出此文。希望其他小伙伴面试中，再被问及圣杯布局的时候，可以沉着作答。本文将介绍经典布局——圣杯布局的原理以及两种实现方法：浮动和flex。什么...
2020-02-18 14:15:12
319
转载 Proxy 对象学习
1、Proxy 对象到底是什么？Proxy 对象到底是什么呢？Proxy 的意思是 代理，proxy对象的作用是：通过Proxy 创建1个代理对象，然后通过操作代理对象允许你对指定的对象的一些行为进行自定义处理。Proxy(target,handler); Proxy构造函数接收2个对象，第1个参数就是要处理的对象，第2个参数就是要自定义处理的方法的合集(也就是个对象)。很抽象？其实就...
2020-02-17 22:28:51
483
转载 react中的setState是同步还是异步，以及setState之后都发生了什么
setState 只在合成事件和钩子函数中是“异步”的，在原生事件和 setTimeout 中都是同步的。合成事件：就是react 在组件中的onClick等都是属于它自定义的合成事件 原生事件：比如通过addeventListener添加的，dom中的原生事件setState的“异步”并不是说内部由异步代码实现，其实本身执行的过程和代码都是同步的，只是合成事件和钩子函数的调用顺序在...
2020-02-14 22:44:13
1069
原创 美团面试题
用Object.defineProperty和new Proxy来实现给对象name 赋值 如果是‘张三’ 复制成“张三name”let b = {}let b_a Object.defineProperty(b, 'name', { configurable : true, enumerable : true, get:function(value) {...
2020-02-13 16:27:40
364
转载 Import 方式对 Tree-shaking 的影响
最近从小被子那里学了不少 Tree-shaking 的知识，Tree-shaking 译作“摇树优化”，是 DCE（Dead Code Elimination）优化的一种实现。Webpack 在编译阶段，通过分析模块依赖，对代码中未使用到的对象和 function 进行标注，再通过压缩工具“摇”掉这些多余的代码。DIY首先我们使用以下命令，来搭建一套实验环境，加深对 Tree-sh...
2020-02-11 09:56:47
1731
转载 Tree-Shaking原理
Tree-Shaking性能优化实践 - 原理篇一. 什么是Tree-shaking先来看一下Tree-shaking原始的本意上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件...
2020-02-10 22:42:25
9307
2
转载 关于import和require的一点理解
编译第一次加载某个模块时， Node会缓存该模块， 后续加载就从缓存中获取。require是运行时调用，所以require理论上可以运用在代码的任何地方。//example.jsmodule.exports = { say: 'hi'}//main.jsrequire('./example').say = 'hello'const test = require('...
2020-02-07 13:17:57
1094
转载 防止变量污染全局
1，作用：防止变量污染全局// 现在你和同事开发同一个模块，然后你发现你们变量名大部分相同，为了管理变量，防止污染全局,可以闭包来解决这个问题 // 开发规范：init代表着入口、初始化的意思 let name = 'XYZ'; let init = (function () { let name = 'LM'; function...
2020-02-07 10:49:54
539
转载 ES6中Map相对于Object对象有几个区别：
1：Object对象有原型， 也就是说他有默认的key值在对象上面， 除非我们使用Object.create(null)创建一个没有原型的对象； 2：在Object对象中， 只能把String和Symbol作为key值， 但是在Map中，key值可以是任何基本类型(String, Number, Boolean, undefined, NaN....)，或者对象(Map, Set, Obj...
2020-02-06 10:51:18
1340
转载 webpack和gulp的优缺点
gulp webpack 定位 基于任务流的自动化打包工具 模块化打包工具 优点 易于学习和理解, 适合多页面应用开发 可以模块化的打包任何资源,适配任何模块系统,适合SPA单页应用的开发 缺点 不太适合单页或者自定义模块的开发 学习成本低,配置复杂,通过babel编译后的js代码打包后体积过大 ...
2020-02-06 10:31:57
1954
转载 缓存相关的HTTP请求头
headers字段 解释 案例 Expires 服务端告诉浏览器，先把这个文件缓存起来，在这个过期时间之前，该文件都不会变化 Expires: Mon, 1 Aug 2016 22:43:02 GMT Cache-Control 由于Expires给定的是绝对时间，而客户端的系统时间可以由...
2020-02-06 10:21:12
927
转载 JavaScript实现双向链表（代码示例）
本篇文章中，我们将给大家介绍如何在JavaScript中实现双向链表，希望对需要的朋友有所帮助！什么是双向链表?在双向链表中，每个节点都有对前一个节点和下一个节点的引用。上一个和下一个的开始和结束节点应该指向null。双向链表的实现我们使用的是es6类，在下面的代码中，我们创建了一个辅助类Node，其中包含三个属性data，prev，next。 1 2...
2020-02-06 09:52:50
390
转载 掌握浏览器重绘(repaint)重排(reflow))-前端进阶
很多人都知道要减少浏览器的重排和重绘，但对其中的具体原理以及如何具体操作并不是很了解，当突然提起这个话题的时候，还是会一脸懵逼。希望大家可以耐着性子阅读本文，仔细琢磨，彻底掌握这个知识点！博客、前端积累文档、公众号、GitHub网页生成过程：HTML被HTML解析器解析成DOM 树 css则被css解析器解析成CSSOM 树 结合DOM树和CSSOM树，生成一棵渲染树(Rend...
2020-02-06 09:38:36
728
转载 js 原型的问题 Object 和 Function 到底是什么关系？
以下限于个人理解， 有不对之处欢迎拍砖。1. 首先Object和Function都是构造函数，而所有的构造函数的都是Function的实例对象. 因此Object是Function的实例对象2.Function.prototype是Object的实例对象3. 实例对象的原型(我们以__proto__来表示)会指向其构造函数的prototype属性, 因此 Object.__proto__ ...
2020-02-06 09:01:20
379
转载 HTTP之请求消息Request
HTTP之请求消息Request客户端发送一个HTTP请求到服务器的请求消息包括以下格式：请求行（request line）、请求头部（header）、空行和请求数据四个部分组成。Http请求消息结构.png请求行以一个方法符号开头，以空格分开，后面跟着请求的URI和协议的版本。Get请求例子，使用Charles抓取的request：GET /562f25980...
2020-02-05 22:48:43
592
转载 TCP 为什么是三次握手，而不是两次或四次？
记得第一次看TCP握手连接的时候，有同样的疑问，我的疑问是，为何不是两次呢？后来随着对网络的理解深入，明白TCP报文是交由IP网络来负责运输，IP网络并不能保证TCP报文到达目的地，既然IP网络是指望不上了，那TCP就自力更生吧，TCP必须依赖自身的努力来保证数据传输的可靠。TCP看似复杂，其实可以归纳为以下5种报文：（1）SYN（2）Data（唯...
2020-02-05 22:42:51
282
转载 你真的了解 React 生命周期吗
前言原本我以为对 React 生命周期已经熟的不能再熟了，直到前几天实现一个功能时，就因为没有吃透 React 生命周期，把我坑的不要不要的，所以痛定思痛，重新学习一遍 React 生命周期旧版生命周期初始化的时候不会把赋值算作更新，所以不会执行更新阶段import React, { Component } from 'react'export defa...
2020-02-05 16:44:08
275
转载 JavaScript中的global对象，window对象以及document对象的区别和联系
目录常用对象方法 body-主体子对象 常用对象事件 location-位置子对象 常用对象事件一、概念区分：JavaScript中的global对象，window对象以及document对象1、global对象（全局对象）《JS高级程序设计》中谈到，global对象可以说是ECMAScript中对特别的一个对象了，因为不管你从什么角度上看，这个对象都是不存在的。...
2020-02-05 15:39:27
806
转载 重学前端-BFC的区域不会与float box重叠。
BFC的区域不会与float box重叠。2.自适应两栏布局https://blog.csdn.net/sinat_36422236/article/details/88763187
2020-02-05 15:00:17
1053
转载 JavaScript中Promise.all和Promise.race方法的介绍（附代码）
Promise.all() 方法接受一个包含 Promise 对象或普通值的数组(或其它可迭代对象)作为参数，并返回一个 Promise。当所有 Promise 对象都 resolve 后，将所有 resolve 值以数组形式作为 Promise.all() resolve 的结果。如果其中之一的 Promise 被 reject，立即以第一个 reject 的值作为 Promise.all() ...
2020-02-05 12:14:55
1665
1
转载 redux redux-actions使用
redux-actions有两大法宝createAction和handleActions.createAction原来创建action:const startAction = () => ({ type: START });使用redux-actions创建action:import { createAction } from 'redux-action...
2020-02-04 11:40:18
1471
转载 使用 getDerivedStateFromProps 派生状态
使用 getDerivedStateFromProps 派生状态时，不需要把组件自身的状态也设置进去class AAA extends React.Component { // 必须给 state 设置一个值，哪怕是一个空对象 state = { num:666 }; static getDerivedStateFromProps(nextProps, prevStat...
2020-02-03 17:01:59
622
phpStudy 软件 PHP调试环境
2016-08-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人