• 什么是Deno,它与Node.js有什么不同?[每日前端夜话0xA1]
    每日前端夜话0xA1每日前端夜话,陪你聊前端。每天晚上18:00准时推送。正文共:1925 字预计阅读时间:10 分钟作者:Maciej Cieslar翻译:疯狂的技术宅来源:logrocketWhat Is Deno?Node.js 的创建者 Ryan Dahl 花了一年半的时间研究 Deno(https://deno.land/),这是一个新的 JavaScript 运行时环境,可以解决Node 的所有问题。不要误解我的意思,Node 本身就是一个很棒的服务器端 JavaScript 运行时环境,主要是...
  • 风格与品位--3个前端代码规范的工具
    编者按:本文作者奇舞团前端开发工程师林向东。我们知道代码规范的作用;我们也知道工具才能让我们真正遵守代码规范。本文简绍三个工具 EditorConfig ,Prettier 和 eslint 。前两个工具帮你形成代码风格,另外一个让你提高代码品味。最后提供 typescript + eslint + prettier + airbnb + hooks 的安装和配置清单。本文环境:Mac、VSCodeEditorConfig第一个工具是 EditorConfig,文字意译就是编辑器配置,用于跨编辑器保持同一份...
  • 都说前端火,到底哪些技术火?
    点击上方“吴小龙同学”,马上关注,每天 7:45 准时推送,真爱,请星标或置顶前言“Android没人要了”,这些言论司空见惯,见怪不怪,都说前端要一统江湖,到底前端哪些技术火?殊不知前端技术的更新迭代是所有技术里面是最快的,19年你变秃了吗?我秃了,也变强了技术盘点本文盘点2019年比较热的技术点,大家好根据前端发展趋势对自己的技术栈做一定规划,抓住重点。本文主要聊以下几个技术点:Vue,  React, AngularWebAssembly,PWA小程序FlutterWebpack ,CLI工具Type...
  • 5门有美好未来的伟大编程语言
    两周前,我们转载了一篇题为《5门可能衰落的编程语言》的文章,此文根据TIOBE和RedMonk这两个编程语言排行榜,以及 Dice Insight 网站上与招聘信息相关的数据,进行了大胆的预测—— 哪些编程语言有“衰落迹象”。文章发布后引起了广泛的讨论和争议。以下为文章译文Swift苹果想要淘汰掉 Objective-C 这门有着 35 年“高龄”的编程语言,虽然它曾为苹果生态系统构建应用程序立下莫大的功劳。根据分析公司 RedMonk 的长期语言排名,Swift 自创建以来的使用量迅速上升。它已经成为相当多的系统中的“编程语言粘合剂”,从这方面来看,它似乎也有着光明的未来。
  • 2019年大前端技术趋势分析(下篇)
    在上一篇文章《2019年大前端技术趋势分析》中已经介绍了大前端关于状态管理、UI组件、小程序、跨平台和框架层的内容。结合个人和团队经历对2019上半年做个技术总结,将各类技术框架/语言/工具分作两个维度:技术采用生命周期技术方向编程语言来自statesofjs的统计,在类JS编程语言上,ES6遥遥领先,TypeScript也获得接近半数的使用量。在2019 stateofcss也有关于CSS特性使用情况的统计,每个特性的外圈代表听过过的数量,内圈表示真正使用过的数量。
  • 前端开发日报:20190818
    视频地址:大规模应用TypeScript「2019 JSConf -Brie Bunge」 视频翻译版权归 simviso 所有,微信公众号:Simviso , ...https://juejin.im/post/5d5416226fb9a06b244314485、代码提交git时自动格式化并通过ESlint检测前言 在同一个项目中,一般都是几个人合作开发,每个人的代码风格不同,因此提交到git之前,需要统一下格式,因此才有了这篇文章,分享一下自己的配置过程。首先来看一下使用vue create my-project命令生成项目的时候,自动生成的Vuex的代码,store.js:import Vue from 'vue' import Vuex from 'vuex' Vue.use export default new Vue...https://juejin.im/post/5d5645e3f265da03c7219c8e10、异步Promise以及Async / AwaitPromise 的 then 链式写法本质上是一直往下传递一个新的Promise ,也就是说 then 在下一步接收的是上一步返回的Promise。
  • 从TypeScript的类中派生接口[每日前端夜话0xAE]
    每日前端夜话0xAE每日前端夜话,陪你聊前端。TypeScript 当然支持这一点,你可以创建一个或多个接口,然后再定义生成这个接口实例的类(或工厂)。此外,仅依靠具体实现并不是理想的解决方案,因为如果我们将来需要多个实现的话,TypeScript 编译器服务还没有一个很好的机制能够批量替换具体实现的所有用法与相对应的接口。因此在本文中,我们探索了 typescript 的两个功能,可以帮助我们解决这个问题。从类派生接口TypeScript 的一个鲜为人知的特性是接口可以从类派生。
  • 增长最快的TypeScript ,你不得不看!
    TypeScript 是增长最快的语言之一。谷歌趋势:2014 至 2019 年 TypeScript 的增长。图源/前端之巅其实,TypeScript 并不是一个完全新的语言, 而是JavaScript 的超集,它包括 ES5、ES5+ 和其他一些诸如泛型、类型定义、命名空间等特征的集合,而且能够编译成普通的JavaScript 代码。TypeScript 与 ES5,ES2015,ES2016 之间的关系除了上面这个优点,它还支持任意浏览器,任意环境,任意系统并且还是开源的。所以,作为前端人,你不得不承认TypeScript 良好的发展态势,与其抨击、避讳它,不如学习和使用它。最重要的是,包括腾讯在内的国内很多大厂的前端团队已经开始使用TypeScript。腾讯高级工程师程柳锋也曾公开表示,TypeScript在腾讯使用的比较多。
  • 2019年,高级前端都掌握了这六大知识点
    转眼,2019年已经过去一大半了。2019年对于大前端技术领域而言变化不算太大,目前三大技术框架日趋成熟,短期内不大可能出现颠覆性的前端框架。我将在这篇文章中,带大家盘点一下:2019高级前端必备的 TOP 级知识点。不过仁者见仁智者见智,选择TS还是ES6还是要看具体的项目而定。老袁从业前端8年,冷暖自知,也希望大家能够跟上这个时代,工作顺利。本课程原价196元,领取优惠券仅需1元。
  • 增长最快的TypeScript ,你不得不看!
    TypeScript 是增长最快的语言之一。谷歌趋势:2014 至 2019 年 TypeScript 的增长。图源/前端之巅其实,TypeScript 并不是一个完全新的语言, 而是JavaScript 的超集,它包括 ES5、ES5+ 和其他一些诸如泛型、类型定义、命名空间等特征的集合,而且能够编译成普通的JavaScript 代码。TypeScript 与 ES5,ES2015,ES2016 之间的关系除了上面这个优点,它还支持任意浏览器,任意环境,任意系统并且还是开源的。所以,作为前端人,你不得不承认TypeScript 良好的发展态势,与其抨击、避讳它,不如学习和使用它。最重要的是,包括腾讯在内的国内很多大厂的前端团队已经开始使用TypeScript。腾讯高级工程师程柳锋也曾公开表示,TypeScript在腾讯使用的比较多。
  • VS Code 摸鱼插件开发小记
    插件技术体系涉及到插件生命周期管理、UI 定制、网络请求、配置持久化等等,基本参考几篇官方文档和示例项目,就能写出大概了,代码详见vscode-readhub项目脚手架https://code.visualstudio.com/api/get-started/your-first-extensionVSCode UI 组件介绍及扩展点https://code.visualstudio.com/api/extension-capabilities/extending-workbenchTreeView 详细介绍,包括事件注册、数据绑定https://code.visualstudio.com/api/extension-guides/tree-viewCommand 定义https://code.visualstudio.com/api/extension-guides/commandConfiguration APIhttps://code.visualstudio.com/api/references/contribution-points#contributes.configuration测试https://code.visualstudio.com/api/working-with-extensions/testing-extension四、开发备忘1. 语言方面TypeScript 现学现用,不过由于 Google / SO 上问题和解答都很多,基本没有太多阻塞的问题;一些零散的点记录:TypeScript 枚举类,如何添加方法以及自定义构造函数?
  • Fundebug前端异常监控插件更新至2.0.0,全面支持TypeScript
    Fundebug前端异常监控服务Fundebug提供专业的前端异常监控服务,我们的插件可以提供全方位的异常监控,可以帮助开发者第一时间定位各种前端异常,包括但不限于JavaScript执行错误以及HTTP请求错误。并且,Fundebug支持Source Map还原,记录用户行为以及“录制”用户操作视频,帮助开发者快速复现BUG,提高Debug效率,欢迎大家免费试用~Fundebug前端异常监控插件更新至2.0.0,全面支持TypeScript,为使用TypeScript的用户提供更好的编程体验。Anders Hejlsberg是程序员界的传奇人物,C#与TypeScript都是由他设计主导,年近60依然还在编程,但是,他的视频非常浅显易懂!
  • 对于前端新宠TypeScript,你得了解这些......
    TypeScript 是增长最快的语言之一。谷歌趋势:2014 至 2019 年 TypeScript 的增长。图源/前端之巅TypeScript的受欢迎程度一直在增加,俨然成为了前端人的新宠。TypeScript 与 ES5,ES2015,ES2016 之间的关系除了上面这个优点,它还支持任意浏览器,任意环境,任意系统并且还是开源的。所以,作为前端人,你不得不承认TypeScript 良好的发展态势,与其抨击、避讳它,不如学习和使用它。最重要的是,包括腾讯在内的国内很多大厂的前端团队已经开始使用TypeScript。腾讯高级工程师程柳锋也曾公开表示,TypeScript在腾讯使用的比较多。
  • 把 WebAssembly 用于提升速度和代码重用[每日前端夜话0xBC]
    对于名称中带有 assembly 的语言,WebAssembly 是低级的。系统语言都具有两个特性,这使它们适合被编译为 WebAssembly。谈到高性能 Web 代码,WebAssembly 并不是唯一的选择。WebAssembly 的概述可以总结如下。几乎所有关于 WebAssembly 语言的文章都提到把近乎原生的速度作为语言的主要目标之一。WebAssembly 在下载方面也有优势。浏览器将 JS 模块作为文本提取,这正是 WebAssembly 能够解决的低效率问题之一。WebAssembly 中的模块是紧凑的二进制格式,可加快下载速度。同样令人感兴趣的是 JS 和 WebAssembly 如何协同工作。冰雹序列和 Collatz 猜想生产级代码案例将使 WebAssembly 代码执行繁重的计算绑定任务,例如生成大型加密
  • 大规模应用 TypeScript
    将刚才的代码用 TypeScript 来表达就是这个样子。通过使用 TypeScript,我们在编码时能做更多的事情。这仅涉及了 TypeScript 非常基础的一些功能,但却让你了解到它捕获类型错误的能力,以及支持它的工具。我们将进行改革,我们提议在我们的主仓库中使用 TypeScript,并让它成为前端开发的主要语言。这些数字描绘了我们当时提议使用 TypeScript 所面临的困境。从 2016 年起,Airbnb 已经在一些小规模团队中探索使用 TypeScript。使用 TypeScript,工程师可以更安全快速的迁移代码。这似乎的确需要先将那些包转换成 TypeScript。
  • Google员工吐槽TypeScript:类型检查不太好
    近日名为 Evan Martin 的 Google 员工在 TypeScript 的 GitHub repo 中发表了对 TypeScript 的“吐槽”,用吐槽来表达可能不太合适,准确来说是对 TypeScript 3.5 的使用反馈。但团队发现此次升级至 TypeScript 3.5 带来的额外工作量要比此前的升级多得多。Evan 认为 3.5 版本中有三个主要变化让此次升级变得尤其艰难,他相信这些变化的大多数是有其目标的,并且旨在改进类型检查,但他也认为 TypeScript 团队所理解的类型检查始终只是在安全与效率之间权衡。为此,Evan 希望这份基于大型代码库的 TypeScript 使用反馈能帮助 TypeScript 团队更好地评估未来类似的情况,并提供一些建议。
  • JavaScript和TypeScript中的symbol[每日前端夜话0xC0]
    每日前端夜话0xC0每日前端夜话,陪你聊前端。正文共:789 字预计阅读时间:5 分钟作者:@ddprrt翻译:疯狂的技术宅来源:fettblogsymbol 是 JavaScript 和 TypeScript 中的原始数据类型,可用于对象属性。与 number 和 string 相比,symbol 具有一些独特的功能,使它脱颖而出。JavaScript 中的符号可以用 Symbol() 工厂函数创建符号:1constTITLE=SymbolSymbol 没有构造函数。TypeScript中的符号TypeScript 完全支持符号,它是类型系统中的主要成员。unique symbol 与声明紧密相关,只允许在 const 声明中引用这个确切的符号。你可以将 TypeScript 中的名义类型视为 JavaScript 中的名义值。运行时枚举一个有趣的符号例子是在 JavaScript 中重新创建运行时的 enum 行为。TypeScript 中的 enum 是不透明的。