毛瑞
毛瑞_个人页
毛瑞
文章
12
问答
0
视频
0
个人介绍
三十课(30ke.cn) 编程，学习，分享，记录生活的点点滴滴，保持热情42度。
擅长的技术
- 前端开发
-
发表了文章 2019-09-19
用CSS新属性实现特殊的图片显示效果
使用一个或多个图像相关的CSS属性（background-blend-mode, mix-blend-mode, or filter）可以实现许多特殊的图片显示效果。本文转载自Bennett Feely的个人网站，文中共列举了20种图片显示效果。
-
发表了文章 2019-05-06
【收藏】JavaScript DOM操作简易速查手册
本文中简要罗列了JavaScript操作Dom的基本方法，其中包括元素查询、文档结构遍历、属性及内容操作、创建节点、插入节点及删除节点等内容。虽然JQuery更便利，但我还是喜欢用原生的API。
-
发表了文章 2019-04-30
【收藏】JavaScript数组方法速查手册极简版
JavaScript数组方法速查手册极简版中共收了32个数组的常用方法和属性，并根据方法的用途进行重新排序和分类，在文中简要的介绍了方法作用和用例说明。收藏备用吧！
-
发表了文章 2019-04-25
【专题】常用JavaScript正则表达式（regexp）汇编与示例
目前收集整理了21个常用的javaScript正则表达式，其中包括用户名、密码强度、整数、数字、电子邮件地址（Email）、手机号码、身份证号、URL地址、 IP地址、 十六进制颜色、 日期、 微信号、车牌号、中文正则等。表单验证处理必备，赶紧收藏吧！
-
发表了文章 2019-04-10
学习《CSS选择器Level-4》不完全版
选择器是CSS的核心组件。本文依据W3C的Selectors Level 4规范，概括总结了Level1-Level4中绝大多数的选择器，并做了简单的语法说明及示例演示。希望对程序员有所助益。
-
发表了文章 2018-08-14
【基础】固定列宽的表格及示例演示
固定列宽的表格算法效果更容易预见，便于使用，同时渲染速度明显更快。因为表格的内容并不会影响单元格的宽度，所以在页面加载过程中，表格不需要频繁重绘。相信我们都对页面加载过程中表格不断重新调整列宽的恐怖情景记忆犹新。对于固定列宽的表格来说，这种情况就不会发生了。
-
发表了文章 2018-08-10
使用min-content实现容器宽度自适应于内部元素
本文简要介绍了利用 `min-content`实现容器宽度自适应于内部元素的尺寸。 HTML原生就是响应式的（HTML内容在视口内流式的分布）。随着CSS的广泛应用，设计者创建了许多固定布局的“盒子”并把内容强制的放在盒子之中，这有悖于HTML原生响应的特性。
-
发表了文章 2018-05-09
【基础】这15种CSS居中的方式，你都用过哪几种？
CSS居中是前端工程师经常要面对的问题，也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下，目前包括水平居中，垂直居中及水平垂直居中方案共15种。如有漏掉的，还会陆续的补充进来，算做是一个备忘录吧。
-
发表了文章 2018-05-07
基于规则评分的密码强度检测算法分析及实现(JavaScript)
用正则表达式做用户密码强度的通过性判定，过于简单粗暴，不但用户体验差，而且用户帐号安全性也差。那么如何准确评价用户密码的强度，保护用户帐号安全呢？本文分析介绍了几种基于规则评分的密码强度检测算法，并给出了相应的演示程序。大家可以根据自己项目安全性需要，做最适合于自己的方案选择。
-
发表了文章 2018-05-04
【基础】CSS实现多重边框的5种方式
目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性，但如果要兼容老的浏览器，则需要选择其它的方案。本文简要地列举了几种多重边框的实现方案，大家可以根据项目实际及兼容性要求等情况，选择最适合的实现方案。
-
发表了文章 2018-05-03
身份证号码的正则表达式及验证详解(JavaScript，Regex)
在做用户实名验证时，常会用到身份证号码的正则表达式及校验方案。本文列举了两种验证方案，大家可以根据自己的项目实际情况，选择适合的方案。
-
发表了文章 2018-05-02
【图片版】CSS网格布局（Grid）完全教程
CSS网格布局（Grid）是一套二维的页面布局系统，它的出现将完全颠覆页面布局的传统方式。传统的CSS页面布局 一直不够理想。包括table布局、浮动、定位及内联块等方式，从本质上都是Hack的方式，并且遗漏了一些重要的功能（比如：垂直居中）。
暂无更多信息
-
发表了文章
2019-09-19
用CSS新属性实现特殊的图片显示效果
-
发表了文章
2019-05-06
【收藏】JavaScript DOM操作简易速查手册
-
发表了文章
2019-04-30
【收藏】JavaScript数组方法速查手册极简版
-
发表了文章
2019-04-25
【专题】常用JavaScript正则表达式（regexp）汇编与示例
-
发表了文章
2019-04-10
学习《CSS选择器Level-4》不完全版
-
发表了文章
2018-08-14
【基础】固定列宽的表格及示例演示
-
发表了文章
2018-08-10
使用min-content实现容器宽度自适应于内部元素
-
发表了文章
2018-05-09
【基础】这15种CSS居中的方式，你都用过哪几种？
-
发表了文章
2018-05-07
基于规则评分的密码强度检测算法分析及实现(JavaScript)
-
发表了文章
2018-05-04
【基础】CSS实现多重边框的5种方式
-
发表了文章
2018-05-03
身份证号码的正则表达式及验证详解(JavaScript，Regex)
-
发表了文章
2018-05-02
【图片版】CSS网格布局（Grid）完全教程
滑动查看更多
暂无更多信息
暂无更多信息