最简WebGL教程,仅需 75 行代码

2020-07-23
阅读 5 分钟
3.1k
现代 OpenGL(以及名为WebGL的扩展)与我过去学习的传统 OpenGL 有很大不同。我了解栅格化的工作原理,所以对这些概念很满意。但是我所阅读的每篇教程都介绍了抽象和辅助函数,这使我很难理解哪些部分是 OpenGL API 的真正核心。

近距离观察Vue路由

2020-07-21
阅读 5 分钟
2.2k
SPA 非常好,因为它们不需要在每次更改路由时都去加载页面。这就意味着一旦加载了全部内容,就可以真正快速地对视图进行切换,并提供出色的用户体验。

2020最新:100道有答案的前端面试题(上)

2020-07-14
阅读 6 分钟
14.4k
最近我花了一些时间,为大家整理了2020年各一、二线互联网公司的前端面试题,内容包括JavaScript、算法、网络&安全、Vue、React等大量的前端知识点和相关面试题。答案和解析也整理在文中了,整理不易,麻烦各位走过路过的壮士给颗star,如果可以star fork watch三连更好,感谢😄 🙏

在 React 中用事件驱动进行状态管理

2020-07-10
阅读 8 分钟
3.1k
自 Hook 被引入 React 以来,Context API 与 Hook 库在应用状态管理中被一起使用。但是把 Context API 和 Hooks(许多基于 Hooks 的状态管理库建立在其基础上)组合的用法对于大规模应用来说可能效率不高。

用 Javascript 爬取网页

2020-06-28
阅读 10 分钟
15k
本文主要针对具有一定 JavaScript 经验的程序员。如果你对 Web 抓取有深刻的了解,但对 JavaScript 并不熟悉,那么本文仍然能够对你有所帮助。

探索 Vue-Multiselect

2020-06-22
阅读 9 分钟
4.5k
创建下拉菜单总是很麻烦的,特别是当我们需要自定义样式时,select 元素的作用非常有限。如果用 Vue 来构建我们的应用,则可以用一些组件来帮助简化工作。

TypeScript中的类型断言

2020-06-17
阅读 4 分钟
7.7k
本文是关于 TypeScript 中的 type assertions 的,它与其他语言中的类型强制转换有相似之处,并通过 as 运算符执行。

比较 JavaScript 对象的四种方式

2020-06-12
阅读 5 分钟
14.3k
作者:Dmitri Pavlutin翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 比较 JavaScript 中的原始值非常简单。只需使用任何一种可用的相等运算符即可,例如严格相等运算符: {代码...} 但是对象却有结构化数据,所以比较起来比较困难。在本文中,你将学习如何正确比较 JavaScript 中的对象。 1. 引用比较 JavaScript ...

TypeScript 中的顶级类型:any 和 unknown

2020-06-09
阅读 3 分钟
5.9k
作者:Dr. Axel Rauschmayer翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 在 TypeScript中,any 和 unknown 是包含所有值的类型。在本文中,我们将会研究它们是怎样工作的。 TypeScript 的两种顶级类型 any and unknown are so-called top types in TypeScript. Quoting Wikipedia: any 和 unknown 在 TypeScript ...

2020 年面向初学者的 9 个数据科学项目

2020-06-08
阅读 3 分钟
3.3k
预计到 2022 年,拥有信用卡的人数将会接近 12 亿。为了确保信用卡交易的安全性,必须对其活动进行有效的监视。信用卡公司应该能够识别出欺诈性的信用卡交易,从而不会向客户收取未购买商品的费用。

10 个超有用的 JavaScript 技巧

2020-06-05
阅读 4 分钟
3.4k
众所周知,JavaScript 一直在迅速变化。新的 ES2020 引入了许多很棒的功能。你可以通过很多不同的方式去编写代码。他们会达到相同的目标,但其中一些会更短、更清晰。你可以凭借一些小技巧来使代码更清晰。这里列出的对 JavaScript 开发人员有用的技巧,一定会对你有所帮助。

提高你的 JavaScript 技能10 个面试题

2020-06-04
阅读 4 分钟
2.6k
刷题是我们提高自己技术的一种好方法。下面的问题很有挑战性和“指导性”。如果你知道该怎样回答,那意味着自己的水平很好,但是如果你发现自己答错了,并能够搞清楚为什么错,我认为那会更好!

VS Code 调试完全攻略(6):调试用 TypeScript 开发并打包的 React 📦

2020-06-03
阅读 4 分钟
6.4k
说到前端,我现在选择的武器是 React、TypeScript 和 Parcel trinity。这是一个简单、可靠而且高效的设置,只需最少的配置。本文将向你展示如何在 VS Code 中创建匹配的调试器。

VS Code 调试完全攻略(5):基于浏览器的 React 应用

2020-06-02
阅读 4 分钟
8.9k
这次我们来研究怎样把调试器连接到用 Create React App 生成的 React 程序。我们将看到如何从 VS Code 启动浏览器并检查远程异步 API 调用。它超级强大,同时又很容易,所以在调试 CRA 和 React 程序时没有理由不这样做。

VS Code 调试完全攻略(4):launch.json 和调试控制台

2020-06-01
阅读 2 分钟
20k
一些更强大的调试功能仅在专用的配置文件中可用。这次我们要创建一个 launch.json 和内置的 VSCode 调试控制台。本文将会解决我们在调试复杂的真实程序之前的最后一个难题。

VS Code 调试完全攻略(3):编辑变量并重新执行函数

