查缺补漏

在学习过程中遇到自己不熟悉的知识点都记录在这里

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: 停止当前在执行的动画
  • 第二个参数
    • 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() 方法用于把数组中的所有元素放入一个字符串。
  • 元素是通过指定的分隔符进行分隔的,如果不传参则默认使用逗号分隔。