带你深度解锁Webpack系列(优化篇)
前两篇文章中,主要是讲解了Webpack的配置,但是随着项目越来越大,构建速度可能会越来越慢,构建出来的js的体积也越来越大,此时就需要对Webpack的配置进行优化。如果你还没有看过前两篇,推荐先阅读《带你深入解锁Webpack系列(基础篇)》和《带你深入解锁Webpack系列(进阶篇)》本文罗列
盘点这些年被黑的最惨的语言
来自:程序员最幽默(ID:humor1024)这些年,被黑过的语言数不胜数,最惨的要数HTML,但Java、Python等也惨遭黑手。比惨?这就来一波。HTMLHTMLC语言C语言JavaJavaJavaJavaJavaJavaScriptJavaScriptJavaScriptPHPPHPPHPP
5 个提升你 JS 编码水平的实例
•作者:陈大鱼头•github:KRISACHAN[1]虽然2020的今天,各种前端框架、工具林立,而这些框架跟工具也帮我们提前解决了不少麻烦的问题,但是工具始终是工具,扎实的基本功才是最核心的,现在一起来通过几个实际的代码片段来提高我们原生JS的编码水平。判断数据类型首先来提问一个:typeof是
字节跳动今日头条前端面经(4轮技术面+hr面)
作者:甘先森https://juejin.im/post/5e6a14b1f265da572978a1d3笔者读大三,前端小白一枚,正在准备春招,人生第一次面试,投了头条前端,总共经历了四轮技术面试和一轮hr面,不多说,直接上题:一面自我介绍,然后问了为什么学习前端算法:实现36进制转换简述http
巧用 CSS 实现酷炫的充电动画
作者:chokcocohttps://juejin.im/post/5e00240ee51d45583c1cc9a7循序渐进,看看只使用CSS,可以鼓捣出什么样的充电动画效果。画个电池当然,电池充电,首先得用CSS画一个电池,这个不难,随便整一个:欧了,勉强就是它了。有了电池,那接下来直接充电吧。最
带你深度解锁Webpack系列(优化篇)
前两篇文章中,主要是讲解了Webpack的配置,但是随着项目越来越大,构建速度可能会越来越慢,构建出来的js的体积也越来越大,此时就需要对Webpack的配置进行优化。如果你还没有看过前两篇,推荐先阅读《带你深入解锁Webpack系列(基础篇)》和《带你深入解锁Webpack系列(进阶篇)》本文罗列
带你深度解锁Webpack系列(优化篇)
前两篇文章中,主要是讲解了Webpack的配置,但是随着项目越来越大,构建速度可能会越来越慢,构建出来的js的体积也越来越大,此时就需要对Webpack的配置进行优化。如果你还没有看过前两篇,推荐先阅读《带你深入解锁Webpack系列(基础篇)》和《带你深入解锁Webpack系列(进阶篇)》本文罗列
12个前端必会的 H5 问题及解决方法
作者:suoyuesmilehttps://github.com/suoyuesmile/suo-blog/blob/master/articals/h5/0003.md前言作为一个开发了多个H5项目的前端工程师,在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下,并在后面
如何优雅处理前端异常?
(给前端宇宙加星标,提升前端小宇宙)作者:Jarttohttp://jartto.wang/2018/11/20/js-exception-handling/前端一直是距离用户最近的一层,随着产品的日益完善,我们会更加注重用户体验,而前端异常却如鲠在喉,甚是烦人。一、为什么要处理异常?异常是不可控的
55个提高你CSS开发效率的必备片段
(给前端宇宙加星标,提升你的前端小宇宙.)作者:Eno_Yaohttps://github.com/Wscats/CV/issues/2这篇文章会记录我们平时常用到的CSS片段,使用这些CSS可以帮助我们解决许多实际项目中遇到的问题,强烈建议点赞收藏再看,方便日后查找。清除浮动浮动给我们的代码带来的
京喜小程序的高性能打造之路
本文阅读时长约20分钟。京喜小程序开发团队核心成员倾力之作,都是干货,读完一定会收获满满,请大家耐心阅读~背景—京喜小程序自去年双十一上线微信购物一级入口后,时刻迎接着亿级用户量的挑战,细微的体验细节都有可能被无限放大,为此,“极致的页面性能”、“友好的产品体验”和“稳定的系统服务”成为了我们开发团
高性能前端架构解决方案
这篇文章介绍了一些使前端应用程序加载更快并提供良好用户体验的技术。我们将研究前端的总体架构,如何首先加载必需的资源,并最大化资源缓存的概率。无论你的页面是否需要成为客户端应用程序,还是如何优化应用程序的渲染时间,我都不会说太多后端如何传递资源。总览我将把应用程序加载分为三个不同的阶段:初始渲染–用户
为什么说for...of循环是JS中的宝石?
是什么使得一个编程语言的新特性很棒?当这个特性可以结合多个其它特性的时候。ES2015版本中引入的for...of语句就是这种情况。for...of可以迭代数组、类数组以及任何可以迭代的对象(maps、sets、DOM集合),并且,for...of的语句还很短。在这篇文章中,我将会演示for...o
十分钟上手ES2020新特性
前言ES2020是ECMAScript对应2020年的版本。这个版本不像ES6(ES2015)那样包含大量新特性。但也添加了许多有趣且有用的特性。本文的代码地址:https://github.com/ljianshu/Blog本文以简单的代码示例来介绍ES2020新特性。这样,你可以很快理解这些新功
项目不知道如何做性能优化?不妨试一下代码分割
前言最近我们在前端校招面试冲刺群里辅导简历的时候,经常有同学感叹不知道怎么优化项目,那不妨尝试下在项目中引入代码分割的方式提升性能。一、Web应用性能优化的关键关于Web应用性能优化,有一点是毫无疑问的:「页面加载越久,用户体验就越差」。我们几乎可以说Web应用性能优化的关键之处就在于:减少页面初载
如何快速提升 JSON.stringify() 的性能?
(给前端宇宙加星标,提升你的前端小宇宙)作者:AlienZHOU(百度)https://juejin.im/post/5cf61ed3e51d4555fd20a2f31.熟悉的JSON.stringify()在浏览器端或服务端,JSON.stringify()都是我们很常用的方法:将JSONobje
前端缓存最佳实践
来源:黑金团队——掘金前言缓存,这是一个老生常谈的话题,也常被作为前端面试的一个知识点。本文,重点在与探讨在实际项目中,如何进行缓存的设置,并给出一个较为合理的方案。在介绍缓存的时候,我们习惯将缓存分为强缓存和协商缓存两种。两者的主要区别是使用本地缓存的时候,是否需要向服务器验证本地缓存是否依旧有效
CSS 渲染原理以及优化策略
(给前端宇宙加星标,提升前端小宇宙)转载自:http://jartto.wang/2019/10/23/css-theory-and-optimization/作者:Jartto推荐理由:由浅入深,鞭辟入里。提起CSS很多童鞋都很不屑,尤其是看到RedMonk2019ProgrammingLangu
平庸前端码农之蜕变 — AST
前言首先,先说明下该文章是译文,译文地址:https://juejin.im/post/5bfc21d2e51d4544313df666,原文出自《ASTforJavaScriptdevelopers》。很少花时间特地翻译一篇文章,咬文嚼字是件很累的事情,实在是这篇写的太棒了,所以忍不住想和大家一起
大厂是怎么做移动端适配的
前言随着Web技术的革新,移动端适配方案也在不断的变化,网上有很多关于移动端适配的文章,说什么rem布局已经过时,vm适配才是最好的适配方案。有这种理解的同学是错误的,任何适配方案都有它的优缺点,要结合自己的使用场景来进行选择。文章先讲一下几种常见的适配方案,然后再看看几个大厂(腾讯、京东、网易、小