IONIC介绍 发现国内前端圈里面,现在知道IONIC的人已经很少了,但毕竟这东西也是一门不错的移动端开发技术,感觉可能大多数人对于新技术的追求和尝试,让这个技术看起来地位略微尴尬。 但是,毫无疑问,这门技术,在全球还是相对比较流行的。 I[…]
分类:前端
版本vue-cli3+ 在vue中,我们一般都会遇到这样的场景: 从列表页切换到详情页,返回到列表页的时候,需要列表位置还在原先进入详情的时候的位置。 首先,对于列表页,我们应该做缓存处理,关于路由的缓存,可以参考这篇文章:路由缓存 而在l[…]
vue-router的前进后退动画效果判定 vue中,我们常见的路由切换,有从A页面切换到B页面,然后从B页面后退回A页面,此时,如果没有做相应的处理,vue的页面切换动画就会是默认的一直是从右方进入。 对于我们用户来说,这就造成了视觉上面[…]
项目升级到vue-cli3之后,之前一些遗留的代码变成习惯都需要更改。所以,在公司的项目上,这几个月一直在做重构性的工作。 工作主要涉及到一下几点: 1、项目从v2迁移到v3,除了一些页面迁移工作,还需要把环境配置,npm包的取舍做好。 2[…]
前言 diff算法一直是React系统最核心的部分,并且由于演化自传统diff,使得比较方式从O(n^3)降级到O(n),然后又改成了链表方式,可谓是变化万千。 传统Diff算法 传统diff算法需要循环比较两棵树,所有节点的循环,那么单纯[…]
前言 JavaScript中关于数组的判定问题,一直都是一个必须要掌握的点,那么,运用知识,如何判断一个类型是数组,就需要有对JavaScript使用有着深入的了解。 判断方法 一、Array.isArray ES5新增的数组方法,Arra[…]
this是困惑JavaScript开发者的一大‘毒瘤’,在开发过程中,但凡用到this的时候,我们都会很头疼,那么这个this在JavaScript中到底是怎么样的?身为一个前端coder,这是一个避不开的话题。 经典代码 下面,我们先开看[…]
什么是作用域 程序的执行,离不开作用域,也必须在作用域中才能将代码正确的执行。 所以作用域到底是什么,通俗的说,可以这样理解:作用域就是定义变量的位置,是变量和函数的可访问范围,控制着变量和函数的可见性和生命周期。 而JavaScript中[…]
前言 刚接触到JavaScript的时候,便知道JavaScript是按顺序执行的,是如浏览器的解析DOM树一样的流程,解析DOM结构的时候,如果遇到JS脚本或者外联脚本便会停止解析,继续下载脚本之后,执行脚本,然后再解析DOM。 然而,却[…]
前言 在第二小节中,我们讨论了利用TypeScript创建Web项目的实现,在本下节,我们讨论一下如何结合React创建一个具备TypeScript类型的应用项目。 准备 Webpack配置在第二小节项目的基础上做了一些修改, 添加Reac[…]