关注IMWeb前端社区公众号

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

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

    史上最全面、最完整的网站性能监测与优化策略 [http://7tszky.com1.z0.glb.clouddn.com/FnOlb4cVEiPgdQc0omakE6ox8E3U] 0.引言 作为互联网项目,最重要的便是用户体验。在举国“互联网+”的热潮中,用户至上也已经被大多数企业所接收,特别是在如今移动端快速发展的时代,我们的网页不仅只是呈现在用户的PC浏览器里,更多的时候,用户是通过移动产品浏览我们的网页。加之有越来越多的开发者投入到Web APP和Hybrid APP的开发队伍中,性能,又再一次成为了被程序员们重点关注的话题。我曾经看到过这样一句话:一个网站的体验,决定了用户是否愿意去了解网站的功能;而网站的功能,决定了用户是否会一票否决网站的体验。这是改版自网络上的一句流行语,但却把网站性能这件事说的十分透彻,特别是在网站这样的项目中,如果一个用户需要超过5s才能看见页面,他会毫不犹豫地关闭它。

  • React入门级小白指北及常见问题解答

    1.前言 最近学习使用 React 开发课程项目,作为刚接触React的新人,其中遇到一些解决方式很简答,但却也需要花时间去寻找答案的问题。本着为新人节约时间的目的,才有了这篇文章。注释, 此样式文字说明其内容引用自官方文档内容。 2.合理定义组件 STATE 古语云,知其然知其所以然。在正式使用 React 前,理解其设计理念对于开发应用是十分有必要的,先来看看 React 的一些理念。 React 的众多优点之一是它让你在编写代码的时候同时也在思考你的应用。 React 官方文档的这句话,在应用拆分为组件,以及设计组件state的这个过程中体现的淋漓尽致。使用 React 开发应用的过程,也是不断在思考如何搭建应用的过程。 为了正确构建你的应用,首先你需要考虑你的应用所需要的最小可变状态集。 对于这句话的,我的理解是:组件中的 state 数据是用于记录组件当前交互的结果,而且 state 所记录的数据,应当做到既满足需求又不多余。那么如何去做到这些?官方文档中也给出了标准,即三个问题: 1.它是通过 props 从父级传来的吗?如果是,它可能不是 state。

  • Web前端工程师的基本素养

    ——论大前端时代下一名前端工程师必备技术栈 不会再有匀速前进的同龄人,你要么一骑绝尘,要么被远远抛下。 ——王耳朵先生 0.引言 在开始技术栈的介绍之前,先说说笔者写这篇文章的背景和我自己的情况吧。本人是一只初出茅庐的大三猿,平日里天马行空,特立独行,好读书、编程、码文,平生钟情于捣鼓技术,沉溺之时,废寝忘食。近日因参加了多家互联网企业的笔试面试,略有收获,适逢笔面试高峰,遂将多日来总结的经验梳理成文,与君共勉。愿所有读过我文章的人都能有所收获,及时地为自身查缺补漏,也祝和我一样准备校招的同学能够如愿进入心仪的公司,已经在职的工程师能在薪资上再上一个档次。 有句话说得好嘛:“没有offer的面经都是在耍流氓!”,因为这句话是我说的(这作者好不要脸),接下来该甩出我自己的里程碑啦: * 2018.4.4 15:00~16:30 搜狐面试 通杀一面二面,拿到offer * 2018.4.15 13:00~16:00 百度面试 通杀一面二面三面,拿到offer * 2018.4.16 9:30~12:30 京东面试 通杀一面二面三面,拿到offer

  • 网站性能优化实战篇(二)

    ——从WEBKIT内部渲染机制出发,谈网站渲染性能优化 本文是对前文: http://imweb.io/topic/5ab8c7832dd8083b7bedb859 [http://imweb.io/topic/5ab8c7832dd8083b7bedb859] 相关知识的补充,文中的“前文”一词同此。 特以此文向《WebKit技术内幕》作者朱永盛前辈致敬。 0.引言 自上次发布了《网站性能优化实战——从12.67s到1.06s的故事》一文后,发现自己对页面渲染性能这个版块介绍的内容还不够完善,为了更清晰的梳理浏览器渲染页面的机制,以让读者更为全面了解渲染性能优化的深层次原理,笔者在课余时间重新研读了一遍《WebKit技术内幕》一书,将自己的总结经验分享予论坛同僚。 让我们用自己的双手,创造出极致的页面渲染性能。 因为本文是基于前文的基础上拓展了相关内容,所以可能会有部分文字重复,希望大家不要介意。 1.浏览器内核 还是献上前文的那张浏览器渲染引擎、HTML解释器、JS解释器关系图:

  • 混乱式学习方法探究--一种新时代的学习方式

    引言 我是在2017年7月份正式学习的前端开发,现在是2018年3月,我感觉最有成长的即要是属于这个3月了,因为这个3月我把之前读过的一本书上的知识,加入到了自己的学习之中,我把它称之为混乱式学习方法,那什么是混乱式学习方法呢 ?且听我道来,希望对你有所帮助 注:受启发的书籍名称是《混乱:如何成为失控时代的掌控者》 [http://7tszky.com1.z0.glb.clouddn.com/Fg94m_bby33Tf-7L-3-rwQe6UIUs] 从这本书中吸取到的,可以运用到学习中的方法 先来看看这本书的几个观点 做事不光需要专注力,克制力,还要其他。而这些其他来源于任意震动 分心带来任意震动,任意震动带来不确定性 建议同时做多个事情,因为这样有好处 正式开篇 以前的学习都是照着一个方向走,今天要是要学JavaScript, 就一直学它,但是学到6个小时-8个小时左右的时候,就有点心力不足了。当一个月前运用到 《混乱:如何成为失控时代的掌控者》这本书上的内容,我开始尝试,不再一天只做一件事情,或者说只学一个方向的东西。 现在我的学习方式

热问 更多

  • 赵鹏帆 2017-11-23 10:43

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

  • 大漠刀客 1 个月前

    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又是什么情况

  • 络黎 1 个月前

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