随笔分类 -  JS 框架封装

摘要:之前关于 Vue 数据绑定原理的一点分析,最近需要回顾,就顺便发到随笔上了 在之前 "实现一个自己的Mvvm" 中,用 来观测 ,将界面上所有的 绑定到 上。 当model改变,更新所有的 ,将新值渲染到界面上 。同时监听界面上通过 绑定的所有 ,并通过 事件将新值更新到 上,以此来完成双向绑定 。 阅读全文
posted @ 2017-04-21 16:30 小精灵儿Pawn 阅读(3416) 评论(2) 推荐(2) 编辑
摘要:2017 新年好 ! 新年第一天对我来说真是悲伤 ,早上兴冲冲地爬起来背着书包跑去实验室,结果今天大家都休息 。回宿舍的时候发现书包湿了,原来盒子装的牛奶盖子松了,泼了一书包,电脑风扇口和USB口都进牛奶了,赶紧拔掉电池,用风扇吹啊吹。强行开机,无线网卡坏掉,屏幕里面进牛奶,难看死啦 ~ 鼠标也坏掉 阅读全文
posted @ 2017-01-02 14:25 小精灵儿Pawn 阅读(1503) 评论(1) 推荐(4) 编辑
摘要:appenChild() 原文转自 "" JS中有很多基本DOM方法,例如createElement, parentNode等,其中,appendChild方法是相当地常用与熟知,可谓是DOM节点方法中的“无人不识君”! appendChild的作用是在指定元素节点的最后一个子节点之后添加节点。好记 阅读全文
posted @ 2016-12-20 14:53 小精灵儿Pawn 阅读(1028) 评论(0) 推荐(0) 编辑
摘要:Angular 和 Vue 在对Angular的学习中,了解到AngularJS 的两个主要缺点: 对于每一次界面时间,Ajax 或者 timeout,都会进行一个脏检查,而每一次脏检查又会在内部循环检查,当界面绑定的model 很多,就会造成严重的性能问题 。 Angular 混乱的模块,并不能起 阅读全文
posted @ 2016-12-19 23:47 小精灵儿Pawn 阅读(1964) 评论(0) 推荐(9) 编辑
摘要:写在开头 关于Angular脏检查,之前没有仔细学习,只是旁听道说,Angular 会定时的进行周期性数据检查,将前台和后台数据进行比较,所以非常损耗性能。 这是大错而特错的。我甚至在新浪前端面试的时候胡说一通,现在想来真是羞愧难当! 没有深入了解就信口开河实在难堪大任。 最后被拒也是理所当然。 在 阅读全文
posted @ 2016-12-15 16:02 小精灵儿Pawn 阅读(17992) 评论(15) 推荐(8) 编辑
摘要:前端MVVM 模式有点很多,完全摆脱了意大利面条式的代码。 个人认为,所有MVVM 的框架基础就是一个高性能的JS模板引擎,它极大简化了 DOM 操作, 使页面渲染和业务逻辑彻底分离. 为了理解模板引擎原理(zhaungbi),所以我折腾了一个简化版的模板引擎.可以实现数据绑定,三元表达式, for 阅读全文
posted @ 2016-12-08 00:12 小精灵儿Pawn 阅读(1248) 评论(12) 推荐(2) 编辑
摘要:在JavaScript中,如何准确获取变量的类型名是一个经常使用的问题. 但是常常不能获取到变量的精确名称,或者必须使用jQuery 中的方法,这里 我通过 typeof ,jQuery.type 和 通过构造函数来获取变量类型 这三种方法详细介绍一遍. 希望可以对你提供帮助. 看到题目的第一眼,有 阅读全文
posted @ 2016-09-04 22:04 小精灵儿Pawn 阅读(1277) 评论(6) 推荐(1) 编辑
摘要:Deferred在jQuery和Angular中的使用与简单实现 Deferred是在jQuery1.5版本中加入的,并且jQuery使用它完全重写了AJax,以前也只是偶尔使用.但是上次在使用Angular做一个小应用的时候,遇到一个问题, 我将我的AJax请求放在了自己定义的factory中,并 阅读全文
posted @ 2016-08-14 00:37 小精灵儿Pawn 阅读(1384) 评论(1) 推荐(2) 编辑
摘要:JavaScript框架设计(四) 字符串选择器(选择器模块结束) 经过前面 "JavaScript框架设计(三) push兼容性和选择器上下文" 的铺垫,实现了在某一元素下寻找,现在终于进入了字符串选择器 首先,我们解决组合选择器,因为在一个选择器字符串中,它的优先级是最低的. 组合选择器 由于组 阅读全文
posted @ 2016-08-04 22:42 小精灵儿Pawn 阅读(573) 评论(1) 推荐(2) 编辑
摘要:JavaScript框架设计(三) push兼容性和选择器上下文 博主很久没有更博了. 在上一篇 "JavaScript框架设计(二)" 中实现了最基本的选择器, getId , getTag 和 getClass ,并且解决了 document.getElementsByClassName() 这 阅读全文
posted @ 2016-08-01 20:25 小精灵儿Pawn 阅读(1328) 评论(5) 推荐(2) 编辑
摘要:JavaScript 高级框架设计 (二) 上一篇, "JavaScript高级框架设计(一)" 我们 实现了对tag标签的选择 下来我们实现对id的选择,即id选择器. 我们将上一篇的get命名为getTag(),然后再编写一个getId(),和getClass() 然后在总的get方法中调用,这 阅读全文
posted @ 2016-07-23 14:46 小精灵儿Pawn 阅读(1275) 评论(3) 推荐(2) 编辑
摘要:JavaScript 高级框架设计 在现在,jQuery等框架已经非常完美,以致于常常忽略了JavaScript原生开发,但是这是非常重要的. 所以,我打算写一个简单的框架,两个目的 熟练框架的思想 熟练DOM操作. 所以我打算,模仿jQuery,实现一个简单的类似jQuery的库 Hpawn. 关 阅读全文
posted @ 2016-07-21 23:40 小精灵儿Pawn 阅读(2962) 评论(0) 推荐(1) 编辑

如果您觉得此文有帮助,可以打赏点钱给我支付宝。 谢谢 -):