tsejx / javascript-guidebook

:books:JavaScript 前端知识图谱 A guidebook for the convenience of the front-end developers

Hi there, I'm Jehoshaphat Tse! 👋

Talking about Personal Stuffs:

• 👨🏻‍💻 热爱探寻前端任何可能性的工程化实践；
• 💬 欢迎在相对应的项目中提交 issues 与我交流；

My technology stack:

Knowledge Graph

• JavaScript Guidebook：JavaScript 知识图谱 - ECMAScript | DOM | BOM | HTML5 | 计算机网络 | 设计模式
• React Guidebook：：React 知识图谱 - 基本概念 | 进阶用法 | 框架生态 | 前沿技术 | 源码核心
• Webpack Guidebook：：Webpack 知识图谱 - 模块化 | 基础概念 | 工作原理 | 实战应用
• DevOps Guidebook：：DevOps 知识图谱 - Linux | Nginx | 数据库 | 部署 | DevOps
• Vue Guidebook：Vue 知识图谱 - 基本概念 | 响应式原理 | 编译原理 | 框架生态
• CSS Guidebook：CSS 知识图谱 - 特性 | 属性 | 布局 | 响应式 | 动画
• Node Guidebook：Node.js 知识图谱 - 模块 | 异步编程 | 进程 | I/O | 服务端应用
• TypeScript Guidebook：TypeScript 知识图谱 - 静态类型检查 | 语法基础 | 配置使用 | 编译原理
• Cross Platform Guidebook：跨平台开发知识图谱 - HybridApp、ReactNative、小程序、Flutter、Electron
• Data Structure and Algorithms Guidebook：数据结构与算法知识图谱 - 数据结构 | 算法 | 编程实现
• Visualizaition Guidebook：前端图像学知识图谱 - Canvas | SVG | WebGL
• Angular Guidebook
• Database Guidebook：MySQL、MongoDB

javascript-guidebook's Issues

js 里 undefined 不应该算做对象吧

看文档中undefined出现在内置对象里 它不属于对象吧。

词法语法章节

有一个小小的细节错误，单行注释没有进行注释

BOM and DOM

网站中的BOM与DOM全写中的O有没有可能是Object啊

后自增案例中 变量名错误 定义为c log输出的变量为b

内容诸多语言不通畅，怀疑是翻译有问题。

“由于进程有自己的私有内存空间，所以它们通常包含公共基础设施的拷贝（如 V8，它是 Chrome 的 JavaScript 引擎）。这意味着使用了更多的内存，如果它们是同一进程中的线程，就无法共享这些拷贝。”

设么叫“如果它们是同一进程中的线程，就无法共享这些拷贝”？

文中还有很多类似不通顺的，极其类似于英文翻译过来的文字风格。

关于浏览器内核、排版引擎和js引擎的解释也是混乱的。

有个词写错啦

网站超级好，准备面试就可以参考

• xss 攻击示例部分，

<div id="root"></div>

<script type="application/javascript">
 // 假设这是请求返回的数据
 const res = ['1', '2', '3', '<img src="1" onerror="console.log(windwo.localStorage)" />'];

 const root = document.querySelector('#root');

 res.forEach((item) => {
   const p = document.createElement('p');
   p.innerHTML = item;
   root.append(p);
 });
</script>

这个部分的第三行window对象是不是拼错啦

函数覆盖说明错误

导航栏样式问题

当页面视图范围缩小时，顶部导航栏的样式出现了问题

函数柯里化-示例一-代码修复

这里的示例代码运行传参多一个，且不能达到预期效果。

建议修改成：

const currying = function (fn, ...args) {
  const len = fn.length;
  args = args || [];
  return (...arguments) => {
    const totalArgs = [...args].concat([...arguments]);

    return totalArgs.length >= len
      ? fn.call(this, ...totalArgs)
      : currying.call(this, fn, ...totalArgs);
  };
};

const sum = (a, b, c) => a + b + c;

const newSum = currying(sum);

const res = newSum(1)(2)(3) // 6

console.log(res); 

运行结果：

博主为何用 dumi 来替代 vuepress 呢

XSS 攻击、CSRF攻击讲的太啰嗦，没有例子 看不懂啊

一点也不如参考链接上看的清楚

类型转换示例错误

基础语法的类型转换中有一行示例为

"1" + NaN           // "NaN"

按照转换规则，会将NaN进行String(NaN)转换为“NaN"再继续字符串拼接，结果应该为"1NaN"。

求更新呀大佬，尤其是webassembly

闭包-定义用例错误

function foo() {
  let value = 1;

  function bar() {
    console.log(value);
  }
  // error，正确的应该是return bar
  return bar();
}

const baz = foo();

// 这就是闭包的作用，调用 foo 函数，就会执行里面的 bar 函数，foo 函数这时就会访问函数外层的变量
baz();

有个示例片段写错名字了

<script type="text/javascript"> const list = document.getElementById('ul'); //这里的id是list const fragment = document.createDocumentFragment(); const browsers = ['Firefox', 'Chrome', 'Opera', 'Safari', 'Internet Explorer']; browsers.forEach(function (browser) { const li = document.createElement('li'); li.textContent = browser; fragment.appendChild(li); }); list.appendChild(fragment); </script>

迭代器中关于loop的缺点阐述有误

for(let i in arr){...}不仅可以用于遍历对象，也可以用于遍历数组，其中i获取的是String类型的索引值

抽象控制对象中 Iterator 章节的代码例子问题

具体位置： https://tsejx.github.io/javascript-guidebook/standard-built-in-objects/control-abstraction-objects/iterator
问题：

这段代码并不能展示出注释的效果
原因是 count 在next() 执行的时候没有自增

js can not found error

访问各知识点的具体页面时，比如这个。 会遇到JS文件找不到导致404错误问题。

猜测是因为你从VuePress迁移到dumi导致的，我之前使用VuePress时也遇到了这个问题。

膜拜大佬

我目前也在准备像你这样写github博客，然后部署在github.io中，希望可以向你学习