自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(52)
  • 收藏
  • 关注

转载 总结:接入第三方平台登录注册项目

一、需求:facebook、naver、kakao在登录注册浮层的第三方登录需求,要求用户在第三方登录流程中不能中断浮层,即:用户在online登录注册浮层中发起第三方登录时,浮层不能被关闭或者刷新,只能通过将第三方登录的信息会传到过来后,进入下一个流程。二、第三方登录的流程:用户在我们的登录注册浮层中发起第三方登录——>打开第三方登录页面——>第三方登录...

2017-09-02 22:27:00 668

转载 导航栏实现

  需求:做一个导航栏,单击不同的商品名称链接,显示相应的内容,同时高亮显示当前选择的商品。  注:以下代码通过:chrome、FF、ie的测试  html+css的设计:这里提供两种解决方法  一、使用<li>的float:left,保证<li>同行显示效果图代码部分遇到的问题及解决方案  二、利用<...

2014-12-13 21:39:00 227

转载 javascript的跨域请求

  参考链接:http://www.cnblogs.com/2050/p/3191744.html转载于:https://www.cnblogs.com/Iwillknow/articles/3665321.html

2014-12-13 21:18:00 118

转载 来自平时工作中的css知识的积累---持续补充中

  ①现代浏览器中,<img>元素默认情况下底部会有空白,那么这个空白到底是从哪里来的?  解惑:  method-one:猛戳来自知乎的解答  method-two: 延伸阅读 what is vertical align?  ② 在chrome浏览器中,对于鼠标移入input、textarea,浏览器会给它们加上默认的边框,怎么去掉呢:h...

2014-11-25 11:24:00 85

