博客园 - elcarim
uuid:6cbd1ba2-f883-4c34-aed1-30dde64a3a3e;id=702832
2018-11-07T12:24:20Z
elcarim
https://www.cnblogs.com/elcarim5efil/
feed.cnblogs.com
https://www.cnblogs.com/elcarim5efil/p/9925431.html
megalo -- 网易考拉小程序解决方案 - elcarim
"megalo" 是基于 Vue 的小程序框架(没错,又是基于 Vue 的小程序框架),但是它不仅仅支持微信小程序,还支持支付宝小程序,同时还支持在开发时使用更多 Vue 的特性。 背景 对于用户而言,小程序能提供更好的体验,但对于开发者而言,要让一个应用跑在多个平台上,则需要写多套代码。如何提高小
2018-11-07T12:24:00Z
2018-11-07T12:24:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】"megalo" 是基于 Vue 的小程序框架(没错,又是基于 Vue 的小程序框架),但是它不仅仅支持微信小程序,还支持支付宝小程序,同时还支持在开发时使用更多 Vue 的特性。 背景 对于用户而言,小程序能提供更好的体验,但对于开发者而言,要让一个应用跑在多个平台上,则需要写多套代码。如何提高小 <a href="https://www.cnblogs.com/elcarim5efil/p/9925431.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/elcarim5efil/p/4764607.html
层叠上下文 Stacking Context - elcarim
##层叠上下文 Stacking Context在[CSS2.1规范](http://www.w3.org/TR/CSS21/visuren.html#z-index)中,每个盒模型的位置是三维的,分别是平面画布上的x轴,y轴以及表示层叠的z轴。对于每个html元素,都可以通过设置`z-index`...
2015-08-27T13:09:00Z
2015-08-27T13:09:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】##层叠上下文 Stacking Context在[CSS2.1规范](http://www.w3.org/TR/CSS21/visuren.html#z-index)中,每个盒模型的位置是三维的,分别是平面画布上的x轴,y轴以及表示层叠的z轴。对于每个html元素,都可以通过设置`z-index`... <a href="https://www.cnblogs.com/elcarim5efil/p/4764607.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/elcarim5efil/p/4749262.html
关于document.write - elcarim
##document.write的用处`document.write`是JavaScript中对`document.open`所开启的文档流(document stream操作的API方法,它能够直接在文档流中写入字符串,一旦文档流已经关闭,那`document.write`就会重新利用`docum...
2015-08-21T15:07:00Z
2015-08-21T15:07:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】##document.write的用处`document.write`是JavaScript中对`document.open`所开启的文档流(document stream操作的API方法,它能够直接在文档流中写入字符串,一旦文档流已经关闭,那`document.write`就会重新利用`docum... <a href="https://www.cnblogs.com/elcarim5efil/p/4749262.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/elcarim5efil/p/4745796.html
学习块格式化上下文(BlockFormattingContext) - elcarim
##什么是BFCBFC全称是Block Formatting Context,即块格式化上下文。它是CSS2.1规范定义的,关于CSS渲染定位的一个概念。要明白BFC到底是什么,首先来看看什么是视觉格式化模型。###视觉格式化模型视觉格式化模型(visual formatting model)是用来...
2015-08-20T09:14:00Z
2015-08-20T09:14:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】##什么是BFCBFC全称是Block Formatting Context,即块格式化上下文。它是CSS2.1规范定义的,关于CSS渲染定位的一个概念。要明白BFC到底是什么,首先来看看什么是视觉格式化模型。###视觉格式化模型视觉格式化模型(visual formatting model)是用来... <a href="https://www.cnblogs.com/elcarim5efil/p/4745796.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/elcarim5efil/p/4698980.html
DOM 中 Property 和 Attribute 的区别 - elcarim
property 和 attribute非常容易混淆,两个单词的中文翻译也都非常相近(property:属性,attribute:特性),但实际上,二者是不同的东西,属于不同的范畴。- property是DOM中的属性,是JavaScript里的对象;- attribute是HTML标签上的特性...
2015-08-03T03:58:00Z
2015-08-03T03:58:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】property 和 attribute非常容易混淆,两个单词的中文翻译也都非常相近(property:属性,attribute:特性),但实际上,二者是不同的东西,属于不同的范畴。- property是DOM中的属性,是JavaScript里的对象;- attribute是HTML标签上的特性... <a href="https://www.cnblogs.com/elcarim5efil/p/4698980.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/elcarim5efil/p/4686286.html
jQuery 源码分析 8: 回头看jQuery的构造器(jQuery.fn,jQury.prototype,jQuery.fn.init.prototype的分析) - elcarim
在第一篇jQuery源码分析中,简单分析了jQuery对象的构造过程,里面提到了jQuery.fn、jQuery.prototype、jQuery.fn.init.prototype的关系。 从代码中可以看出,这三者其实都是等价的,都是指向了jQuery.prototype,但这又是为什么呢?...
2015-07-29T08:42:00Z
2015-07-29T08:42:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】在第一篇jQuery源码分析中,简单分析了jQuery对象的构造过程,里面提到了jQuery.fn、jQuery.prototype、jQuery.fn.init.prototype的关系。 从代码中可以看出,这三者其实都是等价的,都是指向了jQuery.prototype,但这又是为什么呢?... <a href="https://www.cnblogs.com/elcarim5efil/p/4686286.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/elcarim5efil/p/4684605.html
简化版的Flappy Bird开发过程(不使用第三方框架) - elcarim
目录.1构造世界.2在世界中添加元素.3碰撞检测.4添加动画特效.5总结.0 开始之前 之前曾经用Html5/JavaScript/CSS实现过2048,用Cocos2d-html5/Chipmunk写过一个Dumb Soccer的对战游戏,但没有使用过原生的Canvas写过任何东西,为了加深对C...
2015-07-29T04:54:00Z
2015-07-29T04:54:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】目录.1构造世界.2在世界中添加元素.3碰撞检测.4添加动画特效.5总结.0 开始之前 之前曾经用Html5/JavaScript/CSS实现过2048,用Cocos2d-html5/Chipmunk写过一个Dumb Soccer的对战游戏,但没有使用过原生的Canvas写过任何东西,为了加深对C... <a href="https://www.cnblogs.com/elcarim5efil/p/4684605.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/elcarim5efil/p/4676107.html
jQuery 源码分析 7: sizzle - elcarim
jQuery使用的是sizzle这个选择器引擎,这个引擎以其高速著称,其实现十分精妙但是也足够复杂,下面现简单分析一下相关的代码。在jQuery的部分API接口是直接引用了Sizzle的方法,这些接口如下:1 jQuery.find = Sizzle;2 jQuery.expr = Sizzle...
2015-07-25T08:15:00Z
2015-07-25T08:15:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】jQuery使用的是sizzle这个选择器引擎,这个引擎以其高速著称,其实现十分精妙但是也足够复杂,下面现简单分析一下相关的代码。在jQuery的部分API接口是直接引用了Sizzle的方法,这些接口如下:1 jQuery.find = Sizzle;2 jQuery.expr = Sizzle... <a href="https://www.cnblogs.com/elcarim5efil/p/4676107.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/elcarim5efil/p/4673106.html
jQuery 源码分析6: jQuery 基本静态方法(二) - elcarim
1 jQuery.extend({ 2 3 // 遍历obj的所有值 4 // args 这参数只能内部调用的会用到 5 // 注意到,如果回调函数调用失败会直接跳出并中止遍历 6 // 当有args数组时,使用apply调用,否则使用call调用 7 each: function...
2015-07-24T04:11:00Z
2015-07-24T04:11:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】1 jQuery.extend({ 2 3 // 遍历obj的所有值 4 // args 这参数只能内部调用的会用到 5 // 注意到,如果回调函数调用失败会直接跳出并中止遍历 6 // 当有args数组时,使用apply调用,否则使用call调用 7 each: function... <a href="https://www.cnblogs.com/elcarim5efil/p/4673106.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/elcarim5efil/p/4673098.html
jQuery 源码分析5: jQuery 基本静态方法(一) - elcarim
jQuery在初始化过程中会为自己扩展一些基本的静态方法和属性,以下是jQuery 1.11.3版本 239 ~ 564行间所扩展的静态属性和方法 1 jQuery.extend({ 2 3 // 为每个jQuery拷贝建立一个唯一的编号 4 expando: "jQuery" + ( v...
2015-07-24T04:08:00Z
2015-07-24T04:08:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】jQuery在初始化过程中会为自己扩展一些基本的静态方法和属性,以下是jQuery 1.11.3版本 239 ~ 564行间所扩展的静态属性和方法 1 jQuery.extend({ 2 3 // 为每个jQuery拷贝建立一个唯一的编号 4 expando: "jQuery" + ( v... <a href="https://www.cnblogs.com/elcarim5efil/p/4673098.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/elcarim5efil/p/4671589.html
jQuery 源码分析4: jQuery.extend - elcarim
jQuery.extend是jQuery最重要的方法之一,下面看看jQuery是怎样实现扩展操作的 1 // 如果传入一个对象,这个对象的属性会被添加到jQuery对象中 2 3 // 如果传入两个或多个对象,所有对象的属性会被添加到第一个对象中 4 5 // 如果想合并两个对象,则可以这样用:...
2015-07-23T12:14:00Z
2015-07-23T12:14:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】jQuery.extend是jQuery最重要的方法之一,下面看看jQuery是怎样实现扩展操作的 1 // 如果传入一个对象,这个对象的属性会被添加到jQuery对象中 2 3 // 如果传入两个或多个对象,所有对象的属性会被添加到第一个对象中 4 5 // 如果想合并两个对象,则可以这样用:... <a href="https://www.cnblogs.com/elcarim5efil/p/4671589.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/elcarim5efil/p/4671578.html
jQuery 源码分析3: jQuery.fn/ jQuery.prototype - elcarim
1 // 建立方法实例,提高方法访问的速度(避免在原型链上搜索) 2 3 var deletedIds = []; 4 var slice = deletedIds.slice; 5 var concat = deletedIds.concat; 6 var push = deletedIds....
2015-07-23T12:12:00Z
2015-07-23T12:12:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】1 // 建立方法实例,提高方法访问的速度(避免在原型链上搜索) 2 3 var deletedIds = []; 4 var slice = deletedIds.slice; 5 var concat = deletedIds.concat; 6 var push = deletedIds.... <a href="https://www.cnblogs.com/elcarim5efil/p/4671578.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/elcarim5efil/p/4668544.html
jQuery 源码分析2: jQuery.fn.init - elcarim
1 //jQuery.fn.intit 中使用到的外部变量: 2 3 // 判断是否为HTML标签或#id 4 rquickExpr = /^(?:\s*()[^>]*|#([\w-]*))$/; 5 6 // window.document的jQuery对象 7 rootjQu...
2015-07-22T12:29:00Z
2015-07-22T12:29:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】1 //jQuery.fn.intit 中使用到的外部变量: 2 3 // 判断是否为HTML标签或#id 4 rquickExpr = /^(?:\s*()[^>]*|#([\w-]*))$/; 5 6 // window.document的jQuery对象 7 rootjQu... <a href="https://www.cnblogs.com/elcarim5efil/p/4668544.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/elcarim5efil/p/4668299.html
jjQuery 源码分析1: 整体结构 - elcarim
目前阅读的是jQuery 1.11.3的源码,有参考nuysoft的资料。原来比较喜欢在自己的Evernote上做学习基类,并没有在网上写技术博客的习惯,现在开始学习JS的开源代码,想跟大家多交流,希望有所收获。 1 (function( global, factory ) { 2 if...
2015-07-22T10:53:00Z
2015-07-22T10:53:00Z
elcarim
https://www.cnblogs.com/elcarim5efil/
【摘要】目前阅读的是jQuery 1.11.3的源码,有参考nuysoft的资料。原来比较喜欢在自己的Evernote上做学习基类,并没有在网上写技术博客的习惯,现在开始学习JS的开源代码,想跟大家多交流,希望有所收获。 1 (function( global, factory ) { 2 if... <a href="https://www.cnblogs.com/elcarim5efil/p/4668299.html" target="_blank">阅读全文</a>