编程三昧
编程三昧
全部文章
JavaScript
CSS(3) Electron(4) NodeJs(5) Vue(2) 前端面试(7) 未归档(6) 题解(1)
归档
标签
去牛客网
全部文章 / JavaScript （共54篇）

Web Components系列(七) ——自定义组件的生命周期

前言 何谓”生命周期“？顾名思义，生命周期就是指一个物体从产生前到消亡后的整个过程，当然，不同物体的生命周期具体阶段划分可能不太一样。 我们在使用前端组件框架的时候，都知道每个组件都有各自的生命周期，明确了组件生命周期后，开发者就可以在组件的不同生命周期执行不同的代码逻辑，从而达到管理组件的作用。 ...
html 组件化 WebComponent 前端
2022-02-13
0 318

Web Components 系列（五）—— 详解 Slots

前言 熟悉 Vue 的同学应该都知道”插槽（slot）“的概念，通过使用插槽可以让页面内容的组织更加灵活。 在 Web Components 体系中也有插槽的概念，今天我们就来具体了解一下 Slots，本文主要包括以下内容： 为什么要用 Slots ？ Slots 的相关特性 Slots 的作用...
html 组件化 前端 WebComponent
2022-02-12
0 402

Web Components 系列（五）—— 关于 Templates

前言 在之前介绍创建 Custom Elements 的代码中，有一个地方是比较繁琐的：Shadow DOM 中的每个子元素都是通过 document.createElement 方法创建的。就像下面这样的： 那到底有没有方法能简化这一步操作呢？答案是有的，就是我们今天要介绍的主角 —— Temp...
前端 组件化 WebComponent
2022-02-11
0 285

Web Components系列（四） —— 认识 Shadow DOM

前言 在初涉前端之时，我就一直在好奇一个问题，为什么像： <input/> <select></select> <audio></audio> <video></video> …… 等等这些标签，看起来似乎很简单...
前端 HTML5 组件化
2022-02-10
0 274

Web Components 系列（二）—— 关于 Custom Elements

前言 在上一篇文章中介绍了 Web Components 的相关概念，知道它是浏览器用来原生支持“组件化”的方法，并且知晓它的技术组成为： Custom Elements Shadow DOM HTML templates 今天，我们就来学习它的技术之一——Custom Element 的部分相...
html 组件化 前端
2022-02-08
0 383

Web Components系列（一） —— 概述

前言 如果我们选择不使用任何框架的情况下来进行前端开发，那么针对一个完整的网页，我们需要开发以下代码： HTML 代码 CSS 代码 JavaScript 代码 就几年之前来说，HTML 部分的代码基本不存在复用的可能，这就导致我们可能需要开发大量重复的 HTML 代码，即使使用 CV 法，代...
组件化 前端
2022-02-07
0 277

JavaScript 数组常见操作(一)

前言 数组是 JavaScript 中常见数据类型之一，关于它的一些操作方法，我在这里做一下简单记录和总结。 本文主要包括： 创建数组 判断是不是数组 类数组和数组的转换 数组去重 各位看官可根据自身需求选择食用。 创建数组 创建数组是基本功，其方法主要包括以下几种： const arr = [...
JavaScript 数组 Array 前端
2022-02-05
0 299

再解 JavaScript 原型 与原型链

前言 JavaScript 原型与原型链虽然是一个老生常谈的话题，但依然困惑着很多人，今天我再来从另一个角度谈谈这个问题。 两个疑问 先看这样一段代码： let obj = {} obj.__proto__.haha = 'gogo' console.log(obj.haha) // "gogo" ...
JavaScript 原型与原型链 前端
2022-02-02
0 211

JavaScript 基本数据类型转换

前言 数据类型转换是我们在前端开发中经常遇到的场景，一般而言，在 JavaScript 中类型转换有三种情况： 转换为数字（调用 Number(),parseInt(),parseFloat()方法） 转换为字符串（调用.toString()或 String()方法） 转换为布尔值（调用 Bool...
JavaScript 前端
2022-01-22
0 353

你知道 ES6~ES12等叫法是怎么来的吗？

你知道 ES6~ES12等叫法是怎么来的吗？ 前言 作为一名前端开发，学习 JavaScript 自是天经地义的事，但是，JavaScript 的发展历史是怎样的，恐怕有相当一部分人都不太了解。 我们常常听别人说并且自己也会说 ES6、ES7……ES12，那么，这些叫法到底是怎么来的？ 今天，我...
JavaScript 前端 ECMAScript
2021-08-31
0 276
牛客博客，记录你的成长
关于博客 意见反馈 免责声明 博文推荐 牛客网首页
公司地址：北京市朝阳区北苑路北美国际商务中心K2座一层
联系方式：010-60728802(电话)
admin@nowcoder.com
京ICP备14055008号-1
京公网安备 11010502036488号