随笔分类 - JavaScript
摘要：HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>轮播图</title> <link rel="stylesheet" href="css/common.css"/> <link rel="stylesheet" h
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>艺龙</title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-style:
阅读全文
摘要：1. <!DOCTYPE html> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>发送验证码倒计时功能</title> <style> @charset "ut
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>方向检测</title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-styl
阅读全文
摘要：<!DOCTYPE html> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>发送验证码倒计时功能</title> <style> @charset "utf-8
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>广告自动关闭</title> </head> <style> .tip{ position: fixed; top:
阅读全文
摘要：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>广告自动关闭</title> </head> <style> .tip{ position: fixed; top:
阅读全文
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>吸顶效果</title> <style> *{ padding: 0; margin: 0; } body{ height: 2000px; } /*吸顶效果*
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style> .up { display: none; width: 100px; height: 100px; background: red
阅读全文
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单正则验证</title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ backgro
阅读全文
摘要：今天我给大家带来用原生js实现表单登陆的10天内免登陆 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单正则验证</title> <style type="text/css"> *{ margin: 0;
阅读全文
摘要：先给大家介绍什么是柯里化与反柯里化 百度翻译： 在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。这个技术由 Christopher Strachey 以逻辑学家 Haskell Cu
阅读全文
摘要：最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这两个方法还确实是十分重要的，那么就让我总结这两个方法的使用和区别吧。 1.改变函数内部的this指向的三种方法：call(),apply(),bind() 2. 相同点：都可以改变this指向。 都是在特定的作
阅读全文
摘要：类数组对象：arguments 在函数调用时，我们总能见到arguments这个对象，它具体是用来干什么的呢？感觉逼格非常高呢 函数在使用时，我们总会位函数传入各种参数，arguments会将参数储存起来以便我们使用，下标从0开始。返回值还有数组的长度。 函数在使用时，我们总会位函数传入各种参数，a
阅读全文
摘要：函数的使用，可以说有点基础的同学都会用，但是如何使用，才是函数真正的意义所在。用好了代码可读性，可维护性等都有很大提升，代码质量会很高。 箭头函数的使用 箭头函数不是没有this，而是它的this在定义之初就已确定，后续不再更改。 箭头函数的使用 箭头函数不是没有this，而是它的this在定义之初
阅读全文
摘要：/** * 发布订阅模式 */ var EventCenter = (function(){ var events = {}; /* { my_event: [{handler: function(data){xxx}}, {handler: function(data){yyy}}] } */ /
阅读全文
摘要：/** * 模块模式 = 封装大部分代码，只暴露必需接口 */ var Car = (function(){ var name = '法拉利'; function sayName(){ console.log( name ); } function getColor(name){ console.log( name );...
阅读全文
摘要：/** * 混合模式 = 原型模式 + 构造函数模式 */ function Animal(name, color){ this.name = name; this.color = color; console.log( this.name + this.color) } Animal.prototype.getInfo = function(){ ...
阅读全文
摘要：function Animal(opts){ var obj = new Object(); obj.name = opts.name; obj.color = opts.color; obj.getInfo = function(){ return '名称：'+obj.name +'， 颜色：'+ obj.color; } ...
阅读全文
浙公网安备 33010602011771号