散人研blog - 不学无术的前端工程师散人研Blog

散人研Blog
不学无术的前端程序员

【心情日志】 《丹青》

丹青不知老将至,富贵于我如浮云。 朱红色和青色的颜料,借指绘画。这两句说:一生沉浸在绘画艺术中而不觉得将近年老,富贵对我就像天上的浮云一般淡泊,诗句赞扬了名画家曹霸潜心艺术,不慕名利的高尚情操。 不知道,你我可否能像曹霸一样,潜心修Bug,...

JavaScript基础

JavaScript | 正则表达式基础语法

散人研阅读(21)评论(0)赞(0)

特点 JavaScript中的正则表达式不支持空白,必须写在一行中。 元字符 大部分字符在正则表达式中,就是字面的含义,比如/a/匹配a,/b/匹配b 但还有一些字符,除了字面意思外,还有特殊含义,这些字符被称为元字符,在JavaScrip...

JavaScript基础

JavaScript | 正则表达式基础

散人研阅读(9)评论(0)赞(0)

定义 正则表达式是一门简单语言的语法规范,是强大、高效、便捷的文本处理工具,它能应用在一些方法中,从而实现对字符串中的信息实现查找、替换和提取操作。 Perl写法 正则表达式字面量写法,也叫作Perl写法,原因是JavaScript的正则表...

JavaScript基础

JavaScript | 键盘事件基础

散人研阅读(11)评论(0)赞(0)

键盘事类型 键盘事件类型共有三种,分别是:keydown、keypress、keyup。 keydown:当用户按下键盘上的任意键时触发,如果按住不放的话,会重复触发该事件。 keypress:当用户按下键盘上的字符键时触发,按下功能键时不...

JavaScript基础

JavaScript | 鼠标事件与执行顺序

散人研阅读(8)评论(0)赞(0)

鼠标事件共有10类,下面把它们先列举出来: click:当用户按下并释放鼠标按键或其他方式“激活元素”时触发 contextmenu:可以取消的事件,当上下文菜单即将出现时触发。当前浏览器在鼠标右击时显示上下文菜单 dbclick:当用户双...

JavaScript基础

JavaScript | 初次探索JavaScript节流

散人研阅读(15)评论(0)赞(1)

节流概念 JavaScript节流指的是什么?我们首先都知道,JavaScript中的DOM操作是非常耗费资源的,设想一个场景——创建一个input并通过addEventListener进行监听用户输入的内容。在这种情况下,用户每次进行输入...

JavaScript基础

JavaScript | 初识HTML5新增selector方法

散人研阅读(24)评论(0)赞(1)

尽管DOM作为API已经非常完善了,但是为了实现更多的功能,DOM仍然进行了扩展,其中一个重要的扩展就是对选择器API的扩展。人们对jQuery的称赞,很多是由于jQuery方便的元素选择器。除了前面已经介绍过的getElementsByC...

JavaScript基础

JavaScript | getElementByClassName详解

散人研阅读(18)评论(0)赞(0)

由于在CSS不居中类名被广泛是使用,HTML5新增了getElementByClassName()方法,该方法可以通过类名获取元素,在JavaScript设置样式时非常方便。 基础 HTML元素的class属性值是一个以空格隔开的列表,可以...

JavaScript基础

JavaScript | 文本节点Text常用方法

散人研阅读(14)评论(0)赞(1)

文本节点就是指向文本的节点,网页上看到的文字内容都属于文本节点。 特征 文本节点由Text类型表示,包含的是纯文本内容,但文本节点是对象类型。 纯文本内容中的HTML字符会进行转义,转义字符建议参考:HTML特殊符号编码 文本节点具有三个n...

散人研 - 不学无术的程序员

大前端基础博主生活