JavaScript

57 人感兴趣 · 128 次引用

  • 推荐
  • 最新
https://static001.geekbang.org/infoq/27/27783ce7d2df5f6dc0cc7f2056890699.png?x-oss-process=image/resize,w_416,h_234

了不起的 TypeScript 入门教程 [1.2 w 字]

用户头像
阿宝哥 2020 年 6 月 28 日

本文从 14 个知识点入手,带你一步步学习 TypeScript 的相关知识。对 TypeScript 感兴趣的小伙伴不要错过哟。

https://static001.geekbang.org/infoq/bb/bb4438abce29a1cea73d96c663ec2127.jpeg?x-oss-process=image/resize,w_416,h_234

让你眼前一亮的 10 大 TS 项目

用户头像
阿宝哥 2020 年 6 月 25 日

推荐 10 大让人眼前一亮的 TS 项目,赶紧来了解一下,说不定下个项目你就会用到哟。

https://static001.geekbang.org/infoq/bd/bdd01bbfc6544d7a6b27ee00c894ea5e.png?x-oss-process=image/resize,w_416,h_234

TypeScript:重新发明一次 JavaScript

用户头像
LeanCloud 2020 年 6 月 10 日

作为一个 Node.js 开发者,我很早便了解到了 TypeScript,但又因为我对 CoffeeScript 的喜爱,直到 2016 年才试用了一下 TypeScript,但当时对它的学习并不深入,直到最近又在工作中用 TypeScript 开发了两个后端项目,对 TypeScript 有了一些新的理解。

https://static001.geekbang.org/infoq/56/56927fa3055ff1f4aeadcbcf03247041.png?x-oss-process=image/resize,w_416,h_234

分享一个阿里云轻量级开源前端图编排,流程图 js 组件——butterfly-dag

用户头像
InfoQ_39ba186c207f 2020 年 8 月 28 日

