前端概念
机智勇敢的放牛娃
这个作者很懒,什么都没留下…
展开
-
关于reflow回流问题
reflow(英音:[ri:’fləu] 美音:[ri’flo])在词典中的解释是回流,逆流。而在web应用中,翻译为回流有些牵强。我个人觉得,理解为回炉(重新塑形),似乎更加形象一点。举个例子,页面上节点是以树的形式展现的。假如我使用JavaScript砍掉一个节点,这棵树为了不脱节,肯定要重新梳理一遍,将砍掉的那个断点重新结合起来又形成一颗完整的树,而这个结合梳理过程就是这里的reflow,所转载 2016-04-19 11:05:15 · 864 阅读 · 0 评论 -
WEB页面的客户端缓存
对于web页面中的js和css文件,浏览器并不是每次都请求完整的内容,有时候会直接利用本地的缓存。有一些页面,我们不会经常性的更新,页面内容比较固定,那么如果我们每次请求的时候都要重新加载一遍静态文件,这无疑对服务器来说是一种浪费,因此我们会希望能够将这些不会经常变动的静态文件缓存到客户端,这样我们在发送http请求时,服务器只要响应部分文件就可以了,那些不会经常变动更改的文件直接从客户端缓存转载 2016-04-20 09:28:37 · 4020 阅读 · 0 评论 -
js模块化历程
原文转自:http://www.cnblogs.com/lvdabao/p/js-modules-develop.html这是一篇关于js模块化历程的长长的流水账,记录js模块化思想的诞生与变迁,展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑,没经历过的人也应该知道这段历史。 无模块时代在ajax还未提出之前,js还只是一种“玩具语言”,由Bren转载 2016-05-16 15:37:01 · 907 阅读 · 0 评论 -
利用a标签自动解析URL
原文出自:http://www.cnblogs.com/Wayou/p/things_you_dont_know_about_frontend.html很多时候我们有从一个URL中提取域名,查询关键字,变量参数值等的需要,而万万没想到可以让浏览器方便地帮我们完成这一任务而不用我们写正则去抓取。方法就在JS代码里先创建一个a标签然后将需要解析的URL赋值给a的href属性,然后就得到了一切我转载 2016-05-16 20:31:28 · 819 阅读 · 0 评论 -
前端性能分析
原文转自:http://www.cnblogs.com/strick/p/5475758.html?ref=myread有个官方网址《Even Faster Web Sites》,点击“Run the Examples”按钮,就能进入在线demo。在Github上面有个叫awesome-wpo的项目,里面记录了各个方面关于性能的资源,有书籍、文章、工具等。下面所有的实验都是转载 2016-05-17 14:05:25 · 751 阅读 · 0 评论 -
认识WebSocket
认识HTML5的WebSocket在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API:它可用于客户端、服务器端。而且有一个优秀的第三方API,名为S转载 2016-04-20 18:00:21 · 360 阅读 · 0 评论 -
百度移动端首页前端速度那些事儿
原文转自:https://segmentfault.com/a/11900000058849851 长什么样?我们的业务就是 https://m.baidu.com别以为只有一个搜索框,我们还有下面丰富的卡片内容,可以提供各式各样的服务。如图1.1图1.1其实整个页面的逻辑相对是比较复杂的。还有各式各样的卡片,轻轻下拉,即可看到,如图1.2图1.转载 2016-07-18 11:28:29 · 1976 阅读 · 0 评论