sxq111222

JavaScript 的类型分为两种：原始数据类型和对象类型。 本节主要介绍前五种原始数据类型在 TypeScript 中的应用。

作为前端er，我们的工作与web是分不开的，随着HTML5的日益壮大，浏览器自带的webapi也随着增多。本篇文章主要选取了几个有趣且有用的webapi进行介绍，分别介绍其用法、用处以及浏览器支持度，同时我也分别为这几个api都做了一个简单的demo（真的很简单，样式等于没有~…

不久之前Firefox和Safari浏览器已经开始支持类似Photoshop的混合模式，但是在Chrome和Opera浏览器中需要添加前缀。举个栗子： 现在，你甚至可以在边框中使用渐变。 具体的例子可以看这里，或者看这里使用的是background-clip和backgroun…

本文节选自“纯CSS实现任意格式图标变色的研究”一文。 下面要变成#f4615c红色的图标，最简单的方法就是使用遮罩。 CSS3 mask默认是基于透明度实现遮罩效果的。也就是实色区域显示，透明区域隐藏。因此，我们只需要把目标图标颜色#f4615c作为背景色，然后原始图标（无论…

快速简介： 在我的理想世界里，CSS Grid 和 Flexbox 应当作为一个整体一起出现，才能组成完整的网页布局系统。然而，我们先有了 Flexbox 属性，因为它比浮动（floats）更适合用来做网格布局，所以出现了很多以 Flexbox 为基础的网格布局系统。事实上，很…

几周前，我正着手查看我网站的一些性能指标。具体来说，我想看看我在我们最新的性能标准，即首次输入延迟 （FID）上的表现。由于我的网站只是一个博客（并没有运行很多 JavaScript ），所以我希望我能看到一个相当不错的结果。 小于 100 毫秒的输入延迟通常被用户视为即时响应…

该文章总结的非常全面，给出了三种不同的实现方式（强烈建议先阅读上面链接的文章）。 我看到了文章中的第三种实现方式，想到了一个非常简单的方法。 文章中第三种方式使用的是scrollHeight属性，然后文章中的矛盾点是如何解决删除字符时的高度计算。 scrollHeight有一个…

前段时间在项目开发中遇到这样一个需求——文本输入框的高度要随着框内文本所占高度而变化。 下面讲一下实现方案的探索过程。 首先想到的方法，是使用 HTML 5 中新增的contenteditable属性。它可以把元素变成可编辑状态，同时让其保留原有的特性（如元素高度根据元素内容所…

写这篇文章是想反思反思毕业后的这第一年，这篇文章不会提任何的技术，但是讲的笑话会挺多。 离开校园，步入社会后，我到的第一家公司是一家创业公司，有趣的是，某一段时间，我的办公室变得非常的大，我估算应该是有 400 平米了，恩，我应该没算错 是400，我和同学开玩笑说，我是 xx …