转载 模板引擎探究一二

  何为模板引擎?从mustache到handlebars、jquery的模板插件jquery.tmpl、以及我厂的etpl~事实上模板引擎的实现原理并不复杂,但是写一个对开发者友好且性能较高的模板引擎并不容易。but,各个模板引擎的性能高低以及好坏不在讨论的范畴(如果你对此有强烈的兴趣,请参看《深入浅出nodeJS》一书的第八章相关的模板部分分析,当然你也可以参看下面的一篇博客,高性能...

2014-11-25 11:23:00 78

转载 来自平时工作中的javascript知识的积累---持续补充中

  ① SeaJs和RequireJS最大的区别  解惑:来自豆友  ② javascript中如何判断undefinedvar exp = undefined;if (exp === undefined){ alert("undefined");}转载于:https://www.cnblogs.com/Iwillknow/p/3947685...

2014-11-25 11:23:00 88

转载 javascript function

function assert(value1, value2) { if (value1) { console.log(value2); }}function isNimble() { return true;}assert(typeof window.isNimble === "function", "is isNimbl() def...

2014-11-25 11:21:00 121

转载 CSS3 3D变换

可以这么说,3D变换是基于三维坐标系的。以下是“盗用”的图 CSS3中的3D变换主要包括以下几个功能函数:3D位移:包括translateZ()和translate3d();3D旋转:包括rotateX()、rotateY()、rotateZ()和rotate3d();3D缩放:包括scaleZ()和scale3d();3D矩阵:matr...

2014-10-23 15:48:00 114

转载 HTTP1.1缓存策略

  以下是一幅虽然信息包含量有限、但足够以最简洁的方式说明了“什么是HTTP1.1缓存策略”的图 缓存和缓存策略  web缓存(web cache)或代理缓存(proxy cache)是一种特殊的HTTP代理服务器。缓存减少了冗余数据的传输、缓解带宽瓶颈、  降低距离时延。  缓存策略就是在采用缓存的情况,client、proxy cache、server三者是...

2014-10-03 22:56:00 586

转载 jQuery插件开发

  转自:来自《JavaScript 标准参考教程(alpha)》,by 阮一峰 jQuery插件开发  所谓“插件”,就是用户自己新增的jQuery实例对象的方法。由于该方法要被所有实例共享,所以只能定义在jQuery构造函数的原型对象(prototype)之上。对于用户来说,把一些常用的操作封装成插件(plugin),使用起来会非常方便。  插件的编写  本质...

2014-08-31 12:20:00 56

转载 offsetParent、offsetTop、offsetLeft、offsetWidth、offsetHeight

  w3c规范,请戳这里:http://www.w3.org/TR/cssom-view/#dom-htmlelement-offsetparent    一、offsetParent  英文解读:  part one:offsetParent作为一个元素属性并不是每一个元素都是值得拥有的,对于符合以下情况的元素是没有offsetParent这个属性的:  ① 该...

2014-08-31 10:17:00 121

转载 始于清除浮动、追溯到源头

  如果你喜欢用浮动来进行布局,我深信,你肯定受过浮动带来的虐心。尽管我记得在张鑫旭大哥的某篇博文里看到过,浮动,其实并不是作为一种布局的手段,然后balabala,确实言之很有理。我也曾经这么认为,我现在也是这么认为的。不过,原则上,我们应该可以有这么个底线,好用并且有完美解决问题的方法,就有存在的理由。浮动是我们在写css不可避免的。  一、我们为什么要清除浮动  因为一个元...

2014-08-10 23:51:00 72

转载 有关javascript中的JSON.parse和JSON.stringify的使用一二

  有没有想过,当我们的大后台只是扮演一个数据库的角色,json在前后台的数据交换中扮演极其重要的角色时,作为依托node的前端开发,其实相当多的时间都是在处理数据,准确地说就是在处理逻辑和数据(这周实习最大的收获)。  而对于依托json格式传输的数据,处理数据时,用到JSON.strinify和JSON.parse的概率是百分之百。使用这两个方法so easy,但是你真的知道其中...

2014-07-27 17:04:00 74

转载 nodeJS实战

  github代码托管地址:https://github.com/Iwillknow/microblog.git  根据《NodeJS开发指南》实例进行实战{{%并且希望一步步自己能够逐步将这个博客系统一点点完善,我会在github上及时更新代码%}}。不得不提下的是,因为版本原因,只是按照书本上的步骤是无法使程序正确跑起来。这样倒有一个很好的好处,在不断地解决问题的过程中...

2014-07-20 15:08:00 98

转载 首次push本地代码到github上出现的问题及解决方案

刚创建的github版本库,在push代码时出错:$ git push -u origin masterTo git@github.com:******/Demo.git! [rejected] master -> master (non-fast-forward)error: failed to push some refs to 'git@github.co...

2014-07-18 14:35:00 509

转载 初尝backbone

  backbone的基础知识在此将不再进行介绍。自己后续应该会整理出来,不过今天先把这几天学的成果用一个demo进行展示。  后续可运行demo将会在sinaapp上分享,不过近期在整理sinaapp上demo分享版块的重构,恕不能及时更新上去。  手把手教你搭建Hello World  虽然这次的开篇程序叫做helloworld有点牵强,但是我还是喜欢叫它为hell...

2014-05-16 01:05:00 66

转载 前端MVC学习——模块发开发、seajs学习

  这份学习链接已经足够了:http://seajs.org/docs/#intro  我假设你至少已经浏览过上述链接文档、并且掌握了基本的seajs基础知识~  手把手教你创建helloworld~  HelloWorld  程序员嘛,难免有helloworld情结~  平台:win7、chrome  ① 创建helloworld文件夹  ② 在hel...

2014-05-14 19:54:00 86

转载 实现“鼠标移入仿购物网站图片查看细节”功能

  写在最前面:Demo的源起来自于http://js.fgm.cc/learn/,但是实现部分都是经过自己思考和优化的,有时会借助别人的图片,然而“窃喜”。如无特殊说明,demo都是经过ie6、ie7等低版本浏览器测试通过的。表要笑话我有“自虐”倾向,各中是有情节和情结的。力图做得专业再专业一点点。^_^  实现的功能:根据鼠标移入小图区域,显示大图。这种功能应用很常见于各种购物网...

2014-04-27 11:11:00 153

转载 javascript-事件代理

http://www.cnblogs.com/silence516/archive/2009/09/03/delegateEvent.html转载于:https://www.cnblogs.com/Iwillknow/p/3693149.html

2014-04-27 09:25:00 58

转载 控制DIV属性——实现盒子长、宽、背景等变化

  写在最前面:Demo的源起来自于http://js.fgm.cc/learn/,但是实现部分都是经过自己思考和优化的,有时会借助别人的图片,然而“窃喜”。如无特殊说明,demo都是经过ie6、ie7等低版本浏览器测试通过的。表要笑话我有“自虐”倾向,各种是有情节和情结的。力图做的专业再专业一点点。^_^    功能实现:单击响应的功能按钮实现DIV属性的切换  Demo地...

2014-04-26 14:28:00 692

转载 你真的知道css三种存在样式(外联样式、内部样式、内联样式)的区别吗?

  css样式在html中有三种存在形态:  内联样式:<div style="display: none"></div>  内部样式: <style></style>  外联样式:<link href="" />  三者的优先级为:内联样式>内部样式>外联样式。  你可能会对内部样式和外联样式的...

2014-04-26 14:14:00 1036

转载 js中批量处理样式——cssText的使用

http://www.cnblogs.com/snandy/archive/2011/03/12/1980444.html转载于:https://www.cnblogs.com/Iwillknow/p/3691490.html

2014-04-26 14:13:00 121

转载 CSS的定位属性实现text-shadow属性的文本下产生阴影效果

  只要先理解text-shadow的原理,就能用定位元素进行效果的模仿。  text-shadow: h-shadiv v-shadov blur color  h-shadv为文本水平移动的距离,正值相对于当前位置向右,负值相对于当前位置向左;  v-shadov为文本垂直移动的距离,正值相对于当前位置向下,负值相对于当前位置向上;  blur为可选值。即模糊的距离。...

2014-04-26 13:14:00 203

转载 深入js的面向对象学习篇(继承篇)——温故知新(三)

  写这篇有关继承的文章时,突然想起,几天前的面试。因为习惯在学习知识的时候加上自己的理解,很喜欢用自己话来解释,于是乎当面试被问起继承原理时,噼里啪啦一大堆都是自己组织的话,(也可能是因为个人紧张、外加是电面,各种因素掺杂,导致了表述不清),不管怎么然后面试官就被迷茫了。so sorry~私下里可以用“俚语”解释给自己听,一上场面还是需要“官方官言”的。这也算是一种态度。   ...

2014-04-22 00:01:00 81

转载 深入js的面向对象学习篇(封装是一门技术和艺术)——温故知新(二)

  下面全面介绍封装和信息隐藏。  通过将一个方法或属性声明为私用的,可以让对象的实现细节对其它对象保密以降低对象之间的耦合程度,可以保持数据的完整性并对其修改方式加以约束。在代码有许多人参与设计的情况下,这也可以使代码更加可靠、更易于调试。  不像其它语言,javascript中没有类似private这种关键字。我们将使用闭包的概念来创建只允许从对象内部访问的方法和属性。 ...

2014-04-21 22:53:00 68

转载 深入js的面向对象学习篇——温故知新(一)

  在学习设计模式前必须要知道和掌握的***。  为类添加新方法:Function.prototype.method = function(name,fn) { this.prototype[name] = fn;}//改进版:支持链式调用Function.prototype.method = function(name,fn) { ...

2014-04-21 20:33:00 100

转载 【转链接】Handlebars模板引擎以及浅谈模板引擎的实现原理

  什么叫做“模板引擎“?我是这么理解的:就是对一些待填入数据的占位符的解析。如果你使用过Python的django框架,那你肯定是模板一点也不陌生。模板引擎就是解析模板的,把后端数据塞到前端页面模板。  以下博客内容分为两大部分:Handlers模板引擎的学习模板引擎的实现原理  一、Handlers模板引擎的学习和使用  附上两个学习链接:  ...

2014-04-15 01:11:00 68

转载 html5 Doctor——教你规范使用html5标签

  学习地址(英文资料):http://html5doctor.com/  http://www.w3.org/html/wg/drafts/html/master/text-level-semantics.html#the-a-element  想必大家也和我一样,刚接触div的时候,觉得div真的是个好东西,觉得页面就是div+css。控制样式在div里面加个id或者c...

2014-04-06 14:37:00 609

转载 全面学习cookies

  来自《javascript高级程序设计 第三版:作者Nicholas C. Zakas》的学习笔记(五)   本来想自己总结的,但是某文总结太好了(http://www.cnblogs.com/Darren_code/archive/2011/11/24/Cookie.html) 以下是转载部分:    什么是 Cookie  “cookie 是存储于访问者的...

2014-03-19 21:02:00 50

转载 Comet、SSE、Web Socket

  来自《javascript高级程序设计 第三版:作者Nicholas C. Zakas》的学习笔记(十一)  Comet  Comet是一种更加高级的Ajax技术("服务器推送")。Ajax是一种从页面向服务器请求数据的技术,而Comet则是一种服务器向页面推送数据的技术。Comet能够让信息近乎实时地被推送到页面上,非常适合处理体育比赛的分数和股票报价。  有两种...

2014-03-19 20:53:00 74

转载 javascript中跨源资源共享

  来自《javascript高级程序设计 第三版:作者Nicholas C. Zakas》的学习笔记(十)  通过XHR实现Ajax通信的一个主要限制,来源于跨域安全策略。默认情况下,XHR对象只能访问与包含它的页面位于同一个域中的资源。这种安全策略可以预防某些恶意行为。CORS(Crossing-Orgin Resourse Sharing,跨域资源共享),定义了在必须防问...

2014-03-19 20:30:00 113

转载 Ajax

  来自《javascript高级程序设计 第三版:作者Nicholas C. Zakas》的学习笔记(九)  Ajax:Asynchromous Javascript + XML的简写。Ajax技术核心是XMLHttpRequest对象,但Ajax通信与数据格式无关,这种技术就是无需刷新页面即可从服务器取得数据,不一定是XML数据。  XMLHttpRequest对象...

2014-03-19 19:12:00 71

转载 Json

  来自《javascript高级程序设计 第三版:作者Nicholas C. Zakas》的学习笔记(八)  JSON是一种数据格式而不是一种编程语言,JSON是javascript的一个严格的子集,利用了javascript中的一些模式来表示结构化数据。  javascript字符串与json字符串的最大区别在于,json字符串必须使用双引号,单引号会导致语法错误。...

2014-03-18 23:59:00 54

转载 jQuery的优点——(一)

  稍微学点js然后就用起jQuery,用久了,就好像自己都成高手了,想得少了,都觉得自己就是js高手了。哗啦啦的惭愧啊=。=  面试GY的时候,因为在简历上写着大大的会用jQuery快速开发原型页面,然后就被虐惨了=。=。有些东西知其一是没有意思,尤其是技术这门活。~废话不多说,直接看近来几日的复习成果。~可能接触得比较久了,所以学起来比较轻松。  jQuery的优点:...

2014-03-17 00:40:00 117

转载 js学习之函数表达式及闭包

  来自《javascript高级程序设计 第三版:作者Nicholas C. Zakas》的学习笔记(七)    直接切入主题~  定义函数的方式有两种:函数声明function functionName(arg0,arg1,arg2) { //函数体}函数声明有一个重要的特征——函数声明提升,意思是在执行代码之前会先读取函数声明,允许把...

2014-03-15 20:58:00 64

转载 js的面向对象的程序设计之理解继承

  来自《javascript高级程序设计 第三版:作者Nicholas C. Zakas》的学习笔记(六)  先来解析下标题——对象和继承~ 一、对象篇  ECMA-262把对象的定义为:"无序属性的集合,其属性可以包含基本值、对象或者函数。"=。=用自己的话理解就是:对象就是散列表,无非就是一组名值对,其中的值可以是数据或是函数。ECMAScript中有两种属性:数...

2014-03-15 13:46:00 71

转载 js之引用类型

  来自《javascript高级程序设计 第三版:作者Nicholas C. Zakas》的学习笔记(五)    博文内容:使用对象(Object、Array、Date、RegExp)创建并操作数组基本的js类型基本类型和基本包装类型(Boolean、Number、String)  引用类型描述的是一类对象所具有的属性和方法。    O...

2014-03-14 00:56:00 46

转载 js的基本概念详解

  来自《javascript高级程序设计 第三版:作者Nicholas C. Zakas》的学习笔记(三)    如果你刚学js,想快速了解到js的基本概念,以下将会是一篇不错的引导文章:语法数据类型流控制语句理解函数  首先讲个段子:曾经有个人很天真地以为javascript和java肯定是一家,因为学过java,觉得javascript学习...

2014-03-12 20:03:00 101

转载 有关js的变量、作用域和内存问题

  来自《javascript高级程序设计 第三版:作者Nicholas C. Zakas》的学习笔记(四)  js共有5种基本数据类型:Undefined、NULL、Boolean、Number、String。5种基本数据类型是按值访问的,因此可以操作保存在变量中的实际值。而引用类型则不同,因为引用类型的值是保存在内存对象中的,而js不允许直接访问内存中的位置,也就是说不能直...

2014-03-11 23:14:00 41

转载 js和HTML结合(补充知识:如何防止文件缓存的js代码)

  来自《javascript高级程序设计 第三版:作者Nicholas C. Zakas》的学习笔记(二)  使用html标签<script>可以把js嵌入到html页面中,让脚本与标记混合一起;也可以包含外部的js文件。如:脚本和标记混合:<script type="text/javascript"> function sa...

2014-03-03 01:01:00 120

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除