技术交流QQ群:1027579432，欢迎你的加入！ 欢迎关注我的微信公众号：CurryCoder的程序人生 1.函数的定义方式 函数声明方式function关键字(命名函数) function fn(){}; 函数表达式(匿名函数) var fun = function(){}; new Function('参数1', '参数2', ..., '函数体')。注意：Function中的参数必须是以字符串的格式输入。这种方式创建函数执行效率低，也不方便书写，因此很少使用。所有函数都是Function的实例(对象)。函数也属于对象。 var f = new Function('a', ...

技术交流QQ群:1027579432，欢迎你的加入！ 欢迎关注我的微信公众号：CurryCoder的程序人生 1.ES5新增方法概述 ES5中给我们新增了一些方法，可以很方便的操作数组或字符串，这些方法主要包括： 数组方法 字符串方法 对象方法 2.数组方法 (迭代(遍历)方法：forEach()、map()、filter()、some()、every()。 // forEach()：遍历数组 var arr = new Array(1, 2, 3); var sum = 0; arr.forEach(function(value, index, array){ ...

技术交流QQ群:1027579432，欢迎你的加入！ 欢迎关注我的微信公众号：CurryCoder的程序人生 1.概述 ES6之前并没有给我们提供extends继承，我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承。 2.call() 作用：调用这个方法，可以调用这个函数并且修改函数运行时的this指向。 语法格式: 函数名.call(thisArg, arg1, arg2, ...) thisArg:当前调用函数this的指向对象； arg1,arg2:传递的其他参数； 3.借用构造函数继承父类属性 核心原理：通过call()方法把父类的this指向子类的this...

技术交流QQ群:1027579432，欢迎你的加入！ 欢迎关注我的微信公众号：CurryCoder的程序人生 1.概述 在典型的OOP语言中(如Java)，都存在类的概念。类就是对象的模板，对象就是类的实例。但是在ES6之前，JS中并没有引入类的概念。 ES6全称是ECMAScript6.0，2015.06发布。但是，目前浏览器的JavaScript是ES5版本，大多数高版本的浏览器也支持ES6，不过只实现了ES6的部分特性和功能。 在ES6之前，对象不是基于类创建的，而是用一种称为构造函数的特殊函数来定义对象和它们的特征。 创建对象可以通过下面三种方式： 对象字面量； var ...

技术交流QQ群:1027579432，欢迎你的加入！ 欢迎关注我的微信公众号：CurryCoder的程序人生 1.面向对象 面向对象的思维特点： a.抽取(抽象)对象共有的属性和行为组织(封装)成一个类(模板)； b.对类进行实例化，获取类的对象； 面向对象编程考虑的是有哪些对象，按照面向对象的思维特点，不断的创建对象，使用对象，指挥对象做事情。 2.对象 现实生活中，万物皆对象，对象是一个具体的事物，看得见摸得着的事物。 在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象。例如：字符串、数值、数组、函数等。 对象是由属性和方法组成。 属性：事物的特征...

技术交流 QQ 群:1027579432，欢迎你的加入！ 1.动画实现原理 核心原理：通过定时器setInterval()不断移动盒子位置。实现步骤： a.获得盒子当前位置； b.让盒子在当前位置上加一个移动距离； c.利用定时器不断重复这个操作； d.加一个结束定时器的条件； 注意：此元素需要添加定位，才能使用element.style.left。 2.动画函数简单封装 注意函数需要传递2个参数：动画对象和移动到的距离。 3.动画函数给不同元素添加不同定时器 如果多个元素都使用一个动画函数，函数的内部每次都要声明var定时器timer。我们可以给不同的元素使用不同的定时器(自己...

技术交流 QQ 群:1027579432，欢迎你的加入！ 1.元素 scroll 系列属性 使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。 2.页面被卷去的头部 如果浏览器的高(或宽)度不足以显示整个页面时，会出现滚动条。当滚动条向下滚动时，页面上面会被隐藏掉的高度，就称为页面被卷去的头部。滚动条在滚动时触发 onscroll 事件。 3.仿淘宝固定右侧侧边栏案例 功能需求： 原先侧边栏是绝对定位； 当页面滚动到一定位置时，侧边栏改为固定定位； 页面继续滚动，会让返回顶部显示出来； 核心思路： 需要用到页面滚动事件scroll，因为是页面滚动，所以事件...

技术交流 QQ 群:1027579432，欢迎你的加入！ 1.client 概述 使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等。 2.淘宝 flexible.js 源码分析 立即执行函数:不需要调用，立即能够自己执行的函数。创建一个独立的作用域，避免了命名冲突问题。 (function(){})() 或者 (function(){}()); 立即执行函数也可以传递参数，如下例所示： (function(a, b) { console.log(a + b); })(1, 2); // 第二...

1.模态框拖拽案例 模态框也称为弹出框。 功能需求： 点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层 点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层 鼠标放到模态框最上面一层，可以按住鼠标拖拽模态框在页面中移动 鼠标松开，可以停止拖到模态框移动 整体思路： 点击弹出层，模态框和遮挡层就会显示出来display:block; 点击关闭按钮，模态框和遮挡层就会隐藏起来display:none; // 获取元素 var login = document.querySelector('.login'); var mask = document.querySelector...

1.仿京东放大镜案例 功能需求： 鼠标经过小图片盒子，黄色的遮挡层和大图片盒子显示，鼠标一离开隐藏2个盒子功能 // 当页面全部加载完毕，因此需要load，执行里面的js代码 window.addEventListener("load", function() { var preview_img = document.querySelector(".preview_img"); var mask = document.querySelector(".mask"); var big = document.queryS...

昨天刚刚把个人微信公众号(CurryCoder的程序人生)开通了，后期打算有时间会把公众号上的内容与牛客网同步更新。希望小伙伴们能够继续支持我，谢谢！！！！！

技术交流QQ群:1027579432，欢迎你的加入！ 1.SVN中的基础概念 repository:源代码库，源代码统一存放的地方 checkout:当手上没有源代码时，可以从源代码库中checkout一份 commit:当你已经修改了代码，就需要commit到源代码仓库 update:当你已经checkout了一份源代码后，update一下就可以和源代码仓库上的源代码同步，手上的代码就会有最新的变更。日常使用流程：假设你已经在几天前checkout，update获取最新的代码->自己进行修改并调试成功源代码->commit(大家就可以看到你的修改) 如果两个程序员同时修改了同一...

技术交流QQ群:1027579432，欢迎你的加入！ 1.两种定时器 window对象给我们提供了两个非常好用的方法-定时器。 setTimeout()：用于设置一个定时器，该定时器在定时器到期后执行调用函数。 注意： window可以省略； 这个调用函数可以直接写函数，或者写函数名或者采取'函数名()'三种形式，第三种方式不推荐； 延迟时间的单位是毫秒，默认的0； 因为定时器可能有很多，所以经常给定时器赋值一个标识符(自定义的定时器名字)； window.setTimeout(调用函数,[延迟的毫秒数]); setTimeout()参数中的调用函数也称为回调函数callback。...

技术交流QQ群:1027579432，欢迎你的加入！ 1.window对象的常见事件 窗口加载事件： window.onload是窗口(页面)加载事件，当文档内容完全加载完成会触发该事件(包括图像、JS脚本文件、CSS文件等)，就调用的处理函数。 window.onload = function(){}; 或者 window.addEventListener('load', function(){}); 注意： 有了window.onload就可以把JS代码写到页面元素的上方，因为onload是等页面内容全局加载完毕，再去执行处理函数。 window.onload传统注册事件方式只...