2015年6月16日
CSS中如何实现未知尺寸图片垂直居中
摘要： 在曾经的 淘宝UED 招聘 中有这样一道题目：“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”当然出题并不是随意，而是有其现实的原因，垂直居中是 淘宝 工作中最常遇到的一个问题，很有代表性。题目的难点在于两点： 1.垂直居中； 2.图片是个置换元... 阅读全文
posted @ 2015-06-16 16:27 WEB前端开发之路 阅读(443) 评论(0) 推荐(0) 编辑
CSS背景100%平铺 浏览器缩小背景显示不全解决办法
摘要： 本文我们分享前端CSS背景100%平铺,浏览器缩小背景显示不全bug解决的两个方法，如果你也遇到了，那么就可以参考下面文章。把浏览器的窗口缩小时，拖动滚动条时你会发现原本设定的CSS背景100%平铺的背景少了一块，而且窗口越小时，空白越大。解决方法：width:100%;min-width:990p... 阅读全文
posted @ 2015-06-16 16:14 WEB前端开发之路 阅读(3314) 评论(0) 推荐(1) 编辑
2015年6月9日
Chrome开发者工具之JavaScript内存分析
摘要： 阅读目录对象大小(Object sizes) 对象的占用总内存树 支配对象(Dominators) V8介绍 Chrome 任务管理器 通过DevTools Timeline来定位内存问题 内存回收 拍一个快照 清除快照 切换快照视图 通过不同颜色区分对象 Summary view(概要视图) Co... 阅读全文
posted @ 2015-06-09 17:40 WEB前端开发之路 阅读(2378) 评论(0) 推荐(0) 编辑
Js内存回收
摘要： Javascript的世界中,隐藏了很多内存陷阱,不能得到合理释放的内存会埋下各种隐患,本文旨在以实用角度去解读Js涉及到的内存,且看勇士如何斗恶龙~javascript 内存 回收 本文可以看做是之前那篇勇士斗恶龙之没那么复杂的Js闭包的后续篇,在思考闭包中内存的问题时,有了写此文的冲动. ... 阅读全文
posted @ 2015-06-09 17:21 WEB前端开发之路 阅读(2374) 评论(0) 推荐(1) 编辑
js内存泄露的几种情况详细探讨
摘要： 内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束，由于浏览器垃圾回收方法有bug，会产生内存泄露，下面与大家详细探讨下内存泄露的几种情况内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的... 阅读全文
posted @ 2015-06-09 17:10 WEB前端开发之路 阅读(557) 评论(0) 推荐(0) 编辑
JavaScript内存优化
摘要： JavaScript内存优化相对C/C++ 而言，我们所用的JavaScript 在内存这一方面的处理已经让我们在开发中更注重业务逻辑的编写。但是随着业务的不断复杂化，单页面应用、移动HTML5 应用和Node.js 程序等等的发展，JavaScript 中的内存问题所导致的卡顿、内存溢出等现象也变... 阅读全文
posted @ 2015-06-09 17:03 WEB前端开发之路 阅读(885) 评论(0) 推荐(0) 编辑
2015年6月2日
浏览器加载和渲染html的顺序
摘要： 前阵子，在组内给大家做了一次关于“浏览器加载和渲染HTML的顺序”的分享，这里再总结一下吧。AD：干货来了,不要等！WOT2015 北京站演讲PPT开放下载！1.浏览器加载和渲染html的顺序浏览器加载和渲染html的顺序IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。在渲... 阅读全文
posted @ 2015-06-02 17:56 WEB前端开发之路 阅读(16869) 评论(0) 推荐(2) 编辑
浏览器的重绘与重排
摘要： 在项目的交互或视觉评审中，前端同学常常会对一些交互效果质疑，提出这样做不好那样做不好。主要原因是这些效果通常会产生一系列的浏览器重绘 (redraw)和重排(reflow)，需要付出高昂的性能代价。那么，什么是浏览器的重绘和重排呢？二者何时发生以及如何权衡？如何在具体的开发过程 中将重绘和重排引发的... 阅读全文
posted @ 2015-06-02 17:46 WEB前端开发之路 阅读(4088) 评论(0) 推荐(0) 编辑
JS性能--DOM编程之重排与重绘
摘要： 浏览器下载完页面中的所有组件----HTML标记，Js，CSS，图片等之后会解析并生成两个内部数据结构：DOM树 -------- 表示页面结构渲染树 -------- 表示DOM节点如何显示 DOM树中的每一个需要显示的节点在渲染树中至少存在一个对应的节点（隐藏的DOM元素在渲染树中没有对应... 阅读全文
posted @ 2015-06-02 17:45 WEB前端开发之路 阅读(487) 评论(0) 推荐(0) 编辑
常用的Javascript设计模式
摘要： 常用的Javascript设计模式 《parctical common lisp》的作者曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。 不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。... 阅读全文
posted @ 2015-06-02 16:49 WEB前端开发之路 阅读(555) 评论(3) 推荐(2) 编辑