摘要: 防抖 Debounce 函数防抖就是,延迟一段时间再执行函数,如果这段时间内又触发了该函数,则延迟重新计算; javascript // underscore.js debounce // // Returns a function, that, as long as it continues to 阅读全文
posted @ 2017-09-13 11:38 HanYif 阅读(3044) 评论(1) 推荐(2) 编辑
摘要: ``是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。 相似,`` 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。 __prop:__ include: 字符串或正则表达式。只有匹配的组件会被缓存。 exclude: 字符串或正则表达式。任何匹 阅读全文
posted @ 2017-08-30 17:47 HanYif 阅读(221473) 评论(13) 推荐(28) 编辑
摘要: 个人感觉对于前端优化,尤其是图片优化方面了解不多,趁着周末阅读了几篇关于这方面的文章,收获满满,在这里做一个简单的小结。 参考文章: "图片延迟加载方案 by 齐修" "图片较多的网站,如淘宝京东、美丽说花瓣、QQ空间、百度图片等都采用哪些技术优化图片展示? by 秦墨鱼" "图片延迟加载策略(Ja 阅读全文
posted @ 2017-08-13 17:43 HanYif 阅读(874) 评论(0) 推荐(1) 编辑
摘要: AngularJs 登录的简单实现 多数AngularJs应用离不开登录操作,最近阅读了一篇关于AngularJs登录的博客,博客中实现的登录系统demo能够应用于多数小型AngularJs应用,实现也并不困难,这里讲讲如何实现这个简单的登录系统。 种子项目 这里使用的种子项目是 ,登录系统会在这个 阅读全文
posted @ 2016-12-14 15:51 HanYif 阅读(13927) 评论(1) 推荐(0) 编辑
摘要: 最近学习了《Javascript高级程序设计》面向对象部分,结合书中的例子总结一下原型链和继承部分的内容。 创建对象 在Js当中没有类这个概念,当我们想要创建具有相同属性的对象的时候,有如下解决方法: 工厂模式 构造函数模式 原型模式 其中,原型模式在Js中应用更加广泛,下面逐一对上述模式进行介绍。 阅读全文
posted @ 2016-07-20 17:39 HanYif 阅读(341) 评论(0) 推荐(0) 编辑
摘要: 今天在完成前端的简单练习时发现了一些兼容性的问题,百度后得以解决. 这里主要讨论Firefox与Chrome的兼容性问题. textContent与 innerText 在javascript中, 为了获取节点的文本, 我们可以考虑使用节点的 、或者 , 然而,两者都并不能很好对所有浏览器进行兼容. 阅读全文
posted @ 2016-04-12 17:09 HanYif 阅读(2136) 评论(0) 推荐(1) 编辑
摘要: 任务八 : 响应式网格(栅格化)布局 目标:实现效果如图 知识点 属性 的使用: 当元素的宽度、高度确定时, 将元素的padding, border都将在设定的高度和宽度内绘制;也就是说,无论你的padding和border如何变化,它都不会超出预先设定好的宽度和高度. 清楚浮动防止高度塌陷: 设外 阅读全文
posted @ 2016-03-23 11:37 HanYif 阅读(5400) 评论(0) 推荐(0) 编辑