06 2015 档案

注意HTML的语言编码charset
摘要：注意HTML的语言编码的重要性目录charset编码重要性charset在html什么地方charset标签编码种类charset utf-8介绍charset GB2312介绍推荐网页编码因编码导致网页兼容一、编码重要性 - TOP编码可导致浏览者通过IE时候网页乱码，也可导致div+css的... 阅读全文
posted @ 2015-06-25 18:30 WEB前端开发之路 阅读(3029) 评论(0) 推荐(0)
做网站用UTF-8编码还是GB2312编码？
摘要：经常我们打开外国网站的时候出现乱码，又或者打开很多非英语的外国网站的时候，显示的都是口口口口口的字符， WordPress程序是用的UTF-8，很多cms用的是GB2312。经常我们打开外国网站的时候出现乱码，又或者打开很多非英语的外国网站的时候，显示的都是口口口口口的字符， WordPress... 阅读全文
posted @ 2015-06-25 18:29 WEB前端开发之路 阅读(1002) 评论(0) 推荐(0)
如何用sublime 编写sass
摘要：使用了Sublime Text也有一段时日了，然后在现在而言，小觉的coding工具已经非其莫属了，接着小觉因为近期忙着项目的原因，同时还要抽空编辑博客的原因，就暂时把它放在一旁了，现在偶然想起也就说下关于让Sublime Text支持SASS开发的方法。提示：没有安装Sass及SassBuild之... 阅读全文
posted @ 2015-06-25 18:28 WEB前端开发之路 阅读(333) 评论(0) 推荐(0)
前端优化-Img与background
摘要：当img 遇到 background，这个世界就是这么小~~~~~1 从解析机制看Img属于html标签，background是css方法。一个页面由html、css、js组成，按照浏览器解析机制，html标签优先解析。大家都知道css文件会放在head加载，但是这并不意味着它会立即执行，而是在h... 阅读全文
posted @ 2015-06-18 21:48 WEB前端开发之路 阅读(350) 评论(0) 推荐(0)
移动端图片优化
该文被密码保护。
posted @ 2015-06-18 21:16 WEB前端开发之路 阅读(0) 评论(0) 推荐(0)
base64：URL背景图片与web页面性能优化
摘要：一、base64百科Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一，可用于在HTTP环境下传递较长的标识信息。某人： 唉，我彻底废柴了，为何上面明明是中文，洒家却看不懂嘞，为什么？好吧，我也不喜欢专业术语的解释。你只要知道，base64编码就是长得像下面这样子的代码：thunde... 阅读全文
posted @ 2015-06-18 21:15 WEB前端开发之路 阅读(532) 评论(0) 推荐(0)
移动网站性能优化：网页加载技术概览
摘要：性能一直是网站成功的关键。越来越多的研究已经证明，不管是小型电商，还是像沃尔玛那样的连锁店，即使是页面加载时间方面的细微改善，都可以带来更多的业务，更多的广告收入，更多的用户粘性和更多的客户满意度。在过去几年，Web开发者都是基于改善硬件或者提高带宽速度来优化用户体验。但是最近几年，爆炸式的移动We... 阅读全文
posted @ 2015-06-18 20:38 WEB前端开发之路 阅读(299) 评论(0) 推荐(0)
@import导入外部样式表与link链入外部样式表的区别
摘要：昨天碰到同事问了一个问题，@impor导入外部样式与link链入外部样式的优先级是怎样的，为什么实验的结果是按照样式表导入后的位置来决定优先级。 今天就这个问题，度娘上找了很久，终于有个总结性的答案出来了。我感觉这个可信度还是挺高的。。如果大家有疑问或其他观点，欢迎一起探讨一下。具体总结如 下：先解... 阅读全文
posted @ 2015-06-16 19:22 WEB前端开发之路 阅读(2225) 评论(0) 推荐(0)
引入CSS文件的@import与link的权重分析
摘要：我很少在CSS用到@import这个标签，最近看到一句话“link方式的样式的权重高于@import的权重”，感觉不太对，@import只是一个引入外部文件而已，怎么会有高于link的权重呢？于是我比较懒，直接在一个静态页面里面测试了一下，分别把@import的样式放置在link的前面和后面测试，结... 阅读全文
posted @ 2015-06-16 19:21 WEB前端开发之路 阅读(1229) 评论(0) 推荐(0)
CSS中如何实现未知尺寸图片垂直居中
摘要：在曾经的 淘宝UED 招聘 中有这样一道题目：“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”当然出题并不是随意，而是有其现实的原因，垂直居中是 淘宝 工作中最常遇到的一个问题，很有代表性。题目的难点在于两点： 1.垂直居中； 2.图片是个置换元... 阅读全文
posted @ 2015-06-16 16:27 WEB前端开发之路 阅读(451) 评论(0) 推荐(0)
CSS背景100%平铺 浏览器缩小背景显示不全解决办法
摘要：本文我们分享前端CSS背景100%平铺,浏览器缩小背景显示不全bug解决的两个方法，如果你也遇到了，那么就可以参考下面文章。把浏览器的窗口缩小时，拖动滚动条时你会发现原本设定的CSS背景100%平铺的背景少了一块，而且窗口越小时，空白越大。解决方法：width:100%;min-width:990p... 阅读全文
posted @ 2015-06-16 16:14 WEB前端开发之路 阅读(3511) 评论(0) 推荐(1)
Chrome开发者工具之JavaScript内存分析
摘要：阅读目录对象大小(Object sizes) 对象的占用总内存树 支配对象(Dominators) V8介绍 Chrome 任务管理器 通过DevTools Timeline来定位内存问题 内存回收 拍一个快照 清除快照 切换快照视图 通过不同颜色区分对象 Summary view(概要视图) Co... 阅读全文
posted @ 2015-06-09 17:40 WEB前端开发之路 阅读(2517) 评论(0) 推荐(0)
Js内存回收
摘要：Javascript的世界中,隐藏了很多内存陷阱,不能得到合理释放的内存会埋下各种隐患,本文旨在以实用角度去解读Js涉及到的内存,且看勇士如何斗恶龙~javascript 内存 回收 本文可以看做是之前那篇勇士斗恶龙之没那么复杂的Js闭包的后续篇,在思考闭包中内存的问题时,有了写此文的冲动. ... 阅读全文
posted @ 2015-06-09 17:21 WEB前端开发之路 阅读(2402) 评论(0) 推荐(1)
js内存泄露的几种情况详细探讨
摘要：内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束，由于浏览器垃圾回收方法有bug，会产生内存泄露，下面与大家详细探讨下内存泄露的几种情况内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的... 阅读全文
posted @ 2015-06-09 17:10 WEB前端开发之路 阅读(566) 评论(0) 推荐(0)
JavaScript内存优化
摘要：JavaScript内存优化相对C/C++ 而言，我们所用的JavaScript 在内存这一方面的处理已经让我们在开发中更注重业务逻辑的编写。但是随着业务的不断复杂化，单页面应用、移动HTML5 应用和Node.js 程序等等的发展，JavaScript 中的内存问题所导致的卡顿、内存溢出等现象也变... 阅读全文
posted @ 2015-06-09 17:03 WEB前端开发之路 阅读(909) 评论(0) 推荐(0)
浏览器加载和渲染html的顺序
摘要：前阵子，在组内给大家做了一次关于“浏览器加载和渲染HTML的顺序”的分享，这里再总结一下吧。AD：干货来了,不要等！WOT2015 北京站演讲PPT开放下载！1.浏览器加载和渲染html的顺序浏览器加载和渲染html的顺序IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。在渲... 阅读全文
posted @ 2015-06-02 17:56 WEB前端开发之路 阅读(16942) 评论(0) 推荐(2)
浏览器的重绘与重排
摘要：在项目的交互或视觉评审中，前端同学常常会对一些交互效果质疑，提出这样做不好那样做不好。主要原因是这些效果通常会产生一系列的浏览器重绘 (redraw)和重排(reflow)，需要付出高昂的性能代价。那么，什么是浏览器的重绘和重排呢？二者何时发生以及如何权衡？如何在具体的开发过程 中将重绘和重排引发的... 阅读全文
posted @ 2015-06-02 17:46 WEB前端开发之路 阅读(4123) 评论(0) 推荐(0)
JS性能--DOM编程之重排与重绘
摘要：浏览器下载完页面中的所有组件----HTML标记，Js，CSS，图片等之后会解析并生成两个内部数据结构：DOM树 -------- 表示页面结构渲染树 -------- 表示DOM节点如何显示 DOM树中的每一个需要显示的节点在渲染树中至少存在一个对应的节点（隐藏的DOM元素在渲染树中没有对应... 阅读全文
posted @ 2015-06-02 17:45 WEB前端开发之路 阅读(500) 评论(0) 推荐(0)
常用的Javascript设计模式
摘要：常用的Javascript设计模式 《parctical common lisp》的作者曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。 不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。... 阅读全文
posted @ 2015-06-02 16:49 WEB前端开发之路 阅读(595) 评论(3) 推荐(2)
JavaScript起点(严格模式深度了解)
摘要：格模式(Strict Mode)是ECMAScript5新增的功能,目前所有的主流浏览器的最新版本——包括IE10与Opera12——都支持严格模式,感兴趣的朋友可以了解下啊，希望本文对你有所帮助严格模式(Strict Mode)是ECMAScript5新增的功能。ECMAScript5虽然可以向后... 阅读全文
posted @ 2015-06-01 17:21 WEB前端开发之路 阅读(255) 评论(0) 推荐(0)
React 入门实例教程
摘要：现在最热门的前端框架，毫无疑问是 React 。上周，基于 React 的 React Native 发布，结果一天之内，就获得了 5000 颗星，受瞩目程度可见一斑。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写... 阅读全文
posted @ 2015-06-01 17:17 WEB前端开发之路 阅读(272) 评论(0) 推荐(0)
Javascript 严格模式详解
摘要：一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个： - 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为; ... 阅读全文
posted @ 2015-06-01 17:07 WEB前端开发之路 阅读(339) 评论(0) 推荐(0)
SeaJS与RequireJS最大的区别
摘要：SeaJS与RequireJS最大的区别 U_U 2013-06-20 16:21:12 执行模块的机制大不一样-----------------------------------由于 RequireJS 是执行的 AMD 规范, 因此所有的依赖模块都是先执行.使用 RequireJS 默认定义模... 阅读全文
posted @ 2015-06-01 14:50 WEB前端开发之路 阅读(728) 评论(0) 推荐(0)
AMD 和 CMD 的区别有哪些？
摘要：看到玉伯在介绍seajs和requirejs时，说“RequireJS 遵循的是 AMD（异步模块定义）规范，SeaJS 遵循的是 CMD （通用模块定义）规范”。能否详细（举例）说明下这个2个规范和实现的机制呢？2 条评论分享查看全部 7 个回答玉伯，因上努力，果上随缘。刘宗源、yi22、杨斌 等... 阅读全文
posted @ 2015-06-01 14:23 WEB前端开发之路 阅读(527) 评论(0) 推荐(0)
JS 关于(function( window, undefined ) {})(window)写法的理解
摘要：JS 关于(function( window, undefined ) {})(window)写法的理解 [网络整理](function( window, undefined ) {})(window);这个，为什么要将window和undefined作为参数传给它？(function( $, un... 阅读全文
posted @ 2015-06-01 13:23 WEB前端开发之路 阅读(337) 评论(0) 推荐(0)