- 博客(11)
- 收藏
- 关注
RSS订阅原创 高级前端进阶，你知道http有几个版本吗？
前言： http全称为超文本传输协议，本文将会尽量精简的将http发展中经历的几个版本介绍出来。 HTTP 0.9 非常简单，纯文本格式，没有状态码以及错误代码等。 只支持get请求 单次TCP链接只接受一次请求，请求完毕后TCP链接会关闭。 请求示例： GET https://www.baidu.com 响应示例 <HTML> 简单的html </HTML> HTTP 1.0 我们现在使用的HTTP 1.1版本的一个雏形， 增加了POST、HEAD等方法。 HE
2021-01-17 21:34:12
250
原创 源码解读-vue是如何实现$nextTick的
前言： 本文需要一定的事件循环相关知识，想了解事件循环的小伙伴可以看 这里。 本文要弄明白下面两件事： $nextTick什么时候执行 vue中nextTick与$nextTick区别 1.查看源码中的$nextTick方法 Vue.prototype.$nextTick = function(fn) { return nextTick(fn, this) }; 可以看到$nextTick调用的也是nextTick方法，只不过$nextTick默认绑定了this上下文，也就是Vue实例对象 2.下
2020-12-28 21:42:42
376
原创 react如何快速入门？vue开发者看过来
前言： 本文皆在以最短的时间带vue开发者对react有个大致的了解。 react jsx JSX是JavaScript XML,是React提供的Syntax Sugar, 能让我们可以在JS中写html标记语言 可自动防范注入攻击（渲染前所有的内容默认会进行转义） 事件使用驼峰式写法 style内的css属性使用驼峰式写法 自定义组件首字母大写 const element = <h1 tabIndex="0">Hello, world!</h1>; //const el
2020-12-28 21:41:25
384
原创 高级前端进阶，你了解事件循环吗？
前言： 无论在工作中，还是在面试题中，event loop（事件循环）都十分重要，浏览器与nodejs中事件循环略有差异，本文只讨论浏览器中的事件循环，nodejs以后再单独写一篇。由于涉及到的点会比较多，可能显得比较啰嗦，请大家选择性观看，如果。 为什么需要事件循环 大家都知道JavaScript是单线程脚本语言，同一时间只能做一件事。而JavaScript中又存在异步http请求（ajax）、定时器、事件绑定等等的方法，如何检测异步请求是否完成、如何检测定时器时间、如何监听事件触发？这时候就需要浏览器.
2020-12-28 21:37:13
191
原创 高级前端进阶，为什么要使用call、apply、bind？
前言： call、apply、bind这3个方法的用处都是更改this指向，在学习call、apply、bind之前，需要先了解this，所以本文会先对this进行讲解。 通过本文可以了解： this是什么 call、apply、bind是如何实现的 call、apply、bind的用处 什么是this 定义： 当前执行上下文（global、function 或 eval）的一个属性，在非严格模式下，总是指向一个对象，在严格模式下可以是任意值。 说白了，this就是一个变量，他指向一个对象或
2020-12-28 21:33:08
470
原创 一文搞懂js中的隐式类型转换
前言 今天来详细了解一下javascript中的隐式类型转换，通过在各种情况下发生的隐式类型的例子，来详细的了解隐式类型转换的过程。 如何转换-前置知识 1.对象类型转换 当对象类型进行类型转换时，会调用js内部一个方法toPrimitive， 此方法接收两个参数，一个参数为需要转换的对象，另一个方法接收一个期望类型，string或number。 当期望值为number时 会调用valueOf方法，如果返回的值不是原始值，则继续调用toString方法。 当期望值为string时 会调用toStr
2020-12-28 21:32:08
2314
原创 高级前端进阶，用Gulp提升你的开发效率
前言： 这两天动手配置了一下gulp，发现gulp配置简单，构建速度快，在某些使用场景下还是个不错的选择，本文从零开始构建，到最后打包发布到生成环境。通过本文可以快速上手gulp，文末附送github源码，需要的可以点击下载。 gulp介绍： gulp是一个基于流的前端自动化构建工具，与grunt、webpack为前端三大自动构建工具。 1.安装 //1.安装gulp脚手架 npm install --global gulp-cli //2.创建文件夹gulp-demo mkdir gulp-demo
2020-12-28 21:31:08
302
原创 5道BAT大厂面试题，助你夯实js基础
前言： 最近看到了一篇大厂面试题集锦，在这里摘出来一些比较有意思的面试题跟大家分享，通过这些试题的分析，加深大家对js的理解，夯实基础知识。 1.输出以下代码的执行结果 var obj = { '2': 3, '3': 4, 'length': 2, 'splice': Array.prototype.splice, 'push': Array.prototype.push } obj.push(1); obj.push(2); console.log(obj); 考察点1： 对pu
2020-12-28 21:29:40
506
原创 在控制台中看原型
原型的基本概念： 每个实例对象都有一个私有属性[[Prototype]]（谷歌、火狐浏览器中实现为__proto__）指向创建他的构建函数的原型对象prototype。__proto__我们称之为隐式原型，prototype为显式原型。 接下来我们在控制台中看看原型的指向。 在控制台中我们创建一个对象，并且打印出来这个对象 可以看到我们创建的这个对象除了创建时设置的一个属性a，还有个自带的属性__proto__。 接下来看__proto__的指向，由概念我们得出，obj的__proto__...
2020-12-28 21:25:02
500
原创 5分钟发布你的第一个npm包
npm是什么 npm是nodejs的包管理工具 npm有什么用 可以将自己的代码发布到npm上供别人下载使用，也可以在npm上下载其他人共享的代码。 如何使用npm npm是nodejs内置的包管理工具，安装完nodejs后就可以使用npm了。 常用指令 安装： npm install xxx 全局安装 npm install xxx -g 生产环境安装 npm install xxx -S 存放于devDependencies节点 开发环境安装 npm install xxx -D 存放于dep
2020-12-28 21:20:47
93
原创 js中的循环与跳出
前言： 在日常工作中经常遇到需要跳出当前循环的场景，但是每次查询过后没多久就忘记了，循环时也是使用map一把梭，趁着休息，在这里总结一下js中的循环方法以及如何跳出当前循环。 本文略去了一些方法的传入参数以及返回参数，做了一些精简，如果需要详细了解方法的使用可以去MDN上详细查询。 for循环 基本结构：for(表达式一;表达式二;表达式三){} 表达式一 用来定义变量 表达式二 用来判断循环是否结束 表达式三 每次循环都要执行的表达式 {} 代码块 常规用法 for(let i=1
2020-12-22 10:23:52
370
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人