小蝴蝶(https://github.com/alibaba/butterfly)脱胎于阿里云数据智能事业部实际的业务场景,在覆盖了我们业务需求的情况下,同时支持了多个兄弟部门抽象出来的前端图、流程组件库

https://static001.geekbang.org/infoq/97/970af1790373131686f4cb50ec09b0cb.jpeg?x-oss-process=image/resize,w_416,h_234

一文读懂 TypeScript 泛型及应用

用户头像
阿宝哥 2020 年 7 月 2 日

觉得 TypeScript 泛型有点难,想系统学习 TypeScript 泛型相关知识的小伙伴们看过来,本文从八个方面入手,全方位带你一步步学习 TypeScript 中泛型。

https://static001.geekbang.org/infoq/50/50b3f2718b3b7f2fc1f0fc881a8e09c5.png?x-oss-process=image/resize,w_416,h_234

更优雅的编写 JavaScript

用户头像
三钻 2020 年 8 月 12 日

如果你刚接触JavaScript可能你还没有听说过.map(),.reduce(),.filter()。或者听说过,看过别人用过但是自己在实际项目中没有用过。在国内很多开发项目都是需要考虑IE8的兼容,为了兼容很多JavaScript好用的方法和技巧都被埋没了。

https://static001.geekbang.org/infoq/b0/b0b8386562ff79d6a96eb5a81f82241f.jpeg?x-oss-process=image/resize,w_416,h_234

从零搭建一个 Electron 应用

用户头像
局外人 2020 年 6 月 9 日

Electron 是一个优秀的跨平台桌面应用程序开源库,目前接触 Electron 的开发者也越来越多。但是笔者发现,目前社区里缺少对初学者足够友好的入门教程来帮助初学者用 Electron 搭建一个完整的开发框架。

https://static001.geekbang.org/infoq/99/99dee684028c344b90867fd4860a037f.jpeg?x-oss-process=image/resize,w_416,h_234

我在项目中是这样配置 Vue 的

用户头像
前端有的玩 2020 年 7 月 13 日

公司前端项目比较多,每个团队都会自己搭建一套属于自己团队的项目框架,导致公司项目五花八门,跨团队协作难上加载,所以小编整理了一个开箱即用的框架,用于统一所有的团队,那这个框架是怎么配置的呢,我们一起来看看。

https://static001.geekbang.org/infoq/87/87057597543a9ae43c68996a46d16263.png?x-oss-process=image/resize,w_416,h_234

你以为你真的理解 Closure 吗

用户头像
大导演 2020 年 7 月 18 日

闭包(closure),作为前端面试中老生常谈的话题,经久不衰。今天我们就一起来深入理解一下闭包吧!

https://static001.geekbang.org/infoq/83/83884c9cd629e36b641b19c85c213e99.png?x-oss-process=image/resize,w_416,h_234

Android 与 JS 的交互:JsBridge 的简单使用

用户头像
brave heart 2020 年 5 月 23 日

因为JsBridge里的example内容很多,自己第一次看这个东西,一下子还是一头雾水的,关于Android与JavaScript的交互,之前都是直接使用WebView来实现的,可是后来并没有深入去研究这个东西,原先项目使用到的WebView,也因为紧紧只是展示html页面。

https://static001.geekbang.org/infoq/3a/3a34546ee638cd461e07a197643d20ab.jpeg?x-oss-process=image/resize,w_416,h_234

你不知道的 JSON.stringify(上)

用户头像
前端黑板报 2020 年 5 月 22 日

你不知道 JSON.stringify 的秘密

https://static001.geekbang.org/infoq/d7/d76cc4767ae721bfba459c35a578e1aa.jpeg?x-oss-process=image/resize,w_416,h_234

了不起的 Webpack HMR 学习指南(含源码分析)

用户头像
pingan8787 2020 年 6 月 24 日

Hot Module Replacement(以下简称:HMR 模块热替换)是 Webpack 提供的一个非常有用的功能,它允许在 JavaScript 运行时更新各种模块,而无需完全刷新。

https://static001.geekbang.org/infoq/c9/c98c745583dc20e4dbce7bf894e8d5c7.jpeg?x-oss-process=image/resize,w_416,h_234

我写了一个 TypeScript 虚拟机。

用户头像
渔子长 2020 年 9 月 15 日

我写了一个TypeScript虚拟机: Tser。

https://static001.geekbang.org/infoq/9b/9bda2944e1707c11d16a7818868e22dc.png?x-oss-process=image/resize,w_416,h_234

正则表达式基础详解

用户头像
懒猫 2020 年 7 月 24 日

我们开发者做校验,判断等等绕不过的一个东西就是正则表达式,那么我们首先来介绍一下最基本的正则表达式。

https://static001.geekbang.org/infoq/e7/e72d1ac01a0fbc282adf8cc094457bff.jpeg?x-oss-process=image/resize,w_416,h_234

你不知道的 Web Workers (上)

用户头像
阿宝哥 2020 年 6 月 24 日

阅读完本文你将学到进程与线程的区别、浏览器内核的相关知识、Web Workers 是什么、Web Workers 的分类及 Web Workers API 及如何观察 Dedicated Worker 等知识。

https://static001.geekbang.org/infoq/46/4683bf314269116154838c03d8974604.jpeg?x-oss-process=image/resize,w_416,h_234

JavaScript 中的原型到底该如何理解?

用户头像
Walker 2020 年 9 月 9 日

如果把基于类的对象称为“自上而下”式的顶层设计,那么基于原型的对象则可以被称为“自下而上”式的动态演化。演化思维更符合我们人类的心智模式。

https://static001.geekbang.org/infoq/13/132643ec609f16aacbd303a810554a9d.png?x-oss-process=image/resize,w_416,h_234

Vue 生成 AST 算法的解析

用户头像
djknight 2020 年 6 月 2 日

在看vue源码的过程中,自己又了解了很多,不只加深了对vue本身的理解,也理解了正则,以及各种设计模式。

https://static001.geekbang.org/infoq/52/52c334993d8b16bd62673f56999c1630.jpeg?x-oss-process=image/resize,w_416,h_234

两分钟给你讲清楚 JavaScript 中的闭包与 this

用户头像
在沉默中 2020 年 8 月 20 日

文章不到500字,别犹豫了,快进来看看再说~

https://static001.geekbang.org/infoq/f5/f590938bf585ba0f76cd412213253eb6.jpeg?x-oss-process=image/resize,w_416,h_234

彻底理解 JavaScript 执行上下文

用户头像
Walker 2020 年 9 月 15 日

要想彻底理解JavaScript的代码执行机制,就必须理解执行上下文、this、闭包和函数,它们共同构成JavaScript最常用的代码执行单元。执行上下文是一段代码执行需要的所有信息,this是由调用它的引用决定的,闭包是带有执行环境信息的函数。

https://static001.geekbang.org/infoq/d8/d8eaa47dacb81fc35c939df45268b64e.jpeg?x-oss-process=image/resize,w_416,h_234

前端如何优雅处理类数组对象?

用户头像
pingan8787 2020 年 9 月 22 日

Leo 部门最近来了位前端实习生 Robin,作为师傅,Leo 认真的为 Robin 介绍了公司业务、部门工作等情况,还有前端的新人学习地图。

https://static001.geekbang.org/infoq/32/328d460cf01e5fc88e90bce6f9ec0cf0.jpeg?x-oss-process=image/resize,w_416,h_234

JavaScript 七大语言类型你知多少?

用户头像
Walker 2020 年 9 月 7 日

虽然JavaScript语言对大多数人来说已经非常熟悉了,但有些问题依然值得深入讨论。比如0.1+0.2为什么不等于0.3,基于原型的OOP和基于类的OOP有哪些区别?JavaScript都有哪些内置对象?深入理解这些问题,有助于写出更优雅的程序。

https://static001.geekbang.org/infoq/0f/0f4c4655fadb8aacfe12708108febb64.png?x-oss-process=image/resize,w_416,h_234

JavaScript 类型 — 重学 JavaScript

用户头像
三钻 2020 年 10 月 22 日

JavaScript 中最小的结构,同学们已知的有什么呢?我想同学们都应该会想到一些东西,比如一些关键字,数字 123,或者 String 字符等等。这里我们从最小的单位,字面值和运行时类型开始讲起。

https://static001.geekbang.org/infoq/1a/1afa46e5bdb9280f32759c1f1c82c03c.jpeg?x-oss-process=image/resize,w_416,h_234

图片处理不用愁,给你十个小帮手

用户头像
阿宝哥 2020 年 7 月 10 日

本文阿宝哥会为小伙伴们隆重介绍用于图片处理的十个 “小帮手”,他们各个身怀绝技,拥有模糊、压缩、裁剪、旋转、合成、比对等技能。相信认识他们之后,你将能够轻松应对大多数的图片处理场景。

https://static001.geekbang.org/infoq/f0/f009bb19c4185c5d00269d9c4248e7e1.jpeg?x-oss-process=image/resize,w_416,h_234

前端存储除了 localStorage 还有啥

用户头像
阿宝哥 2020 年 6 月 30 日

本文介绍一些与前端数据存储有关,有趣、好玩、有用的开源库。除此之外,还会让你掌握各种 Web 存储方案的特点,赶紧来了解一下。

https://static001.geekbang.org/infoq/57/57e84f38822ffde14745f025f8b90e02.png?x-oss-process=image/resize,w_416,h_234

【openlayers】在 vue 中使用 ol

用户头像
学习委员 2020 年 5 月 31 日

Openlayers 是一个模块化、高性能并且功能丰富的WebGIS客户端的JavaScript包,用于显示地图及空间数据,并与之进行交互,具有灵活的扩展机制。

https://static001.geekbang.org/infoq/b5/b54e54368a9b06ea16fce6a48127ee64.jpeg?x-oss-process=image/resize,w_416,h_234

1.8w 字 | 初中级前端 JavaScript 自测清单 - 2

用户头像
pingan8787 2020 年 8 月 4 日

在《初中级前端 JavaScript 自测清单 - 1》部分中,和大家简单过了一遍 JavaScript 基础知识,没看过的朋友可以回顾一下😁

https://static001.geekbang.org/infoq/02/021fa7eeeed0bbf029f5464ac2ae72e2.jpeg?x-oss-process=image/resize,w_416,h_234

学会使用 Vue JSX, 一车老干妈都是你的

用户头像
前端有的玩 2020 年 7 月 15 日

今天这篇文章将给大家小编在项目中使用JSX的一些实战经验。其实一般情况下写Vue还是比较推荐template的写法的,但是有时候我们真的需要更灵活的去做一些功能,这时候就需要用到JSX了。

https://static001.geekbang.org/infoq/49/49243c1b5ab11a3d9775d6b8e4a6bf96.png?x-oss-process=image/resize,w_416,h_234

【Vue3.0 Beta】尝鲜

用户头像
学习委员 2020 年 4 月 22 日

Vue3.0尝新体验~

https://static001.geekbang.org/infoq/48/489c8d88dfcf3d0fd61895cbef691f62.jpeg?x-oss-process=image/resize,w_416,h_234

带你体验 Vue2 和 Vue3 开发组件有什么区别

用户头像
三钻 2020 年 8 月 12 日

我们一直都有关注和阅读很多关于Vue3的新特性和功能即将到来。但是我们没有一个具体的概念在开发中会有如何的改变和不一样的体验。还有一些童鞋已经开始又慌又抓狂了 -- “又要开始学新的写法了 (ノToT )ノ ~┻┻”。

https://static001.geekbang.org/infoq/15/1539d58d3ebeca63686ea3dab144d230.jpeg?x-oss-process=image/resize,w_416,h_234

实战技巧,Vue 原来还可以这样写

用户头像
前端有的玩 2020 年 7 月 14 日

每天上班写着重复的代码,当一个cv仔,忙到八九点,工作效率低,感觉自己没有任何提升。如何能更快的完成手头的工作,提高自己的开发效率,小编整理了一些Vue开发技巧。你们先加班,我先下班陪女神去逛街了。

JavaScript_JavaScript资料文章-InfoQ写作平台