随笔分类 -  JavaScript

上一页 1 2 3 4 下一页
Angular源码分析之$compile
摘要：@(Angular) $compile ，在Angular中即“编译”服务，它涉及到Angular应用的“编译”和“链接”两个阶段，根据从DOM树遍历Angular的根节点（ng app）和已构造完毕的 \$rootScope 对象，依次解析根节点后代，根据多种条件查找指令，并完成每个指令相关的... 阅读全文
posted @ 2016-01-25 09:01 royalrover 阅读(3064) 评论(0) 推荐(7) 编辑
iOS引入JavaScriptCore引擎框架（二）
摘要：为何放弃第一种方案 UIWebView的JSContext获取 上篇中，我们通过简单的kvc获取UIWebVIew的JSContext，但是实际上，apple并未给开发者提供访问UIWebView的方法，虽然通过KVC可达到目标，但是当APP采用该种hack方法时，有很大几率不能通过A... 阅读全文
posted @ 2015-11-22 13:39 royalrover 阅读(2441) 评论(0) 推荐(6) 编辑
iOS引入JavaScriptCore引擎框架（一）
摘要：JavaScriptCore引擎 我们都知道WebKit是个渲染引擎，简单来说负责页面的布局，绘制以及层的合成，但是WebKit工程中不仅仅有关于渲染相关的逻辑，也集成了默认的javascript引擎－－JavaScriptCore，目前Safari的js引擎也基于JSC构建，不过有一些私... 阅读全文
posted @ 2015-11-20 18:36 royalrover 阅读(3535) 评论(6) 推荐(4) 编辑
判断js引擎是javascriptCore或者v8
摘要：来由 纯粹的无聊，一直在搜索JavaScriptCore和SpiderMonkey的一些信息，却无意中学习了如何在ios的UIWebView中判断其js解析引擎的方法： if (window.devicePixelRatio) { //If WebKit browser var st =... 阅读全文
posted @ 2015-11-13 16:21 royalrover 阅读(5478) 评论(0) 推荐(2) 编辑
objC与js通信实现--WebViewJavascriptBridge
摘要：场景 在移动端开发中，最为流行的开发模式就是hybmid开发，在这种native和h5的杂糅下，既能在某些需求中保证足够的性能，也可以在某些列表详情的需求下采用h5的样式控制来丰富内容。但是在大型产品的开发中，往往前端的职责不仅仅是h5的编写，还包括基本业务逻辑的实现，比如在h5页面中确定当... 阅读全文
posted @ 2015-09-14 16:29 royalrover 阅读(2066) 评论(0) 推荐(5) 编辑
使用ETag进行session的降级
摘要：回顾 在web后台开发中我们经常需要存储一些变量到session中进行暂存，最为特殊的就是“购物车”，由于http的无状态特性，因此我们需要在客户端打上一个标记，唯一的标示客户端并和服务端session一一对应，因此就有了通过cookie和url进行存储或传递这个标示－－sessionID。 ses 阅读全文
posted @ 2015-07-06 20:18 royalrover 阅读(1118) 评论(0) 推荐(5) 编辑
使用yield进行异步流程控制
摘要：## 现状 目前我们对异步回调的解决方案有这么几种：回调，deferred/promise和事件触发。回调的方式自不必说，需要硬编码调用，而且有可能会出现复杂的嵌套关系，造成“回调黑洞”；deferred/promise方式则对使用者而言简洁明了，在执行异步函数之前就已经构造好了执行链--then... 阅读全文
posted @ 2015-07-02 11:54 royalrover 阅读(7166) 评论(1) 推荐(6) 编辑
ReactJS分析之入口函数render
摘要：前言 在使用React进行构建应用时，我们总会有一个步骤将组建或者虚拟DOM元素渲染到真实的DOM上，将任务交给浏览器，进而进行layout和paint等步骤，这个函数就是React.render()。首先看下该函数的接口定义：ReactComponent render( ReactElement... 阅读全文
posted @ 2015-05-13 17:31 royalrover 阅读(20815) 评论(1) 推荐(8) 编辑
Thinking in React
摘要：本文翻译自React的官方博客，详情请阅读原文。React非常适合构建组件化的应用，它注重高性能，因此组建的重用，项目的扩展都十分灵活，Facebook和instagram的不少商业项目使用了此框架。本文主要通过“输入查询数据”这个简单的demo来说明或者学习如何用React来架构。数据模型 我们... 阅读全文
posted @ 2015-04-19 00:30 royalrover 阅读(718) 评论(0) 推荐(1) 编辑
AngularJS源码分析之依赖注入$injector
摘要：开篇 随着javaEE的spring框架的兴起，依赖注入（IoC）的概念彻底深入人心，它彻底改变了我们的编码模式和思维。在IoC之前，我们在程序中需要创建一个对象很简单也很直接，就是在代码中new Object即可，有我们自己负责创建、维护、修改和删除，也就是说，我们控制了对象的整个生命周期，直到对... 阅读全文
posted @ 2015-04-16 22:46 royalrover 阅读(2946) 评论(0) 推荐(3) 编辑
汉字数组排序及如何检测汉字
摘要：起因 最近接触了一道有意思的题目，就是单击表格的表头，根据表头的那一栏进行排序。恰好有一栏的数据全部是中文汉字，如果仅仅对于汉字数组使用默认的sort排序，那么是针对汉字的unicode值进行比较排序，结果肯定与我们习惯的根据汉字的拼音排序大不相同。但是对于一个简单易用的程序而言，没有必要写个复杂的... 阅读全文
posted @ 2015-03-25 11:36 royalrover 阅读(736) 评论(0) 推荐(2) 编辑
Understanding delete
摘要：简述 我们都知道无法通过delete关键字针对变量和函数进行操作，而对于显示的对象属性声明却可以进行，这个原因需要深究到js的实现层上去，让我们跟随 Understanding delete 来探究一番，另外本文并不考虑浏览器的兼容性实现问题。理论 为什么我们可以这样： var o = { x:... 阅读全文
posted @ 2015-01-29 23:42 royalrover 阅读(270) 评论(0) 推荐(1) 编辑
Global eval. What are the options?
摘要：David Flanagan最近写了一个关于全局eval的简单表达式，可以用一行式子表示：var geval = this.execScript || eval; 尽管看起来很简短，但是跨浏览器的兼容性并不好。仔细考虑了下这个话题，我觉得还有一些方法来实现代码的全局执行。而且有些方法--间接eval... 阅读全文
posted @ 2015-01-26 15:56 royalrover 阅读(653) 评论(0) 推荐(1) 编辑
DOM 节点的克隆与删除
摘要：无奈的开头 关于DOM节点操作，如果仅仅是根据标准API来操作，那是最简单不过的了。但是现实中却哪有这么容易的问题让我们解决，其实不仅仅是节点的克隆与删除，节点的添加也是如此，而且添加节点需要考虑的情况更多，这里不详细讲解，只说明大概过程。 问题那么多，主要出现在浏览器自身实现上，其中尤属legac... 阅读全文
posted @ 2015-01-20 21:42 royalrover 阅读(1132) 评论(1) 推荐(0) 编辑
异步Promise实现
摘要：简介 异步回调的书写往往打乱了正常流的书写方式，在ECMAScript 6中实现了标准的Promise API，旨在解决控制回调流程的问题。 简单的实现了Promise API： 1 (function(w){ 2 function Promise(f... 阅读全文
posted @ 2015-01-13 20:55 royalrover 阅读(1422) 评论(0) 推荐(1) 编辑
javascript URL实现简易书签
摘要：简介 在HTML中，我们可以将js嵌入到script标签中，可以嵌入到行内代码中，也可以嵌入到src（href）中。后者称作javascript URL。该方式的URL格式固定：javascript：expression。 其中，expression字符串必须能够被解释器所解析执行，执行结果若为... 阅读全文
posted @ 2015-01-09 10:41 royalrover 阅读(994) 评论(0) 推荐(0) 编辑
canvas实现拖动页面时显示窗口视频
摘要：简介 当前主流的视频网站目前有不少新鲜好玩的功能，最明显的莫过于小视频的显示--当视频不在当前视口范围时，会在右下角用一个小窗口来显示当前的视频，而且可以拖拽。 今晚心血来潮，起了动手试试的念头。我的想法很简单，用canvas来获取视频每一帧的数据，并用动画函数requestAnimationF... 阅读全文
posted @ 2015-01-08 21:36 royalrover 阅读(452) 评论(0) 推荐(0) 编辑
鼠标滚轮事件介绍
摘要：简介 IE6实现了鼠标滚轮事件mousewheel，这个事件包含了一个鼠标事件所没有的属性，wheelDelta，这个属性值始终是120的倍数，而且向上滑动一单位，wheelDelta值为120，向下为-120.随后Chrome，Opera，Safari等也都实现了该事件。Opera10之前的版本... 阅读全文
posted @ 2015-01-08 10:18 royalrover 阅读(6241) 评论(0) 推荐(3) 编辑
Blob初探
摘要：简介 Blob在js中意味着二进制大数据。实现该接口的对象有3个属性，分别是type（MIME），size（byte）和一个切割方法：slice（在大文件分片上传可能用到）。另外，File实现了Blob接口，并且还有额外的属性--name和lastModify。 早起的一些浏览器实现了草案（已废... 阅读全文
posted @ 2015-01-07 19:56 royalrover 阅读(442) 评论(0) 推荐(0) 编辑
沙箱
摘要：简介 js中很容易出现全局变量污染的情况，全局变量需要依赖全局环境的命名空间，如果为了避免这种情况，大多数采用多重命名空间的方式来定义变量，但是此种方式名称长度长，解析效率低。因此，可以采用一种沙箱模式来管理我们的代码。 该模式创建了一个新的环境变量，所有的变量在该环境内可访问，环境外不可访问（... 阅读全文
posted @ 2015-01-07 19:33 royalrover 阅读(426) 评论(0) 推荐(1) 编辑

上一页 1 2 3 4 下一页