灵感来源这周刚好看到一个大眼的玩具，感觉非常有意思。但是只能放在自己的网页上又感觉缺乏使用场景。因此我想到能把他翻成chrome插件，注入到平常浏览的网页上，这样使用场景就丰富了。开始翻译chrome插件使用的还是h5一套，因此改动并不算大。首先将代码全部复制下来，echart的源码也下载下来。然后做一些小改动。首先考虑到我们要把大眼插入进网页，那么首先我们
......
449
0
0
2023-01-25
npm 源地址1. 查看当前地址npm config get registry
npm config get disturl
2. 设置当前地址（设置为淘宝镜像）npm config set registry http://registry.npm.taobao.org/
3. 设置当前地址（设置为默认地址）npm config set registr
......
335
0
0
2023-01-24
# Promise 对象# Promise 的含义Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Prom
......
463
0
0
2023-01-19
❝歌德说：”一旦你信任了你自己，你就会明白怎样生活“ ❞大家好，我是「柒八九」。今天，我们继续「前端面试」的知识点。我们来谈谈关于「Web性能优化」的相关知识点。该系列的文章，大部分都是前面文章的知识点汇总，如果想具体了解相关内容，请移步相关系列，进行探讨。好了，天不早了，干点正事哇。你能所学到的知识点❝延迟和宽带WebWorker关键渲染路径React 应
......
322
0
0
2023-01-17
❝浮躁背后的本质是自卑感 ❞大家好，我是「柒八九」。今天，我们继续「前端面试」的知识点。我们来谈谈关于「前端工程化」的相关知识点和具体的算法。该系列的文章，大部分都是前面文章的知识点汇总，如果想具体了解相关内容，请移步相关系列，进行探讨。如果，想了解该系列的文章，可以参考我们已经发布的文章。如下是往期文章。好了，天不早了，干点正事哇。你能所学到的知识点❝常见
......
358
0
0
2023-01-17
❝如果不能避免被剥削的命运，就要提高自己被剥削的价值。 ❞大家好，我是「柒八九」。今天，我们继续探索JS算法相关的知识点。我们来谈谈关于「动态规划」的相关知识点和具体的算法。如果，想了解其他数据结构的算法介绍，可以参考我们已经发布的文章。如下是算法系列的往期文章。好了，天不早了，干点正事哇。你能所学到的知识点❝动态规划基础知识单序列问题双序列问题矩阵路径问题
......
401
0
0
2023-01-17
01—前言作为一名开发者，选择一个好的开发工具可以起到事半功倍的作用，正所谓：工欲善其事必先利其器！Google Chrome作为广大网民的一款首选浏览器，又不仅仅局限于浏览器，还自带或扩展了很多协助开发人员的插件和工具，帮助开发者们大大的提高了开发效率和便利。Google Chrome除了本身极快速的响应外，还有很多插件和功能值得推荐使用的，下面就粗略介绍
......
456
0
0
2023-01-17
图片懒加载可以给img标签统一自定义属性data-src='default.png'，当检测到图片出现在窗口之后再补充src属性，此时才会进行图片资源加载。function lazyload() {
const imgs = document.getElementsByTagName('img');
const len = imgs.length
......
336
0
0
2023-01-16
说一说正向代理和反向代理正向代理我们常说的代理也就是指正向代理，正向代理的过程，它隐藏了真实的请求客户端，服务端不知道真实的客户端是谁，客户端请求的服务都被代理服务器代替来请求。反向代理这种代理模式下，它隐藏了真实的服务端，当我们向一个网站发起请求的时候，背后可能有成千上万台服务器为我们服务，具体是哪一台，我们不清楚，我们只需要知道反向代理服务器是谁就行，而
......
330
0
0
2023-01-16
为什么使用this先看个例子：function identity() {
return this.name.toUpperCase();
}
function speak() {
return "Hello, i'm " + identity.call(this);
}
var me = {
name: 'rod
......
391
0
0
2023-01-13
基本类型和引用类型在 JavaScript 中，数据类型可分为基本类型和引用类型，基本类型有六种：Null，Undefined，String，Boolean，Number，Symbol；而引用类型就是传说中的 Object 了。其中基本类型是按值传递，而引用类型的值是按引用访问的，所以在操作对象时，实际上是在操作对象的引用而不是实际的对象 ( ps：在为对象
......
317
0
0
2023-01-13
先简单回顾下 webpack 原理Webpack 可以看做是模块打包机，把解析的所有模块变成一个对象，然后通过入口模块去加载我们的东西，然后依次实现递归的依赖关系，通过入口来运行所有的文件。由于 webpack 只认识js，所以需要通过一系列的 loader 和 plugin 转换成合适的格式供浏览器运行。loader 主要是对资源进行加载/转译的预处理工作
......
373
0
0
2023-01-13
前言当我们的项目越来越大，webpack的配置项越来越多时，构建速度会越来越慢，所以我们需要通过一些配置来提高webpack的构建速度。目录缩小范围noParseIgnorePlugin优化 resolve 配置externals缓存缩小范围在配置 loader 的时候，我们需要更精确的去指定 loader 的作用目录或者需要排除的目录，通过使用 inclu
......
347
0
0
2023-01-13
前言本篇将从实践出发，搭建一个基础的支持模块化开发的项目，在第二章节《进阶配置》中使用 webpack 搭建一个 SASS + TS + React 的项目。一、基础配置接下来一起配置一个基础的 Webpack。将支持以下功能：分离开发环境、生产环境配置；模块化开发；sourceMap 定位警告和错误；动态生成引入 bundle.js 的 HTML5 文件；
......
311
0
0
2023-01-13
用正则写一个根据name获取cookie中的值的方法function getCookie(name) {
var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]*)'));
if (match) return unescape(match[2]);
}
获取页
......
328
0
0
2023-01-13