查缺补漏
Javascript查找兄弟节点:
- nextSibling/nextElementSibling
- previousSibling/previousElementSibling
screenX、clientX、pageX的区别
- screenX:鼠标位置相对于用户屏幕的水平偏移量。
- clientX:鼠标位置相对于浏览器内容区域的水平偏移量。
- pageX:鼠标位置相对于页面区域水平偏移量。
CSS3属性选择符
- E[att^=’val’]:匹配具有arr属性且其值以val开头的元素
- E[att$=’val’]:匹配具有arr属性且其值以val结尾的元素
- E[att*=’val’]:匹配具有arr属性且其值含有val的元素
JavaScriptAPI
- intanceof:查看某个是否是实例
- push返回的新数组的长度.
- arguments是函数的一个数组,是函数实参的一个类数组 。
- 数组的本质是对象(无序的键值对集合)。
- charAt(n):string的API,返回索引值为n的字符
slice(n1, n2): 切割字符串
- 只传一个参数,表示从第n个字符开始切割,传两个参数,表示切割n1到n2之间的字符串
- 如果传的是负数,只能传一个,表示从后面数起第n个字符开始切割
parseFloat(): 返回由
jQueryAPI
- trigger(): 触发事件
- dblclick(): 双击
- extend(): 复制属性
- toggle(,):
- 切换类,有则删除,没有则添加,
- 后面的是状态位,如果传true,就只添加不删除,如果传false,就只删除不添加。
- 还可以传函数,return的是什么就相当于给调用者添加了什么类。
三个动画函数
- setTimeout():只执行一次
- setInterval():无限次执行
- requestAmi
谷歌的默认安装地址
~/Library/Application Support/Google/Chrome/Default
谷歌浏览器快速定位到地址栏
ctrl+l
sublime快捷键
- ctrl+j: 合并多行代码,可以用来将多行css样式合并为一行
npm全局安装时包存放的目录表
/usr/local/lib
stop() 停止动画
- 第一个参数
- true: 会把当前所有动画停止
- false: 停止当前在执行的动画
- 第二个参数
- 域名、端口号、
- 浏览器处于安全的考虑不允许XMLRequestHttp跨域
跨域的几种方式
- src进行跨域(早期是用img标签的src进行跨域的,现在都是用script的src属性来跨域的,即jsonp)
- iframe,window.name属性,postMesssage
- CORS Access-Control-allow-Origin
- 服务端口的跨域,只要后台程序
dependencies 和 devDependencies的区别
- 使用npm node_module –save自动更新dependencies字段值;
- 使用npm node_module –save-dev自动更新devDependencies字段值;
- devDependencies 里面的插件只用于开发环境,不用于生产环境
- dependencies 是需要发布到生产环境的。
backgroud-size
backgroud-size设置的值是相对于盒子的高宽来设定的,不是根据自身的高宽来设定的.
.logo a:last-child { float: right; width: 60px; height: 100%; background: url(../images/m-index_05.png) no-repeat center; background-size: 50% auto; /* 设置之后背景图片的宽度为盒子宽度的50%,高度自动跟随宽度成比例变化 */ }
parse方法可以解析一个字符串,并得到一个整数。得到的是整数部分,会舍弃掉小数部分。相当于向下取整。不会进行四舍五入取整
获取页面的scrolltop值
document.body.scrolltop
usr/bin文件夹的位置
- 在Finder中打开Macintosh HD就能看见usr文件夹了
数组的join方法
- 将数组按照指定的符号拆分成一个字符串。
- join() 方法用于把数组中的所有元素放入一个字符串。
- 元素是通过指定的分隔符进行分隔的,如果不传参则默认使用逗号分隔。