Iframe在Vue中的状态保持技术
Iframe是一个历史悠久的HTML元素,根据MDN WEB DOCS官方介绍,Iframe定义为HTML内联框架元素,表示嵌套的Browsing Context,它能够将另一个HTML页面嵌入到当前页面中
Chrome 102:新增两个 HTML 属性、两个 JS API !
Chrome 在上月发布了 102 版本,我们一起来看看都有哪些新东西把!inert 属性是一个全局的 HTML 属性,它可以告诉浏览器忽略元素的用户输入事件,包括焦点事件和来自辅助技术的其他事件。
Vue 源码中的工具函数
在 Vue 源码中,封装了很多工具函数,学习这些函数,一方面学习大佬们的实现方式,另一方面是温习基础知识,希望大家在日常工作中,简单的函数也可以自己封装,提高编码能力。
我对 React 实现原理的理解
React 是前端开发每天都用的前端框架,自然要深入掌握它的原理。我用 React 也挺久了,这篇文章就来总结一下我对 react 原理的理解。
switch 有四样写法你知道么
我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理,写法可就多了去了。if 分支写法可以算一种,switch 分支写法可以算第二种,第三种是使用策略模式,如果要把条件运算符也算上的话,嗯,刚好四种。
使用闭包实现点击按钮切换 toggle
我以往在实现点击按钮切换DOM元素样式的时候,使用的是在全局范围内定义一个flag变量,然后用true和false来对应不同的状态。
深入理解JSX
从源码中,我们可以看到 createElement 函数接收三个参数: type(标签类型)、config(标签中的属性)、children(子标签)但是,在编写 JSX 的时候,一个标签通常会包含多个子标签
纯CSS 斑马投影文字
要实现多层文字,我首先想到的是文字投影 text-shadow ,但通常 text-shadow 只能投个纯色出来。于是思路要改一下,黑色和白色层是投影,斑马条纹是真正的文字本身。
JS 将伪数组转换成数组
在 JS 中,伪数组 是非常常见的,它也叫 类数组。伪数组可能会给 JS 初学者带来一点困扰。本文将详细讲解 什么是伪数组,以及分别在 ES5 和 ES6 中将伪数组转换成真正的数组 。