关注IMWeb前端社区公众号

  • 第一时间获得最新、最火的技术干货
  • 定期推送您所关注的专题文章
  • 和大牛们一起讨论前端技术
  • 获取IMWeb社区、前端相关的最新活动
热文 更多

  • 《大咖云集!IMWebConf 2018 前端大会即将在深圳盛大开幕》

    IMWEBCONF 2018 前端大会,10 月 14 日重磅来袭! 想了解 2018 前端前沿技术和发展趋势?想挖掘前端更深远的价值?就在这个秋季,第七届 IMWebConf 大会重磅来袭,我们邀请您一起参加这场盛宴,与前端大神们一起碰撞技术的火花,寻找你心中关于技术的答案。 [http://imweb-io-1251594266.cos.ap-guangzhou.myqcloud.com/facfa14d07ad434d518f0d544cc7971f.png] 关于IMWEBCONF IMWebConf 是由 腾讯前端 IMWeb 团队 发起的 国内顶级前端技术领域开发者大会 。 大会从2011年举办至今,已经成功举办六届,累计探讨的议题超过上百个,线上线下参会者数千人,累计影响前端爱好者超过数十万人。第七届 IMWebConf 就在这个秋季即将来袭,我们匠心打造,从挑选讲师,到Topic审核,到会场设计,无一不追求高标准高品质,力求让每位参加者都能享受到优越的待遇,有机会与国内外知名前端大神交流,直接接触前端一线技术,干货满满,诚意满满,让你值会票价。 大会内容

  • 网站性能优化实战——从12.67s到1.06s的故事

    ——本文是对之前同名文章的修正,将所有webpack3的内容更新为webpack4,以及加入了笔者近期在公司工作中学习到的自动化思想,对文章内容作了进一步提升。 [http://imweb-io-1251594266.cos.ap-guangzhou.myqcloud.com/f6b5866df6448740638d0bc0919f3ac2.png] 0.引言 作为互联网项目,最重要的便是用户体验。在举国“互联网+”的热潮中,用户至上也已经被大多数企业所接收,特别是在如今移动端快速发展的时代,我们的网页不仅只是呈现在用户的PC浏览器里,更多的时候,用户是通过移动产品浏览我们的网页。加之有越来越多的开发者投入到Web APP和Hybrid

  • React 16 加载性能优化指南

    原文链接: https://zhuanlan.zhihu.com/p/37148975 [https://zhuanlan.zhihu.com/p/37148975] 作者:王伟嘉 关于 React 应用加载的优化,其实网上类似的文章已经有太多太多了,随便一搜就是一堆,已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布,很多过去的优化手段其实都或多或少有些“过时”了,而正好最近一段时间,公司的新项目迁移到了 React 16 和 Webpack 4.0,做了很多这方面的优化,所以就写一篇文章来总结一下。 零、基础概念 我们先要明确一次页面加载过程是怎样的(这里我们暂时不讨论服务器端渲染的情况)。 一次渐进式加载的全过程 : [http://imweb-io-1251594266.cos.ap-guangzhou.myqcloud.com/8cff9d369bee6507013f2b012797fbbb.jpg] 1. 用户打开页面,这个时候页面是完全空白的;

  • 如何掌握高级react设计模式: Render Props【译】

    原文链接: How To Master Advanced React Design Patterns: Render Props [https://itnext.io/using-advanced-design-patterns-to-create-flexible-and-reusable-react-components-part-3-render-d7517dfe72bc] 在本系列的第1部分中,我们探讨了如何使用复合组件和静态类属性来构建可读可重用的 Stepper 组件。我们看到这种设计模式有一些局限性,因为它不是很灵活; 组件需要是父组件的直接子组件,否则 props 传递会中断。 点击此处查看第1部分 [http://imweb.io/topic/5b3f03f44d378e703a4f4456] 在第2部分中,我们使用新的 Context API 为第1部分的限制提供了优雅且可读的解决方案。可这种设计模式的问题在于它需要一些初始设置才能工作,并且我们的组件不能放在另一个应用程序中。

  • 你不知道的 Electron (一):神奇的 remote 模块

    [http://imweb-io-1251594266.file.myqcloud.com/Fq7XodzOx_LoTtM9OkQzvuRI5iLe] 在上一篇 Electron 进程通信 [http://imweb.io/topic/5b13a663d4c96b9b1b4c4e9c] 中,介绍了 Electron 中的两种进程通信方式,分别为: 1. 使用 ipcMain 和 ipcRenderer 两个模块 2. 使用 remote 模块 相比于使用两个 IPC 模块,使用 remote 模块相对来说会比较自然一点。 remote 模块帮我们屏蔽了内部的进程通信,使得我们在调用主进程的方法时完全没有感知到主进程的存在。 上一篇 Electron 进程通信 [http://imweb.io/topic/5b13a663d4c96b9b1b4c4e9c] 中,对 remote 的实现只是简单的说了下它底层依旧是通过 ipc 模块来实现通信: 通过 remote

热问 更多

  • 赵鹏帆 2018-06-07 10:40

    如题:参考https://twitter.com/necolas/status/829128165314306048?utm_source=feweekly&utm_campaign=issue42&utm_medium=web PWA(做离线化的)目前有这么成熟吗? 这个是否也说明以Javascript为基础的全栈体系正在逐渐落地?

  • 大漠刀客 2018-01-13 17:42

    js高级程序设计里说 this 引用的是函数执行的环境对象, 下面foo()在window下执行,环境对象就是window? * function foo(){ * alert(this); * } * foo(); * 那么函数嵌套为什么也是[object Window]?比如下面的 * function foo(){ * function foo2(){ * alert(this); * } * foo2(); * } * foo(); 输出的还是window * function SpecialArray(){ * alert(this); * } * alert(this); * SpecialArray(); * var colors = new SpecialArray(); 弹出的依次是[object Window],[object Window],[object Object]?这里的Object又是什么情况

  • 络黎 2017-10-19 17:31

    请指出JavaScript宿主对象和原生对象的区别?