6 天前 / 噶牛爱尚
作者：valentinogagliardi 译者：前端小智 来源：github 为了保证的可读性，本文采用意译而非直译。 有没有想过浏览器如何读取和运行JS代码？这看起来很神奇，我们可以通过浏览器提供的控制台来了解背后的一些原理。 在Chrome中打开浏览器控制台，然后查看Sources这栏，在右侧可以到一个 Call Stack 盒子。 JS 引擎是一个可以编译和解释我们的JS代码强大的组件。最受欢迎的JS 引擎是V8，由 Google Chrome 和 Node.j s使用，SpiderMonkey 用于Firefox，以及Safari/WebKit使用的 JavaScriptCore。 虽然现在 JS 引擎不是帮我们处理全面......
9 天前 / Fundebug
点击上方“蓝字”关注本公众号 原文链接：https://blog.logrocket.com/how-javascript-works-optimizing-the-v8-compiler-for-efficiency/ 原文标题：How JavaScript works: Optimizing the V8 compiler for efficiency （正文开始） 理解JavaScript的工作原理是写出高效JavaScript代码的关键。 忘记那些无关紧要的毫秒级改进：错误地使用对象属性可能导致简单的一行代码速度降低7倍。 考虑到JavaScript在软件堆栈所有级别中的普遍性，即使不是所有级别的基础设施，也可能会出现微不足道的减速，而不仅仅是网站的菜单动画。 有许......
9 天前 / mr7
前言 在2019年10月5日，尤小右公开了 Vue 3.0 的源代码。 vue3.0源代码仓库 https://github.com/vuejs/vue-next 想了解 vue 3.0 源码的同学，可以访问上述链接。 作为现阶段的主流前端框架之一，Vue 受到了大家的强烈关注。 源码公开后不久，社区内就有源码解析的文章出现，甚至还有培训课程打出了《从0实现 Vue 3.0 响应式源码》的噱头。 尽管有一些“学不动了”的自嘲，社区里对 Vue 3.0 源码开放事件，总体上是一个非常正面的态度。 在这种背景下，我注意到了两段争论，一个来自国外社区，一个来自国内；它......
10 天前 / 噶牛爱尚
首发于简单易懂的现代魔法写文章写给前端工程师看的Docker教程-实战篇深红人类为什么要互相ntr24 人赞同了该文章在上一篇文章里，我们学习了Docker常用的命令和基本操作，现在可以开始实战了。 单页应用前端工作中最常见的就是单页应用了。我们首先用create-react-app快速创建一个应用 npm i create-react-app -gcreate-react-app react-appcd react-appnpm run start可以看见正常启动的页面。 打包试一下 npm run build可以看到本地生成了一个build目录，这就是最后线上运行的代码。 我们先在本地运行下build目录看看 npm i http-server -gh......
10 天前 / vivo互联网技术
【编写高质量函数系列】中， 《如何通过 JavaScript 编写高质量的函数（1） -- 敲山震虎篇》介绍了函数的执行机制，此篇将会从函数的命名、注释和鲁棒性方面，阐述如何通过 JavaScript 编写高质量的函数。 《如何通过 JavaScript 编写高质量的函数（2）-- 命名/注释/鲁棒篇》从函数的命名、注释和鲁棒性方面，阐述如何通过 JavaScript编写高质量的函数。 【 前 言 】 这是编写高质量函数系列文章的函数式编程篇。我们来说一说，如何运用函数式编程来提高你的函数质量。 函数式编程篇分为两篇，分别是理论篇和实战篇。此篇文章属于......
10 天前 / Entronad
首发于熵与单子的代码本写文章前端数值展示的思考与实践Entronad程鼓师9 人赞同了该文章前端如何友好的展示数值？本文基于实践总结了一些原则，介绍封装的工具库 Number Display ，并分析源码的实现。 Number Display 有适用于 Web 的 JavaScript 版和适用于 Flutter 的 Dart 版。 JavaScript 版 Dart 版在前端开发中，数值展示是一个常见的需求。不同于统计或实验报表对精确性和规范性的注重，前端展示数值时更注重用户友好，让人一眼能感知数字，并且保持页面简洁、整齐。 无论是移动端的 App ，还是管理后台型的页面，或者流行的数据大屏，......
11 天前 / ai977313677
第二遍阅读这本书，希望自己能够有更为深刻的理解。 词法作用域……如果是 有状态 的解析过程，还会赋予单词语义…… 这本书是以编译原理的部份内容结合JavaScript来开篇的，所以如果没有学过编译原理，这一小部分内容显得有些晦涩。 虽然多数人没有接触过编译原理，但有一个东西必定知道，就是markdown语法。实际上，从markdown文件到HTML的过程就包含了词法化的过程。 那什么是有状态？粗略来讲，就是一个模式匹配的问题，或者可以认为是字符串的匹配： 源串："str782yui"，待匹配的串："sj1" ，思考一下朴素匹配的算法，我们是要从头开始比......
11 天前 / 综哥
首发于node学习路程写文章一文搞懂this关键字Even顺丰科技 前端工程师初衷尤记得之前有次面试, 面试官问我你觉得JS最重要的知识点有哪些 答案其中就提到可this关键字的使用, 对于一名Jser来说, 搞懂this的工作机制是基本的要求, 该篇文章只是复盘学习。 面试题先来几个常见的this相关面试题开开胃, 如果你都回答对了你就可以忽略该文章了。 下面代码输出的结果是什么window.n = 'window name'let obj = {n: 'obj name',sayN(){console.log(this.n)}}let fn = obj.sayNfn() // window name window.n = 'window name'let obj = {n: 'obj name',......
11 天前 / HelloGitHub
本文作者：HelloGitHub-kalifun 文中涉及的示例代码，已同步更新到 HelloGitHub-Team 仓库 点击本文最下方的“阅读原文”即可获取 在上一篇文章我们介绍了 Zdog 如何使用，接下来这篇文章我将带领各位利用 Zdog 画出一个 GitHub 章鱼猫（和官方的还是有些差别的）。 Zdog 项目地址：https://github.com/metafizzy/zdog 一、分析通过上面的动画，我们可以对 GitHub 章鱼猫进行分析，给我们最直观的就是 7 部分。头部、脸、眼睛、鼻子、嘴巴、胡须、耳朵。 头部：由一个规则的实体圆角矩形组成。 脸：有两个规则的实体圆角矩形组成。第一层......
12 天前 / 冷星1024
编者按：本文作者李松峰，资深技术图书译者，翻译出版过40余部技术及交互设计专著，现任360奇舞团Web前端开发资深专家，360前端技术委员会委员、W3C AC代表。 OpenType是TrueType的扩展。本文全流程介绍TrueType从字体设计到字体显示的每个步骤，这些步骤同样也适用于OpenType。 TrueType字体可能诞生于纸上，也可能从其他格式转换而来。但最终，字体文件中一定包含每个字形的描述信息。下图展示了从设计稿原件到数字化字形，再到字体文件中数字化轮廓的过程。 图1 设计稿原件、数字化字形、字体文件中以FUnit坐标表示的数字化轮廓 那么TrueT......
13 天前 / 小兀666
耗时两个月，终于赶在国庆节前把这一系列的文章(大部分文章是别的年份写的，因为跟这个系列也有关联，所以一起展示。这两个月写的大概有6篇，未来还有几篇)作为献给大家()，为了让大家可以一键收藏阅读，这里做一个合集，欢迎大家收藏评论。其中还有待完成的文章也罗列在里面，年底前更新完成。 nodejs教你在阿里云上动手安装nodejs：阿里云Ubuntu搭建NodeJs环境nodejs实践总结出来的一些经验，可以借鉴一下： Nodejs服务端代码的最佳实践nodejs实践了那么久，肯定有些经久耐用的包，分享出来吧：nodejs开发常用到的软件包总结(持续更新)Nodejs流......
16 天前 / Nealyang
前言 The last time, I have learned 【THE LAST TIME】一直是我想写的一个系列，旨在厚积薄发，重温前端。 也是给自己的查缺补漏和技术分享。 欢迎大家多多评论指点吐槽。 系列文章均首发于公众号【全栈前端精选】，笔者文章集合详见Nealyang/personalBlog。目录皆为暂定 执行 & 运行 首先我们需要声明下，JavaScript 的执行和运行是两个不同概念的，执行，一般依赖于环境，比如 node、浏览器、Ringo 等， JavaScript 在不同环境下的执行机制可能并不相同。而今天我们要讨论的 Event Loop 就是 JavaScript 的一种执行方式。所以下文我们还......