Skip to main content

· 约20分钟
Proca

导语

如果你已经接触了一段时间的JavaScript,你或多或少地会接触到一个名为“执行上下文”的术语。跟我们在进行文学鉴赏时涉及的“上下文”不同,执行上下文(Execution Context)指的是JavaScript引擎解析可执行代码片段时创造的一种环境,因此,执行上下文也被称为执行环境。

但是,“由JavaScript引擎创造的一种环境”?好像理解起来还是有些抽象:它是以什么机制创造的?创造了什么样的环境?有这些疑惑很正常,这也正是本文所要解决的问题。

让我们先从古老的 ECMAScript 3 规范 中的执行上下文了解起:

· 约23分钟
Proca

导语

这,是一个字符串

smile 😊

由于你的计算机只能识别 01 这样的数字,为了让它读懂这个字符串,需要建立字符串中的每个字符到特定内容的映射 (Mapping).

于是,ASCII、GBK、BIG-5、UTF-32、UTF-16、UTF-8等编码应运而生。它们基于对应的字符集 (Charset),将其中字符 (Character)码点 (Code Point) 之间的映射关系,进一步实现为字符计算机储存、传输内容(如二进制数、电脉冲)的映射关系,让我们得以在计算机上使用我们的语言.

为了更好地了解现代计算机所使用的编码规则,我们先从 ASCII 开始.

· 约18分钟
Josie Chow

目标:学习 CI/CD 的基本概念,GitLab CI/CD 使用方法。

前提:有 GitLab 的账号和基础知识,了解远程仓库、分支、提交、推送、合并申请等概念。如果不了解,可以学习教程 Hello World in GitLab

内容:学习 CI/CD 的基本概念,创建并部署一个 Flutter 项目到 GitLab,使用GitLab CI/CD 自动化执行项目的测试、打包、分发。

演示平台:macOS

· 约8分钟
Josie Chow

目标:创建一个 Flutter 应用程序(该项目可运行并包含至少一个测试),并且体验运行、测试、打包的流程。

演示平台:macOS

Flutter 是什么

Flutter 是一款移动应用程序SDK,一份代码可以同时生成 iOS 和 Android 两个应用程序。应用程序是用 Dart 语言编写的。

· 约3分钟
Josie Chow

Git 是什么

Git 是一个用于版本控制的软件,用于跟踪本地文件修改,并能与远程仓库同步。

· 约2分钟
Josie Chow

Homebrew 是什么

Homebrew 是软件包管理工具,可以方便地安装、卸载、查看、更新软件包,目前支持 macOSlinux 系统。在 Homebrew 的帮助下,我们不需要关心各种依赖和文件路径。

我们可以把 Homebrew 当做 AppStore,可以在其中安装下载各种软件包。

· 约23分钟
Josie Chow

前提:已学习教程《Hello world in GitLab》

适用对象:初次使用 Git 的人群。

演示平台:macOS

学习目标: Git 基础命令行操作和 Git 分支原理。

导入

如果您曾经在 GitLab Web IDE 上编辑文件,是否遇到过以下情况:

  • 不小心刷新网页,导致编辑内容消失。
  • 希望修改一个文件后立刻“保存”,但不希望产生一个 commit 记录。
  • 有时网络不佳,无法访问 GitLab 网页。

在这些情况下,我们希望能够在本地编辑文件 —— Git 能够实现这一点。

我们将通过一个教程来学习 Git 的使用方法和原理。在这个教程中,我们需要完成一个任务:在本地编辑 Exercises 项目 的 README.md 文件,用 “Hello from No.$ID @$name” 的形式说一句 hello。

· 约25分钟
Josie Chow

简介:最简单的 GitLab 入门实践。
目标对象:初次使用 GitLab 的人群。
演示平台: GitLab 网站。
学习目标:学习 GitLab 的使用方法,了解相关概念。

Git vs GitHub vs GitLab

区分 Git,GitHub,GitLab:

  • Git 是一个软件,用于跟踪本地文件修改,并能与远程仓库同步。
  • GitHubGitLab 是基于 Git 实现的代码托管云服务平台
  • GitHub 是最大的开源项目代码托管平台。
  • GitLab 可以在私有环境部署。

本教程将会学习 GitLab 的使用方法,你可以在学习过程中,了解到 GitLab 是什么,可以做什么。

本教程的操作全部都会在 GitLab 网站上操作,不需要安装应用,十分方便。

· 约5分钟
Blank Lu

Electron 是一个框架,用于将基 于HTML5 / JavaScript 的应用程序打包到多个平台(Windows / MacOS / Linux)的独立桌面应用程序中。

electron-framework

Electron核心是拥有两个或多个并发运行的操作系统级进程:main和render进程。

electron-process

在活动监视器里可以看到多少进程与该程序关联,Electron 是主进程,一个Electron Helper 是 GPU 进程,另几个是渲染进程。

这些进程每个都彼此同时运行,并且进程的内存和资源是相互隔离的。

· 约19分钟
Binghua

本文翻译自《Deep dive CSS: font metrics, line-height and vertical-align》

line-heightvertical-align 都是很简单的CSS属性,简单到我们相信自己能够完全理解它们怎么工作以及怎样使用它们。其实了解这两个属性不是件易事,因为它们在CSS中起着一个鲜为人知却十分重要的作用:内联格式化上下文

例如,line-height 可以被设为长度或者无单位的值,默认值为 normal。但normal值具体是多少呢?通常应该是1或者1.2,甚至 CSS规范 也没有明确。我们知道无单位的 line-height 是相对于字体大小来确定的,但问题是 font-size: 100px 对于不同的字体来说渲染的结果不尽相同,这时 line-height 的表现是否也是不一样呢?是否真的是介于1到1.2之间呢?还有 vertical-align 会对 line-height 有什么影响呢?

© 2022 深圳可链科技有限公司. All Rights Reserved