摘要: 背景 大部分场景下我们对懒加载的定义实际上是对于图片而言的,对于图片进入可视区域之后去请求图片资源的这种情况、这种case实际上就是一个典型的懒加载的case。这些资源虽然是HTML DOM上的,但是这些资源没有进入可视区域之前,这些图片资源并没有由浏览器发出请求去请求这些图片资源,为什么呢? 对于 阅读全文
posted @ 2018-04-02 15:05 _Liu 阅读(731) 评论(1) 推荐(1) 编辑
摘要: 最近公司做的业务都是使用Vue、Element写的,涉及到的相应的基础业务像轮播、预加载、懒加载,都是使用 NPM上的工具来实现,原理和基础还是要有的,就来实现几个项目中常用到的业务。 经常见到这样的效果,导航在页面中间,当界面滚动到导航的时候,导航就变成了 布局。为了看效果,我加了边框。 刚开始, 阅读全文
posted @ 2018-03-31 19:17 _Liu 阅读(2044) 评论(0) 推荐(0) 编辑
摘要: 一个存取或更改数据库的程序的运行成为数据库 事务 ,简称事务。事务是数据库应用程序的基本逻辑单位。下面我们详细说事务的操作、状态和状态转换。 1. 事务中的读写操作 在并发控制和数据库恢复技术中,我们只需在数据项和磁盘块的级别上考虑事务中的数据库操作。在这个级别上,事务中的数据库操作只包括以下两个读 阅读全文
posted @ 2018-01-25 13:31 _Liu 阅读(741) 评论(0) 推荐(0) 编辑
摘要: HTTP缓存是个大公司面试几乎必考的问题,写篇随笔说一下HTTP缓存。 1. HTTP报文首部中有关缓存的字段 在HTTP报文中,与缓存相关的信息都存在首部里,简单说一下首部。 首部 HTTP首部字段向请求报文和相应报文中添加了一些附加信息。本质上来说,它们只是一些键值对的列表。比如,下面的首部行会 阅读全文
posted @ 2018-01-23 16:32 _Liu 阅读(1660) 评论(0) 推荐(0) 编辑
摘要: 事务是一些列的数据库操作,是数据库应用程序的基本逻辑单位。事务处理技术主要包括并发控制技术和数据库恢复技术。并发控制和数据库恢复机制是数据库管理系统的重要组成部分,并发控制机制用来控制多个事务的并行运行,避免它们之间的互相干扰,保证每个事务都产生正确的结果。数据库恢复机制用来进行系统失败后的恢复处理 阅读全文
posted @ 2018-01-23 08:53 _Liu 阅读(768) 评论(0) 推荐(1) 编辑
摘要: 二叉树是一种很重要的数据结构,对于二叉树的遍历,有深度优先遍历和广度优先遍历,深度优先遍历又有先序、中序、后续遍历,广度优先遍历就是按层遍历。 1. 深度优先遍历 ___ 深度优先遍历,也就是先序、中序、后续遍历,我之前有一篇随笔已经说的很清楚了,在这里我只贴下代码就好了。 传送门: "详细教你实现 阅读全文
posted @ 2018-01-22 14:29 _Liu 阅读(8488) 评论(0) 推荐(0) 编辑
摘要: 了解React的同学都知道,React提供了一个高效的视图更新机制:Virtual DOM,因为DOM天生就慢,所以操作DOM的时候要小心翼翼,稍微改动就会触发重绘重排,大量消耗性能。 1.Virtual DOM Virtual DOM是利用JS的原生对象来模拟DOM,既然DOM是对象,我们也可以用 阅读全文
posted @ 2018-01-21 19:46 _Liu 阅读(982) 评论(0) 推荐(0) 编辑
摘要: 前端框架层出不穷,不过万变不离其宗,就是从MVC过渡到MVVM。从数据映射到DOM,angular中用的是watcher对象,vue是观察者模式,react就是state了。 React通过管理状态实现对组件的管理,通过this.state()方法更新state。当this.setState()被调 阅读全文
posted @ 2018-01-19 20:08 _Liu 阅读(12544) 评论(0) 推荐(0) 编辑
摘要: 现在我们的Redux和React Redux已经基本实现了,在Redux中,触发一个action,reducer立即就能算出相应的state,如果我要过一会才让reducer计算state呢怎么办?也就是我们如何实现异步的action呢?这里就要用到中间件(middleware) 1. 中间件(mi 阅读全文
posted @ 2017-12-31 12:49 _Liu 阅读(930) 评论(0) 推荐(0) 编辑
摘要: 接着上一篇讲,上一篇我们实现了自己的Redux和介绍了React的context以及Provider的原理。 1. Provider组件的实现 ________ Provider组件主要有以下下两个作用 1. 在整个应用上包一层,使整个应用成为Provider的子组件 2. 接收Redux的stor 阅读全文
posted @ 2017-12-27 23:05 _Liu 阅读(2630) 评论(0) 推荐(1) 编辑
摘要: react使用redux做状态管理,实现多个组件之间的信息共享,解决了父子组件、兄弟组件之间的复杂通信问题。vue有vuex,总之是一种flux的思想。react提供了react redux这个库,一看名字就知道是为了将react和redux关联起来,react redux有connect高阶函数以 阅读全文
posted @ 2017-12-26 20:07 _Liu 阅读(2952) 评论(0) 推荐(3) 编辑
摘要: 相信不少看过一些框架或者是类库的人都有印象,一个函数叫什么creator或者是什么什么createToFuntion,总是接收一个函数,来返回另一个函数。这是一个高阶函数,它可以接收函数可以当参数,也可以当返回值,这就是函数式编程。像柯里化、装饰器模式、高阶组件,都是相通的,一个道理。 本文重点是R 阅读全文
posted @ 2017-12-26 14:21 _Liu 阅读(4925) 评论(0) 推荐(1) 编辑
摘要: 查找基本分类如下: 1. 线性表的查找 顺序查找 折半查找 分块查找 2. 树表的查找 二叉排序树 平衡二叉树 B树 B+树 3. 散列表的查找 今天介绍 二叉排序树 。 二叉排序树 ( Binary Sort Tree ) 又称为 二叉查找树 ,它是一种对排序和查找都很有用的特殊二叉树。 1. 二 阅读全文
posted @ 2017-12-02 14:46 _Liu 阅读(1815) 评论(0) 推荐(1) 编辑
摘要: DOM“天生就慢”,所以前端各大框架都提供了对DOM操作进行优化的办法,Angular中的是脏值检查,React首先提出了Virtual Dom,Vue2.0也加入了Virtual Dom,与React类似。 本文将对于Vue 2.5.3版本中使用的Virtual Dom进行分析。 updataCh 阅读全文
posted @ 2017-11-28 16:50 _Liu 阅读(5432) 评论(0) 推荐(2) 编辑
摘要: 本篇是关于手写代码的题目。 1.实现一个trim函数 关于性能的写法也不多说了,只是用最直观的写法来写一下,使用正则有大概五六种写法,感兴趣可以自己去研究下,推荐《高性能JavaScript》 1.正则实现 trim leftTrim rightTrim 2.非正则实现 trim leftTrim 阅读全文
posted @ 2017-11-19 17:52 _Liu 阅读(1994) 评论(0) 推荐(0) 编辑
摘要: 最近面试拿了很多公司的实习offer,只要是面试的都通过了。 接下来就分析下面试题,也能给自己一个提升吧,以便后续的面试更轻车熟路些,题目没什么顺序,想起什么写什么,还有我面试过程中的一些小套路。 估计要写好多,每天写几道题,而且有些经验性的东西也不容易写出来 这篇写的都是类似一些概念性的理论东西。 阅读全文
posted @ 2017-11-11 21:36 _Liu 阅读(13849) 评论(0) 推荐(3) 编辑
摘要: 从大一开始学习前端,今年大三,10月份开始投简历,陆续收到很多家公司的面试,目前为止的面试通过率是百分之百,总结下面试题。 不定期更新中。。。 百度第一次 一面 1.AJAX流程 2.promise简单说一下 3.手写一个箭头函数 4.链式调用 5.简单的观察者模式 6.let、const 7.数组 阅读全文
posted @ 2017-11-09 22:15 _Liu 阅读(6714) 评论(7) 推荐(3) 编辑
摘要: 布局是面试中常问的问题,尤其是这类的题目,怎么答才好呢? 大多数人的第一个方法是浮动,没错,浮动。第二个方法呢?你回答定位,没错。第三个方法呢?.... 第四个方法呢?第五个方法呢?.... 其实能想起来两个方法的人,这道题已经不及格了。所以呀,我来说几种方法吧。 随便多说一点,如果你懂语意化开发并 阅读全文
posted @ 2017-11-04 15:48 _Liu 阅读(3322) 评论(1) 推荐(1) 编辑