- 博客(7)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 初探 babel 深入浅出地分析 babel 原理
写代码的时候，我们经常会使用 babel 来进行 polyfill，但是 babel 是怎么做到的呢？这篇文章会对 babel 有一个大概的介绍babel 是啥？babel 的用途js 转译器 转译 esnext、typescript、flow 等到目标环境支持的 js这个是最常用的功能，用来把代码中的 esnext 的新的语法、typescript 和 flow 的语法转成基于目标环境支持的语法的实现，并且还可以把目标环境不支持的 api 进行 polyfill。一些特定用途的代码转换babe
2021-07-06 15:59:54
826
原创 vue3数据响应式原理分析
按响应流程和简化版源码来分析响应式系统reactivityvue3 中的 reactivity 是一个独立的包，可以完全脱离 vue 使用，理论上在任何地方都可以使用(react 都可以)我们先来看看 reactivity 包的使用在项目根目录运行 yarn dev reactivity，然后进入 packages/reactivity 目录找到产出的 dist/reactivity.global.js 文件。新建一个 index.html，写入如下代码：<script src=
2021-06-29 16:48:09
550
原创 JS链式调用和流程控制
博主在某工作室担任前端导师(知识搬运工)的时候，遇到了其他导师出了一道 JS 题目，要求实现以下输出Student("fxy")// =>输出：// Hi! This is fxy!Student("fxy").sleep(3).study("javascript")// =>输出：// Hi! This is fxy!//等待3秒// Wake up after 3// Study javascript~Student("fxy").study("javascript"
2021-06-29 16:47:09
336
原创 node puppeteer SPA 网页图片爬虫实战
前言博主编程启蒙在高中，当时听说 python 写爬虫很厉害，于是学了一段时间的 python，但当时对于编程语言中的各种概念一无所知，所以学习起来十分困难，最终只能照着网上的教程抄抄简单的爬虫（特别是对于使用了异步加载的网页一筹莫展），最近在浏览某个网站时发现该网站的图片专栏的页面结构十分统一，由于懒得一个一个帖子点开看，决定写一个爬虫爬到本地。爬虫因为之前了解过使用 JS 写爬虫，于是很快就选择了puppeteer这个库来写爬虫。puppeteer是一个无头浏览器，可以不打开浏览器模拟浏览器的各
2021-06-29 16:45:52
650
原创 前端异步精讲
???? 前言异步编程的语法目标，就是怎样让它更像同步编程。——阮一峰 《深入掌握 ECMAScript 6 异步编程》JavaScript 的异步编程发展经过了四个阶段：回调函数、发布订阅Promiseco 自执行的 Generator 函数async / await????Promise首先让我们来回忆一下 Promise 的使用new Promise(resolve => { setTimeout(() => { resolve(1) }, 50
2021-06-24 14:59:37
95
原创 前端网络请求详细介绍
???? 前言之前我们做的页面都是一些没有数据的静态页面(虽然你可能写了一些动画效果，可它却仍然是个静态页面)。那么，啥叫动态页面呢？这就是前端跟网络请求的关系了，如果一个网页在你使用的过程中，向服务器发出了某些网络请求，并接收到了从服务器返回来的数据（当然也可能请求失败），那么，这样的网页才叫做动态页面。也就是说，这里的动态指的是你的浏览器（客户端）和服务器（服务器端）的数据交换。作为一个真正的前端，所做的事就是负责从客户端获取用户的数据（像是你填写的用户名和密码），然后，把这些数据组织起来，发给服务
2021-06-24 14:57:56
2419
原创 详解浏览器缓存 前端开发必会
详解浏览器缓存缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求，或者发起了请求但后端存储的数据和前端一致，那么就没有必要再将数据回传回来，这样就减少了响应数据。缓存位置缓存从缓存位置上来说分为四种，并且各自有优先级，当依次查找缓存且
2021-06-22 13:23:02
959
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人