1.1 复习 offset   自己的 偏移 offsetWidth    得到自己的宽度 offsetHeight 构成 :   width  +   padding  +  border div    width 200   border 3px    padding-right: 15px div  offsetWidth =    200 +  6  +  15  =  221 2.  offsetLeft      offsetTop div.offsetLeft 得到距离 这个 di…

1.1 数 组 1. 数组           看电影    电影院  座位 大的变量     里面可以放很多的值 var  arr = [1,3,57]; var ar = new Array();    new object();   new Date() var txt =  ["宋江","张飞"] ; 使用数组:     数组名[索引号]     txt[1]    ==  张飞 txt.length;     属性 遍历数组: for(var i=0;i&…

1.1 复习     1. clientX          clientWidth   可视区域的宽度 clientWidth     width  +  padding offsetWidth     width + padding + border scrollWidth     width + padding      超过  内容的宽度 window.onresize    窗口改变 匀速运动函数      原理 :  盒子的原来位置  +  步长 1.2 三个取整函数 这三个函数都是…

复习 按钮不可用    disabled =  "disabled"  ||  true setTimeout   只执行一次    setInterval  执行很多次 递归调用 :  函数自己调用自己  函数递归调用    不提倡用函数名 而喜欢用的是  arguments.callee    返回的是  正在执行的函数 本身 逻辑运算符   与  &&  或  ||   非  !         ! > && > || 2&&a…

1.1 节点 1. 节点        网页是有很多的节点组成的  . 元素节点   指的是 :  标签     li  span 文本节点      属性节点 父子兄弟    父    parentNode        nextSibling 孩子    childNodes        nodeType == 1  来判断 是否是 元素节点 <ul> <li> 最喜欢用的  children    只得到   元素节点 1.获取节点属性    getAttribute(&q…

  1.1  1. 循环 for(初始化; 退出条件; 增量)  {  } while(退出条件) {     } do {  语句 }  while(退出条件) 2. switch( )   多选1 switch(参数) { case "参数1": 语句; break; case "参数2": 语句; break; default: } 3. 数组常用的方法 加内容   减内容      连接    转换 push();     向数组的后面添加内容 var ar…

闭包 基础    面向对象基础 1.1 闭包 在程序语言中,所谓闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落.这些外部执行域的非持久型变量神奇地保留他们在闭包最初定义(或创建)时的值. 白话:  我们可以用一个函数 去访问 另外一个函数的内部变量的方式就是闭包. 内部变量 是 局部变量      那我们知道,局部变量是不可以为别人随便使用也. function fun() {    var num = 10;}console…

前言 如果你有一定的前端基础,比如 HTML.CSS.JavaScript.jQuery.那么Node.js 能让你以最低的成本快速过渡成为一个全栈工程师(我称这个全栈为伪全栈,我认为的全栈也要精通数据库,不喜勿喷),从而触及后端和移动端的开发.当然,Node.js也不是万能的.也不是说学了它就可以完全取代后端的其他开发语言,它有自己的使命和擅长的应用领域. 除此之外现在非常火热的 Vue.js,React.js ,等很多数据层动态交互优先选用了Node.js,一些比较流行的打包工具也是如此.综…

手把手教你js原生瀑布流效果实现 什么是瀑布流效果 首先,让我们先看一段动画: 在动画中,我们不难发现,这个动画有以下特点: 1.所有的图片的宽度都是一样的 2.所有的图片的高度是不一样的 3.图片一张挨着一张竖直排列 4.鼠标向下滚动,一直不停的加载图片 5.浏览器的宽度改变,图片的列数会进行相应的更改 那么这种效果类似现实生活中的瀑布,所以我们叫它瀑布流的效果. Js原生瀑布流效果的实现 从上述分析中,我们可以把整个效果分为以下四个部分: html+css界面搭建 瀑布流效果 浏览器向下滚动…

Day1 一.什么是JS?   ==基于对象==和==事件驱动==的客户端脚本语言 二.哪一年?哪个公司?谁?第一个名字是什么? 1995,NetScape(网景公司),布兰登(Brendan Eich),liveScript 三.W3C第一个标准? ECMA-262 四.JS包含哪几个部分? ECMA .BOM .DOM 五.如何引入JS? 三种,与引入CSS相似, 内联样式,外部样式,内部样式. 六.JS中有哪些输出方式?区别是什么? alert(); 以警告框的方式输出,中断后面代码的执行…