CSS相关

• ::selection选择器（CSS3特性）：用匹配元素被用户选中或处于高亮状态的部分。常用于修改文本被选中后的颜色

JS相关

• 选取DOM元素

document.querySelector('.className'); // ''中要带类(.)或id(#)标识符，得到的是第一个匹配的DOM元素

document.getElementByClassName('className'); // ''中直接写类名，此时获取的是元素的集合，要通过索引[index]获取具体元素，如：document.getElementByClassName('className')[0];

• clientX clientY screenX screenY offsetX offsetY

clientX：当鼠标事件(onclick、onmouseup等)发生时，鼠标相对于浏览器（浏览器有效区域）x轴的位置
clientY：当鼠标事件(onclick、onmouseup等)发生时，鼠标相对于浏览器（浏览器有效区域）y轴的位置
screenX：当鼠标事件(onclick、onmouseup等)发生时，鼠标相对于显示器屏幕x轴的位置
screenY：当鼠标事件(onclick、onmouseup等)发生时，鼠标相对于显示器屏幕y轴的位置
offsetX：当鼠标事件(onclick、onmouseup等)发生时，鼠标相对于事件源x轴的位置
offsetY：当鼠标事件(onclick、onmouseup等)发生时，鼠标相对于事件源y轴的位置

浏览器有效区域指的是网页除了顶部菜单栏、搜索栏以外的内容区域
事件源指的是被绑定事件的DOM元素

详解clientX、screenX、offsetX

• window对象

window.getSelection().toString(); 提取选中的文字,在选中文字鼠标松开后会获取到选中的文字

• 正则表达式&文本替换

text = text.replace(arg1,arg2);
//arg1为正则表达式的内容
//arg2为替换的内容

• use strict严格模式

  • 不允许使用未声明变量

    'use strict'
    x = 3;//报错
    

  • 啊

• 是