腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端之旅

专栏作者

146

文章

225200

阅读量

29

订阅数

万字梳理 Webpack 常用配置和优化方案

webpack javascript react css postcss

在项目根目录下新建 webpack.config.js，作为 webpack 的默认配置文件。

2021-09-08

2.1K0

Tailwind CSS （可能）是名过其实的

html 官方文档 css sass sas

Tailwind CSS 是一个工具集 CSS 框架，网上很多文章已对其有详尽的介绍。本文不是官方文档的复述，也不是系列优点的罗列，作者 Gerard 会从另一个角度出发，在尽力保持客观的前提下，立足于实际开发的场景，指出 Tailwind CSS 存在的一些问题。事实上，除了文中提及的，Tailwind CSS 还存在着不少缺点，比如对高度定制化的支持程度不足、记忆大量预定义类名带来的心智负担等。友情提醒，你不一定会赞同这篇文章的看法，因为我们的看法会受到自身认知和使用体验的影响，但更重要的是可能是作者对新兴技术的态度，用他的原话说，就是：“When everyone is shouting that it’s awesome, it’s usually a good moment to sit down and have a good look at it”

2021-03-30

2K0

30 个案例教你用纯 CSS 实现常见的几何图形

我们知道，如果设置一个盒子的宽高为 0，盒子就会变成一个点。此时再给上下左右四个 border 一定的宽度和不同的颜色，那么单纯由 border 填充的盒子看起来是这样的：

2021-02-24

4.1K0

关于 z-index，你可能一直存在误区

z-index 这个属性表面看上去很简单，但如果你想搞清楚其工作原理的话，其实是有不少值得探讨之处的。本文将从层叠上下文（stacking contexts）和一些实际案例出发，谈一谈 z-index 的内部工作原理。

2020-08-14

1K0

如何在Vue项目中更优雅地使用svg

svg css javascript vue.js

最近看项目视频的时候对里面使用 svg 的方式感到很好奇，于是去网上查了一下，发现 svg 竟然也有类似于 css 雪碧图一样的用法，也就是 svg-sprite（孤陋寡闻了），而且配合插件后能够以组件化的方式使用 svg，非常方便。这里记录下一些相关用法。

2020-05-06

12.1K1

「译」Flexbox 基本原理

整理自 MDN web docs 的笔记，同时参考了 Web Bos 上的什么是 Flexbox系列视频。

2019-11-08

1.9K0

「译」如何用原生JS打造一款简易谷歌插件

json javascript html css

今天，我打算向你们展示如何用原生JS—-不依靠任何诸如React、Angular或者Vue框架的原生JS做一款谷歌插件。

2019-11-08

1.5K0

Sublime Text3插件简易使用教程

html node.js javascript css npm

作为一款轻便的编辑器，Sublime Text3的下载和安装都比较简单，这里一并略过，只说安装插件的事情。Sublime Text3支持各种强大的插件，可以在一定程度上提高打码速度。

2019-11-07

8950

CSS 基础系列：伪类和伪元素

CSS 引入伪类和伪元素的概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句话中的第一个字母，或者是列表中的第一个元素。

2019-11-07

1.5K0

CSS 基础系列：从清除浮动和margin塌陷问题谈BFC

浮动的元素会影响其兄弟元素的位置，并可能导致父元素的高度塌陷（假如父元素没设置高度），因此需要清除浮动（带来的影响）。

2019-11-07

2.3K0

「译」前端项目中常见的 CSS 问题

快速摘要：近年来，跨浏览器的渲染和交互已经愈加一致。不过，它仍然没有达到完全一致，有很多小问题会让你出错。除了这些问题之外，还有不同的屏幕尺寸、语言偏好和明显的人为错误等不确定因素，我们从中发现了许多会让开发者出错的小问题。

2019-11-07

2.1K0

CSS 基础系列：水平垂直居中方案

https css 网络安全

比较全面的水平垂直居中方案。水平垂直居中问题大体分为两类，一类目标元素是行内元素，一类目标元素是块级元素(其中，块级元素又包括定宽高和不定宽高）。

2019-11-07

1.1K0

CSS 基础系列：flex 布局

1）初代：table 布局在网页布局没有进入 CSS 的时代，排版几乎是通过 table 元素实现的。虽然它可以很方便地实现水平和垂直对齐，但是缺点也很明显：代码臃肿；不利于SEO；不够语义化；后期难以修改

2019-11-07

1.5K0

前端学习知识体系

ide javascript api 网站 css

原文题目是《一名合格前端工程师的自检清单》，我目前的水平离前端工程师还很遥远，所以更愿意把这篇文章当作是对知识体系或者学习路线的总结。同时也是对自己的一个警醒，做好长期学习的准备。

2019-11-07

1.9K0

《JavaScript 高级程序设计》阅读笔记 1：最佳实践

css 编程算法

可维护性可维护性包括：可理解性、直观性、可适应性、可扩展性和可调试性代码约定：可读性（缩进、注释）；变量和函数命名（有意义的命名）；变量类型透明（var a =null var a = iSpeed）松散耦合： HTML 或者 CSS 与 JavaScript 的解耦（如 CSS 仍然保留样式信息，通过改变类名来改变样式）；事件监听器和应用逻辑的解耦（监听器只发挥监听作用，而将应用逻辑独立成可以复用的函数）编程实践：尊重对象所有权（尽量不要改动原生对象）；尽量避免创建全局变量和函数；

2019-11-07

4400

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态