2020-05-29
阅读 3 分钟
6.6k
作者:Charles Szilagyi翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 可以通过在调试器中重新执行代码块,来查看它们在不同情况下的行为。在调用栈中修改变量并重新执行函数可以让你节省大量的时间! VS Code 调试完全攻略系列目录 基础知识 步进逐行调试 编辑变量并重新执行函数 launch.json 和调试控制台 基于浏...

VS Code 调试完全攻略(2):逐行步进调试

2020-05-28
阅读 4 分钟
12.8k
在要检查的代码之间导航很重要。如果去遍历代码的每一行,那将会是乏味且没有必要的。调试器提供了便捷的方法来查看重要的内容,并跳出无关紧要的代码块。让我们看看怎样在调试时进入、跳过和退出函数!

VS Code 调试完全攻略(1):基础知识

2020-05-27
阅读 4 分钟
4.8k
在接下来的几篇文章中,我们将研究如何以专业的方式调试 JavaScript 和 TypeScript 代码。我们将学习如何使用 Visual Studio Code 中内置的调试器,而不是让 console.log 到处乱飞。

箭头函数和常规函数之间的 5 个区别

2020-05-26
阅读 5 分钟
8.8k
作者:Dmitri Pavlutin翻译:疯狂的技术宅 原文:[链接] 在 JavaScript 中,你可以通过多种方式去定义函数。 第一种常用的方法是使用关键字 function: {代码...} 代码中的函数声明和函数表达式被称为“常规函数”。 从 ES2015 开始,第二种可用的方法是 箭头函数 语法: {代码...} 虽然两者的语法都能够定义函数,但是在...

从 Node 到 Deno

2020-05-25
阅读 9 分钟
5.7k
我收集了一些 Node 中最常用的主题,并寻找 Deno 的替代方案。首先我想说明,许多当前的 Node.js 模块都可以都可以用在 Deno 中。由于许多模块都是可重用的,所以没有必要为所有方法去寻找替代方案。你可以访问pika.dev 查找可以在 Deno 中使用的模块。

深入探索 CSS Grid

2020-05-22
阅读 9 分钟
3k
作者:Hammad Ahmed翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 简介 本教程将深入探讨 CSS 网格布局,并探索几乎所有的属性和功能。读完之后,你将能够用这种出色的 CSS 附加功能去处理任何一种布局。 术语:Grid Grid 是二维网格系统。它可以用来构建复杂的布局以及较小的界面。 属性:display 只需要把一个元...

在 10 分钟内实现安全的 React + Docker

2020-05-21
阅读 10 分钟
8.2k
大多数云提供商都提供了一种部署静态站点的方法。用 React 构建应用只是 JavaScript、HTML 和 CSS。它们是静态文件,几乎可以在任何 Web 服务器上使用。但实际上,如果你使用了 JSX(JS 中的 HTML)和样式化组件,那么这些可以说只有 JavaScript!

Deno 环境下的 TypeScript 开发

2020-05-20
阅读 19 分钟
4.1k
作者:Flavio Copes翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 我每周都会探索一些新的项目,但很少会有像 Deno 这样吸引我的。 在本文中,我会让你快速了解 Deno,并把它与 Node.js 进行比较,以此构建你的第一个 REST API。 什么是Deno? Deno 就像 Node,但是在很多方面都得到了深入的改善。先从 Deno 功能列...

Deno 意味着什么?

2020-05-19
阅读 4 分钟
3.9k
如果你一直关注 Web 开发领域,那么最近可能已经听到了很多关于 Deno 的信息——一种新的 JavaScript 运行时,它可能也会被认为是 Node.js 的继承者。但是这意味着什么,我们需要“下一个 Node.js” 吗?

为什么 CommonJS 会使你的程序包变大

2020-05-18
阅读 5 分钟
4.2k
CommonJS 是 2009 年的标准,为 JavaScript 模块建立了约定。它最初打算在 Web 浏览器之外使用,主要用于服务器端。

在 React.js 中自动复制文本到剪贴板

2020-05-14
阅读 3 分钟
8.5k
作者:Sanwar ranwa翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 介绍 在本文中,我们将学习怎样在 ReactJS 中把文本复制到剪贴板。 依赖的知识与环境 React 基本知识。 Visual Studio Code IDE。 Bootstrap 和 HTML 的基本知识。 创建一个 React 项目 首先,用以下命令创建一个 React App。 {代码...} 然后在 Vis...

为什么需要“跨域隔离”才能获得强大的功能

2020-05-13
阅读 4 分钟
7.3k
为什么需要跨域隔离才能使用功能强大的功能,例如 SharedArrayBuffer,performance.measureMemory() 和 JS Self-Profiling API。

关于前端的 13 个安全提示

2020-05-12
阅读 5 分钟
4.1k
你可能会惊讶地知道大型框架如何使你的网站对跨站点脚本(XSS)攻击打开大门。有很多危险的操作,例如 React 中的 dangerouslySetInnerHTML 或 Angular 中的 bypassSecurityTrust API。

用思维模型去理解 React

2020-05-11
阅读 8 分钟
3.4k
我了解到,掌握了某种语言、框架或工具的人与没有掌握的人之间的最大区别在于他们所使用的思维模型(Mental Model)。前者拥有清晰而先进的思维模型,而后者则没有。

它改变了 JavaScript 的体系结构——Webpack 5 Module Federation

2020-05-09
阅读 8 分钟
4.6k
从没有哪一种在独立的应用程序之间共享代码的可伸缩解决方案能够如此便捷,而且在成规模时几乎是不可能的做到的。我们所拥有的最接近的东西是 externals 或 DLLPlugin,不过这造成了对外部文件的集中式依赖。共享代码很麻烦,各个应用程序并不是真正独立的,并且通常只能共享有限数量的依赖项。此外,在单独捆绑的应用程...