摘要: 某些手机上 fixed 元素在页面滚动时会消失,某些 IOS 设备上触发不了点击事件,IOS 设备上点击事件有 300ms 延迟,IOS 设备上 fixed 元素在键盘弹起时位置会变幻不定,在弹窗上滑动时底部页面也跟着动,两年移动端前端开发,我TM都经历了什么阅读全文
posted @ 2018-09-30 14:04 DOM哥 阅读(203) 评论(1) 编辑
摘要: 【楼层定位】是前端日常开发中的常见需求。这个效果本身并没有什么高深的地方,不出意外的话,一般 Jser 在几十分钟之内就能搞出来一个。但如果把兼容性考虑进去,那情况就要复杂多了。尤其是移动端的兼容性,UI 表现不一致,scroll 事件触发不连续,blabla...。在经过一次实现这种需求的痛苦经历后,咱决心搞一个插件出来,不让前端的小伙伴们再被各种兼容性问题恶心到。阅读全文
posted @ 2018-02-01 09:46 DOM哥 阅读(138) 评论(0) 编辑
摘要: 前端朋友们,今天要介绍的这款小点心牛B了。相信每个前端都应该接触过这种效果,而且是非常流行的交互。这种弹窗的使用场景主要出现在移动端。为了以后不必再为写这种效果烦心,特此写了【底部浮现弹窗】小插件。阅读全文
posted @ 2018-01-17 12:35 DOM哥 阅读(794) 评论(4) 编辑
摘要: 小点心,顾名思义,开箱即食,拿来即用。弹窗就无需多说了,几乎所有存在交互的页面都会用到,一个页面上甚至会有 N 多个弹窗。弹弹弹,弹出鱼尾纹。如果从面向对象的角度去看,把弹窗看成一个类想必是极好的,与之绑定的DOM块是它的属性,打开和关闭是它的方法,而且这样可以实现弹窗样式和逻辑的分离。阅读全文
posted @ 2018-01-12 16:32 DOM哥 阅读(703) 评论(1) 编辑
摘要: 初看runtime源码,如入迷宫,小模块间跳来跳去,我是谁,我在哪,我为什么要打开它;再看runtime,眉目初现,绘出调用栈,如坐时光机,骨架渐渐明晰。再再看,炳如观火,代码层次结构已了然于胸。Vue 运行时模块主要是围绕 Vue 实例的生命周期展开的,它涵盖了 Vue 实例生命周期内所需要的全部设施,包括实例创建,响应的数据绑定,虚拟 DOM 等关键部分。本篇通过对 Vue 生命周期的各个阶段进行解析,从而描绘出 Vue 运行时的空中鸟瞰图。阅读全文
posted @ 2018-01-02 15:58 DOM哥 阅读(1111) 评论(2) 编辑
摘要: 2015 年是铭心刻骨的一年,这一年,股市崩盘,千古跌停,手里的两个票更是挨了腰斩,宝宝心里苦。同是这一年,ES6 标准落地,作为一名前端开发,宝宝心里又乐开了花。阅读全文
posted @ 2017-12-26 09:10 DOM哥 阅读(2170) 评论(12) 编辑
摘要: 本来以为 Vue 的编译器模块比较好欺负,结果发现并没有那么简单。每一种语法指令都要考虑到,处理起来相当复杂。上篇已经生成了 AST,本篇依然对 Vue 源码做简化处理,探究 Vue 是如果根据 AST 生成所需要的 render 函数的。阅读全文
posted @ 2017-12-25 16:25 DOM哥 阅读(1096) 评论(3) 编辑
摘要: Angular 是 Google 亲儿子,React 是 Facebook 小正太,那咱为啥偏偏选择了 Vue 下手,一句话,Vue 是咱见过的最对脾气的 MVVM 框架。之前也使用过 knockout,angular,react 这些框架,但都没有让咱产生 follow 的冲动。直到见到 Vue,简直是一见钟情啊。本篇将深入简出地探讨 Vue 根据 html 模板片段构建出 AST 的具体过程。这对 Vue 的使用通常没什么帮助,但熟悉这个过程会对 Vue 的内部工作原理有更清晰的认识。阅读全文
posted @ 2017-12-22 11:07 DOM哥 阅读(1288) 评论(4) 编辑
摘要: 大白话Vue源码系列目录阅读全文
posted @ 2017-12-20 10:04 DOM哥 阅读(1315) 评论(1) 编辑
摘要: Vue 的编译器模块相对独立且简单,本篇就从这块入手,先把它干掉。阅读全文
posted @ 2017-12-19 11:03 DOM哥 阅读(2062) 评论(2) 编辑