三十课-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

三十课

30ke.cn

专栏成员

15

文章

49396

阅读量

29

订阅数

用CSS新属性实现特殊的图片显示效果

css 流计算 Oceanus

使用一个或多个图像相关的CSS属性（background-blend-mode, mix-blend-mode, or filter）可以实现许多特殊的图片显示效果。本文转载自Bennett Feely的个人网站，文中共列举了20种图片显示效果。

2019-09-19

1.2K0

【收藏】JavaScript DOM操作简易速查手册

html css node.js

本文中简要罗列了JavaScript操作Dom的基本方法，其中包括元素查询、文档结构遍历、属性及内容操作、创建节点、插入节点及删除节点等内容。虽然JQuery更便利，但我还是喜欢用原生的API。

2019-05-06

1.1K0

【收藏】JavaScript数组方法速查手册极简版

java 编程算法

JavaScript数组方法速查手册极简版中共收了32个数组的常用方法和属性，并根据方法的用途进行重新排序和分类，在文中简要的介绍了方法作用和用例说明。收藏备用吧！

2019-04-30

5040

【专题】常用JavaScript正则表达式（regexp）汇编与示例

正则表达式 javascript

目前收集整理了21个常用的javaScript正则表达式，其中包括用户名、密码强度、整数、数字、电子邮件地址（Email）、手机号码、身份证号、URL地址、 IP地址、十六进制颜色、日期、微信号、车牌号、中文正则等。表单验证处理必备，赶紧收藏吧！

2019-04-25

1K0

学习《CSS选择器Level-4》不完全版

选择器是CSS的核心组件。本文依据W3C的Selectors Level 4规范，概括总结了Level1-Level4中绝大多数的选择器，并做了简单的语法说明及示例演示。希望对程序员有所助益。

2019-04-10

9750

【基础】固定列宽的表格及示例演示

对我来说，table 有一个非常有用，支持性也很好的 CSS 属性，但它却很少为人所知。它改变了表格的渲染方式，并生成一个更加稳定可靠的布局。

2018-08-14

1.4K0

【基础】EM 还是 REM？这是一个问题！

应用象EM 和 REM这种相对长度单位进行页面排版是WEB开发中的最佳实践。在页面排版中较好应用EM 和 REM，根据设备尺寸缩放显示元素的大小。这就使得组件在不同设备上都达到最佳的显示效果成为可能。

2018-05-09

1.1K5

【收藏】这么多WEB组件(CSS)，攒一个网站够了吧？

总是喜欢简单又精致的东西，美的不繁复也不张扬。这是闷骚程序员的癖好么？闲来无事，把收集到的部分WEB组件整理汇总一下，攒一个逼格高一点的网站够了吧？

2018-05-05

3.4K5

【基础知识】Flex-弹性布局原来如此简单！！

布局的传统解决方案是基于盒状模型，依赖 display + position + float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下面我们就从基础语法开始，一起来感受下Flex的魅力吧！

2018-05-05

2K4

【基础】CSS实现多重边框的5种方式

目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性，但如果要兼容老的浏览器，则需要选择其它的方案。本文简要地列举了几种多重边框的实现方案，大家可以根据项目实际及兼容性要求等情况，选择最适合的实现方案。

2018-05-04

1.9K7

【基础】这15种CSS居中的方式，你都用过哪几种？

CSS居中是前端工程师经常要面对的问题，也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下，目前包括水平居中，垂直居中及水平垂直居中方案共15种。如有漏掉的，还会陆续的补充进来，算做是一个备忘录吧。

2018-05-03

2.1K0

基于规则评分的密码强度检测算法分析及实现(JavaScript)

编程算法 java 正则表达式安全

用正则表达式做用户密码强度的通过性判定，过于简单粗暴，不但用户体验差，而且用户帐号安全性也差。那么如何准确评价用户密码的强度，保护用户帐号安全呢？本文分析介绍了几种基于规则评分的密码强度检测算法，并给出了相应的演示程序。大家可以根据自己项目安全性需要，做最适合于自己的方案选择。

2018-05-03

2.7K0

【图片版】CSS网格布局（Grid）完全教程

CSS网格布局（Grid）是一套二维的页面布局系统，它的出现将完全颠覆页面布局的传统方式。传统的CSS页面布局一直不够理想。包括table布局、浮动、定位及内联块等方式，从本质上都是Hack的方式，并且遗漏了一些重要的功能（比如：垂直居中）。Flexbox的出现部分解决了上述问题，但Flex布局是为了解决简单的一维布局，适用于页面局部布局。而Grid天然就是为了解决复杂的二维布局而出现的，适用页面的整体布局。在实际工作中，Grid和Flexbox不但不矛盾，而且还能很好的结合使用。做为WEB程序员，我们在页面布局问题上都付出过努力，也将不断探索新的方案。而Grid是第一个专门为布局问题而生的CSS模块，我们有理由对Grid充满期待。

2018-05-02

5K0

身份证号码的正则表达式及验证详解(JavaScript，Regex)

在做用户实名验证时，常会用到身份证号码的正则表达式及校验方案。本文列举了两种验证方案，大家可以根据自己的项目实际情况，选择适合的方案。

2018-05-02

24.1K15

使用min-content实现容器宽度自适应于内部元素

HTML原生就是响应式的（HTML内容在视口内流式的分布）。随着CSS的广泛应用，设计者创建了许多固定布局的“盒子”并把内容强制的放在盒子之中，这有悖于HTML原生响应的特性。

2018-08-10

7710

没有更多了

社区活动

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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