离开天津，踏上北漂的日子！趁着年轻！fight！开发了一半的功能！ 公司提出在平台上搞一个促销活动，分发购物券，期间讨论使用转盘的方式来随机抽取代金卷！但是大众都知道，网络上的转盘游戏大多看似平等，其实不然的！所以我在讨论的时候提出了一种拼图的方案，按照拼图的时间快慢来完成，因为这个东西不能造假，多长时间完成就多长时间完成！然后，开发这个功能的任务就落到了我的头上。咳咳。。。耗时一周多，期间还请假处理私事！回来交差，然后辞职！！！！！！呵呵！ 不扯别的，说一下用到的技术：Demo 面向对象封装事件库 面向对象封装拖…

呵呵呵呵，，，，最近好烦躁！ 在项目开发中大多数都会用到ajax来实现动态数据获取，但是ajax受同源策略的影响无法跨域，于是就出现了各种跨域手段和技术，jsonp、cors、iframe等。jsonp之前有篇文章已经介绍过了，这里主要介绍一下cors。 cors（跨域资源共享）是W3C的一个工作草案，定义了在必须访问跨域资源的时候，浏览器和服务器应该如何沟通。CORS背后的基本思想，就是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或者响应式应该成功或者失败。 在服务器端如果认为这个请求（非同域）…

今天的天气很不错，有风，有你，有太阳，但不热，随手写一下FormData。 FormDate是XMLHttpRequest level2 （有人说是FF4中新增加的对象，是谁无所谓啦）中新添加的一个接口，利用FormData对象，我们可以通过JavaScript用一下键值对来模拟表单控件，我们还可以使用使用ajax的send（）方法来异步提交这个‘表单’，比起之前（我们都是将表单中的name  和value组成一个querystring提交到后台），FormData是在是好用多了，比起普通的ajax提交来说，For…

js是一门事件驱动型语言同时也是面向对象的语言，面向对象是个什么概念我这里就不阐述了，继承、封装、多态 是面向对象的三个特点，封装和多态暂时不讲，这篇博文就聊一下继承，在总结继承之前先来熟悉一下原型链机制。 在ECMAscript中描述了原型链的概念，并将原型链作为实现继承的主要方法，其基本思想就是利用原型让一个引用类型继承另一个引用类型的属性和方法。 构造函数和原型还有实例之间的关系：每个构造函数都有一个原型对象（prototype），原型对象都包含一个指向构造函数的指针（constructor），而实例都包含一…

JS 设计模式如此之多，这篇文章就简单的介绍一下订阅发布模式（观察者模式），撇开理论逻辑不说，说一下生活中的事情。经典的示例就是烧水的示例。我们通常在烧水之前都会计划一些事情，我们为什么要烧水，烧完水我们要做什么，比如我们计划三件事情： 1、水开了我要洗脸 2、水开了我要泡面 3、水开了我要给邻居的花浇点水（这个邪恶的想法可以忽视，哈哈） 现在我们计划好了三件事情，然后我们去烧水，水壶放在炉子上烧，我们也不能一直盯着它呀，这个时候我们可以去看电视，听说最近有个叫啥啥啥啥的综艺节目不错，我去瞅瞅，这个时候烧水的事情在…

今天饭桌上的时候，朋友突然问了我一个问题，JS中柯理化函数思想是个什么思想，我当是第一反应就是这个东西我知道，但是忘了，，，，好尴尬。所以回来瞅了一眼，写点总结给那位仁兄看，同时给自己一个提示，好记性不如烂笔头啊！ 柯理化函数思想是一种编程思想,体现出JS的预处理机制，预处理什么呢？就是把多参数的函数变成一个接受单一参数的函数。 其实更多的是预处理this指向的问题，处理this指向问题，JS提供了两个方法call() 和 apply() 方法，两个区别在于后者传参是以数组形式传递进去的，前者是单个传入；共同点就是…

直接正题，ES6的Promise解决了困扰人们很久的回调问题，回调函数在编码中用的很多，但是多层嵌套的回调会让代码看起来不是很整洁，也影响阅读，Promise旨在解决这个问题，用同步的写法解决异步的问题。 解决了用同步的写法解决异步的问题 没有使用promise的多层回调： function fn() { function fn1() { function fn3() { function fn4() { ... } } } } 不直观，维护起来也比较麻烦。 promise的使用： 直接可以使用new Promis…

一个简单的ajax获取数据，实现分页的功能，node搭建后台，好久没用总结了，记录一下，代码无价值，思想无价。 先写服务器吧，因为没有合适的接口和数据，就自己造了一些弱到爆的数据。 第一步：处理文件资源请求 首先require内置的http、fs、url模块，三个模块分别的作用是处理http，文件操作，处理url地址的。 创建服务，监听端口。 处理文件，通过pathname可以得到不同类型的请求文件，然后根据地址将不同的文件返回给客户端。 第二步：处理数据接口 通过pathname获得到之前规定好的数据请求地址，通…

沉淀一下跨域、ajax、jsonp的知识。 首先了解一下什么是同域、同源策略、跨域。 同域请求和跨域请求的区别在于URL的三要素：协议、域名、端口 同域请求：一个请求的url三要素与当前页面的三要素相同的请求叫做同域请求 跨域请求：一个请求的url三要素与当前页面的三要素有一个不相同的请求就叫做跨域请求 同源策略：它是一种浏览器厂商为了安全，强制添加的一种安全限制，它限制了js在哪些地方（同域请求中）可以用，哪些地方（跨域请求中）不可以用 所以说Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动…

封装完成后，我已吐三升血，在也不用以后一遍一遍的写了！ 原生js封装ajax的类库，模仿jQuery，但是没有jQuery那么完善。 首先是执行的格式和参数 ajax({ url: 'data.json',// 请求的路径 data: {a: 1, b: 2, node: JSON.stringify({name: '你好'})}, // 发送的参数 a=1&b=2 dataType: 'json',// 按照指定格式格式化服务器返回的数据 headers: { 'content-type': 'appli…