您当前位置: 首页 »

web前端

分类目录归档: web前端 - 第12页

js中的垃圾回收机制

js具有自动垃圾回收机制,执行环境会负责管理代码执行过程中使用的内存。 首先先看看js分配内存的生命周期: 内存分配:当我们申明变量、函数、对象的时候,系统会自动为他们分配内存 内存使用:即读写内存,也就是使用变量、函数等 内存回收:使用完毕,由垃圾回收自动回收不再使用的内存 通过js的内存生命周期可以看出,js的垃圾 …

read more

通过浏览器的渲染原理了解CSS的性能优化

平时我们几乎每天都在和浏览器打交道,写出来的页面很有可能在不同的浏览器下显示的不一样。苦逼的前端攻城师们为了兼容各个浏览器而不断地去测试和调试,还在脑子中记下各种遇到的BUG及解决方案,而我们好像并没有去主动地关注和了解下浏览器的工作原理。如果我们对此做一点了解,我想在项目过程中就可以根据它有效的避免一些问题以及对页面 …

read more

关于闭包的见解

关于JavaScript 闭包大多认可的解释是: JavaScript 闭包的本质源自两点,词法作用域和函数当作值传递。 词法作用域,就是,按照代码书写时的样子,内部函数可以访问函数外面的变量。引擎通过数据结构和算法表示一个函数,使得在代码解释执行时按照词法作用域的规则,可以访问外围的变量,这些变量就登记在相应的数据结 …

read more

如何在电脑端调试微信网页

以下方法可能不太好用了,所以还是直接用微信开发者工具吧,如果需要在手机端查看console的信息,则可以在页面中引入 <script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js"></script> …

read more

前端工程与性能优化

每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则,还有两本很经典的性能优化指导书:《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染,基本都能一一列举出来。这些性能优化原则大概是在7年前提出的,对于web性能优化至 …

read more

大型网站web前端性能优化

前百度工程师,曾负责百度 前端集成解决方案 的核心设计与开发工作。我现在称这个领域为【前端工程】。没错,这是我最爱唠叨的问题域。 这是一个非常有趣的 非主流前端领域,这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题,入行到现在一直在学习和实践中。 在我的印象中,facebook是这个领域的鼻祖,有兴趣、 …

read more

js正则获取固定首尾的字符串

js正则获取固定首尾的字符串,本例子中是js正则从style中获取border开头,radius结尾的所有关于元素圆角即border-radius的所有属性: <script> var attrStr = "width: auto; min-wid …

read more

JavaScript中对字符串有哪些高效的处理方法?

最高效的方式是直观去用不要去考虑性能,你好他也好,省事还方便。因为很多时候这并不是性能的瓶颈。 好吧,如果有时确实遇到 js 字符串操作很费性能了(这在加解密、大文件处理等场景下可能会遇到),那么最高效的方式就是不要用字符串,js 的 primitive 字符串在方法调用的时候,性能是比较低效的,因为伴随着 auto …

read more

转:遇见Javascript类型数组(Typed Array)

我在Chrome的最新动态里提到了Typed Arrays(Typed Array,类型数组)这个概念,可能对很多人来说非常陌生,那么它是什么,又有什么用途呢? 之前的问题 Web应用程序变得越来越强大,例如新增了音视频处理、WebSocket等多个功能特性。毫无疑问,如果Javascript能够快速方便的操作原始二进 …

read more

转载:Chrome 35个开发者工具的小技巧

谷歌浏览器如今是Web开发者们所使用的最流行的网页浏览器。伴随每六个星期一次的发布周期和不断扩大的强大的开发功能,Chrome变成了一个必须的工具。大多数可能熟悉关于chorme的许多特点,例如使用console和debugger在线编辑CSS。在这篇文章中,我们将分享一些很酷的技巧,让你能够更好的改进工作流程。 通过 …

read more