2016 年 9月随笔档案 - SuriFuture

模块化你的JS代码

摘要：为什么要使用模块模式？因为在全局作用域中声明的变量和函数都自动成为全局对象Window的属性，这经常会导致命名冲突，还会导致一些非常重要的可维护性难题，全局变量越多，引入错误BUG的概率就越大！所以我们应当尽可能少地使用全局变量，模块化的目的之一就是为了解决该问题的！零全局变量模式该模式应用场阅读全文

posted @ 2016-09-29 21:59 SuriFuture 阅读(1533) 评论(0) 推荐(4)

利用模板将HTML从JavaScript中抽离

摘要：利用模板将HTML从JavaScript中抽离一、当需要注入大段的HTML标签到页面中时，应该使用服务器渲染（从服务器加载HTML标签）该方法将模板放置于服务器中使用XMLHttpRequest对象来获取外部标签（如多页应用）二、客户端模板对于少量的标签段，应该考虑采用客户端模板。客户端模阅读全文

posted @ 2016-09-29 18:19 SuriFuture 阅读(788) 评论(0) 推荐(1)

几句话就能让你理解：this、闭包、原型链

摘要：以下是个人对这三个老大难的总结（最近一直在学习原生JS，翻了不少书，不少文档，虽然还是新手，但我会继续坚持走我自己的路）原型链所有对象都是基于，`Object.prototype Object.prototype Object.prototype toString() [[class]] '[ 阅读全文

posted @ 2016-09-25 18:05 SuriFuture 阅读(697) 评论(0) 推荐(1)

ES5概述（ECMAScript262/5.1）

摘要：ES5概述（ECMAScript262/5.1）本文参考： "ES5概述" ECMAScript 是基于对象的：基本语言和宿主设施都由对象提供，ECMAScript 程序是一组可通信的对象。ECMAScript 对象是属性的集合，每个属性有零个或多个特性，以及属性的使用方式。例如，当设置一个属阅读全文

posted @ 2016-09-24 22:25 SuriFuture 阅读(743) 评论(0) 推荐(0)

原生JS实战：写了个一边玩游戏，一边记JS的API的游戏

摘要：本文是苏福的原创文章，转载请注明出处：苏福CNblog：http://www.cnblogs.com/susufufu/p/5878913.html 本程序【一边玩游戏，一边记JS的API】是本人的个人作品，写的不好，未经本人允许，请不要用于其它用途！玩法：选择一种JS的API，或随机选一种，或阅读全文

posted @ 2016-09-17 15:33 SuriFuture 阅读(3118) 评论(4) 推荐(3)

原生JS实战：经典贪吃蛇（开局10倍速度，来看看你最高能得多少分！）

摘要：本文是苏福的原创文章，转载请注明出处：苏福CNblog：http://www.cnblogs.com/susufufu/p/5875523.html 该程序是本人的个人作品，写的不好，未经本人允许，请不要用于其它用途！贪吃蛇的游戏相信80后的朋友小时候都玩过，记得我小时候还攒了二十多块钱买了个游戏阅读全文

posted @ 2016-09-15 21:56 SuriFuture 阅读(1746) 评论(0) 推荐(1)

原生JS实战：分享一个首页进度加载动画！

摘要：本文是苏福的原创文章，转载请注明出处：苏福CNblog：http://www.cnblogs.com/susufufu/p/5871134.html 该程序是本人的个人作品，写的不好，可以参考，但未经本人允许，请不要用于其它用途！早上写了个首页进度加载动画，本想在我的博客里用上，测试发现博客园加载阅读全文

posted @ 2016-09-14 11:08 SuriFuture 阅读(2338) 评论(3) 推荐(0)

原生JS实战：写了个斗牛游戏，分享给大家一起玩！

摘要：本文是苏福的原创文章，转载请注明出处：苏福CNblog：http://www.cnblogs.com/susufufu/p/5869953.html 该程序是本人的个人作品，写的不好，未经本人允许，请不要用于其它用途！奋战一天一夜终于把斗牛游戏给写出来了（主要是除bug时间用的多！若大家发现新的b 阅读全文

posted @ 2016-09-13 22:02 SuriFuture 阅读(6917) 评论(11) 推荐(4)

原生JS：delete、in、typeof、instanceof、void详解

摘要：delete、in、typeof、instanceof、void详解本文参考MDN做的详细整理，方便大家参考[MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript） delete delete 运算符用来删除对象的自有属性. 语法阅读全文

posted @ 2016-09-10 16:19 SuriFuture 阅读(1678) 评论(0) 推荐(0)

原生JS：严格模式详解

摘要：严格模式本文参考MDN做的详细整理，方便大家参考[MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript）设计目的设立”严格模式“的目的，主要有以下几个。明确禁止一些不合理、不严谨的语法，减少JavaScript的一些怪异行为阅读全文

posted @ 2016-09-10 13:17 SuriFuture 阅读(1213) 评论(0) 推荐(0)

原生JS：全局属性、全局方法详解

摘要：全局属性、全局方法原创文章，转摘请注明出处：苏福：http://www.cnblogs.com/susufufu/p/5853342.html 首先普及几个我总结的非常实用又很基础的知识：(呵呵，仅仅是学习权威指南的笔记而已) typeof 返回的是字符串，有8种可能："number"、"stri 阅读全文

posted @ 2016-09-08 15:50 SuriFuture 阅读(9794) 评论(1) 推荐(1)

深入JavaScript：词法分析、连续赋值猜想

摘要：JavaScript：词法分析、连续赋值猜想原创文章，转摘请注明出处：苏福：http://www.cnblogs.com/susufufu/p/5851642.html 深夜发文，先吐槽下博客园的编辑器，真不方便！我都是本地编辑好了在粘过来的，要是不用MarkDown写的话，那每次都得改改改啊！阅读全文

posted @ 2016-09-08 01:02 SuriFuture 阅读(645) 评论(0) 推荐(2)

原生JS：Function对象(apply、call、bind)详解

摘要：Function对象(apply、call、bind) 原创文章，转摘请注明出处：苏福：http://www.cnblogs.com/susufufu/p/5850180.html 本文参考MDN做的详细整理，方便大家参考[MDN](https://developer.mozilla.org/zh- 阅读全文

posted @ 2016-09-07 17:14 SuriFuture 阅读(7127) 评论(0) 推荐(1)

原生JS：JSON对象详解

摘要：JSON对象支持到IE8，旧版的IE需要Polyfill 本文参考MDN做的详细整理，方便大家参考[MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript） JSON对象本身不能被调用或者作为构造函数，除了它的这两个方法属性外 JS 阅读全文

posted @ 2016-09-07 16:20 SuriFuture 阅读(5334) 评论(0) 推荐(0)

原生JS：RegExp对象详解

摘要：RegExp对象本文参考MDN做的详细整理，方便大家参考[MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript） RegExp 构造函数可创建一个正则表达式对象，用特定的模式匹配文本。语法 RegExp(pattern [, f 阅读全文

posted @ 2016-09-07 12:26 SuriFuture 阅读(17072) 评论(0) 推荐(3)

原生JS：String对象详解

摘要：String对象本文参考MDN做的详细整理，方便大家参考[MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript） JavaScript中的 String 类型用于表示文本型的数据. 它是由无符号整数值（16bit）作为元素而组成的阅读全文

posted @ 2016-09-07 11:39 SuriFuture 阅读(5114) 评论(0) 推荐(0)

原生JS：Number对象详解

摘要：Number对象本文参考MDN做的详细整理，方便大家参考 "MDN" JavaScript 的 Number 对象是经过封装的能让你处理数字值的对象。Number 对象由 Number() 构造器创建。 new Number(value); 如果参数无法被转换为数字，则返回 NaN。在非构造器上阅读全文

posted @ 2016-09-06 17:55 SuriFuture 阅读(5181) 评论(1) 推荐(3)

原生JS：Math对象详解

摘要：Math对象本文参考MDN做的详细整理，方便大家参考 "MDN" Math 也是一个内置对象，为数学常量和数学函数提供了属性和方法，而不是一个函数对象。与其它全局对象不同的是, Math 不是一个构造器. Math 的所有属性和方法都是静态的. 你用到的常数pi可以用 Math.PI 表示,用阅读全文

posted @ 2016-09-06 16:40 SuriFuture 阅读(7632) 评论(0) 推荐(1)

原生JS：Date对象详细参考

摘要：Date对象：基于1970年1月1日(世界标准时间)起的毫秒数本文参考MDN做的详细整理，方便大家参考 "MDN" 构造函数： 1. new Date(); 依据系统设置的当前时间来创建一个Date对象。 2. new Date(value); value代表自1970年1月1日00:00:00 阅读全文

posted @ 2016-09-06 12:13 SuriFuture 阅读(7195) 评论(0) 推荐(4)

原生JS：Array对象详解

摘要：Array对象本文参考MDN做的详细整理，方便大家参考[MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects) 创建数组：数组字面量：var arr1 = [1,2,3]; Ar 阅读全文

posted @ 2016-09-05 23:39 SuriFuture 阅读(6119) 评论(0) 推荐(1)

原生JS：Object对象详细参考

摘要：Object对象详细参考本文参考MDN做的详细整理，方便大家参考 "MDN" JavaScript原生提供一个Object对象（注意起首的O是大写），所有其他对象都继承自这个对象。构造函数： Object 构造函数为给定的值创建一个对象包装。如果给定值是 null or undefined，将阅读全文

posted @ 2016-09-05 16:49 SuriFuture 阅读(4346) 评论(0) 推荐(1)

一些XMLHttpRequest的例子代码

摘要：以下例子摘录自：javascript权威指南非表单数据形式的表单编码的请求GET和提交POST(如data对象) 7.HTTP进度事件 XMLHttpRequest对象在请求的不同阶段触发不同类型的事件，所以它不需要检查readyState属性。当调用send（）时，触发单个loadstart事阅读全文

posted @ 2016-09-02 16:59 SuriFuture 阅读(1712) 评论(0) 推荐(0)

详细解读XMLHttpRequest（二）响应属性、二进制数据、监测上传下载进度

摘要：本文主要参考： "MDN" 分析并操作 responseXML属性如果你使用 XMLHttpRequest 来获得一个远程的 XML 文档的内容，responseXML 属性将会是一个由 XML 文档解析而来的 DOM 对象，这很难被操作和分析。这里有五种主要的分析 XML 文档的方式： 1. 使阅读全文

posted @ 2016-09-02 13:30 SuriFuture 阅读(1585) 评论(0) 推荐(0)

详细解读XMLHttpRequest（一）同步请求和异步请求

摘要：本文主要参考： "MDN" XMLHttpRequest 让发送一个HTTP请求变得非常容易。你只需要简单的创建一个请求对象实例，打开一个URL，然后发送这个请求。当传输完毕后，结果的HTTP状态以及返回的响应内容也可以从请求对象中获取。通过XMLHttpRequest生成的请求可以有两种方式来获阅读全文

posted @ 2016-09-02 13:22 SuriFuture 阅读(10490) 评论(0) 推荐(0)

09 2016 档案