少而好学,如日出之阳;壮而好学,如日中之光;老而好学,如炳烛之明。——刘向
JavaScript 中的可选链运算符 JavaScript 中的可选链运算符
在 ES2020 之前,如果要访问 JavaScript 中对象的嵌套属性,则必须在每个级别检查是否为 null 或 undefined,否则最终将会抛出 TypeError。 为了避免出现 TypeError,我们将不得不创建临时变量或执
2020-05-29 zhangxinmei
本溢出处理方案 本溢出处理方案
单行文本溢出 首先需要先设置元素的宽度,然后设置下面 overflow: hidden; white-space: nowrap; // 设置文字不能换行 text-overflow: ellipsis; // 文本溢出时显示...
2020-05-06 zhangxinmei
块格式化上下文(BFC) 块格式化上下文(BFC)
官方MDN的解释:块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是布局过程中生成块级盒子的区域,也是浮动元素与其他元素的交互限定区域。 通俗的理解BFC通俗一点来说就是一
2020-05-06 zhangxinmei
GraphQL Schema 设计:构建可演进的 Schema GraphQL Schema 设计:构建可演进的 Schema
这是 Marc-Andre Giroux 的客座文章,他目前正在 GitHub 的生态系统 API 团队工作。他一直在编写和思考 GraphQL 持续进化和模式设计。如果您需要一些 GraphQL 的帮助,可以通过 marc@mgirou
2020-05-06 zhangxinmei
GraphQL 简介:原理及其使用 GraphQL 简介:原理及其使用
GraphQL 是 API 的查询语言,它显示了服务器提供的不同类型的数据,然后客户端可以准确地选择它想要的内容。 同样在 GraphQL 中,你可以一次性调用多个服务器资源,而不在需要进行多个 REST API 调用。 你可以通过访
2020-05-06 zhangxinmei
GraphQL入门指南 GraphQL入门指南
现如今最常讨论的技术之一便是 API,但是很多人并不知道什么是 API,简单的来说,API 代表应用程序编程接口(Application Programming Interface)。顾名思义,就是为开发者、用户、消费者提供数据交互的接口
2020-05-06 zhangxinmei
Shadow DOM Shadow DOM
这是专门探索 JavaScript 及其构建组件的系列文章的第 17 篇。在识别和描述核心元素的过程中,我们还分享了构建 SessionStack 时使用的一些经验法则,这是一个 JavaScript 应用程序,需要强大且较高性能,以帮助
2020-05-06 zhangxinmei
js 创建对象 js 创建对象
虽然使用 Object 构造函数或对象字面量都可以用来创建单个函数,但是有一个明显的缺点:使用同一个接口创建很多对象,会产生大量的重复代码。于是出现其他的方式来创建对象,主要有以下 6 种方式: 工厂模式function test(na
2020-05-06 zhangxinmei
继承 继承
原型链原型链是实现继承的主要方法。 基本思想:利用原型让一个引用类型继承另一个引用类型的属性和方法 function SuperType() { this.property = true; SuperType.prototype.ge
2020-05-06 zhangxinmei
深拷贝和浅拷贝 深拷贝和浅拷贝
在JavaScript中,对于Object和Array这类引用类型值,当从一个变量向另一个变量复制引用类型值时,这个值的副本其实是一个指针,两个变量指向同一个堆内存,改变其中一个变量,另一个也会受到影响。 数组的浅拷贝 所以数组的浅拷贝
2020-05-06 zhangxinmei
基本类型和引用类型 基本类型和引用类型
内存空间对于前端开发来说,内存空间并不是一个经常被提及的概念,所以很容易被大家忽视。在没有没有写这篇文章之前,我对于内存空间也是没有很多的理解。但是内存空间会在很多JS基础中涉及到,如果我们理解了它,可能很多问题也会迎刃而解。那么内存空间究
2020-05-06 zhangxinmei