一步步从零开始用 webpack 搭建一个大型项目

作者:前端技匠 公号 / 罗学 (本文来自作者投稿)

原文地址:https://mp.weixin.qq.com/s/a0QFhcbwkhXStBfMOe7exA

很多人都或多或少使用过 webpack,但是很少有人能够系统的学习 webpack

配置,遇到错误的时候就会一脸懵,不知道从哪查起?性能优化时也不知道能做什么,网上的优化教程是不是符合自己的项目?等一系列问题!本文从最基础配置一步步到一个完善的大型项目的过程。让你对
webpack 再也不会畏惧,让它真正成为你的得力助手!

全文

OSCHINA 公布 2019 年度最受欢迎中国开源软件

原文地址:https://www.oschina.net/question/2918182_2313492

经过 22 天的投票评选,今天 2019
年度最受欢迎中国开源软件
产生了。

全文

Webpack 深入浅出之公司级分享总结(内附完整ppt)

原文地址:https://juejin.im/post/5df884ad6fb9a0164e7f979d

前段时间,在公司做了个 Webpack 的分享。听众40多人,感觉还不错。所以总结一下,先看一下ppt的目录:

全文

VS Code 成主宰、Vue 备受热捧!2019 前端开发趋势必读

`原文:https://mp.weixin.qq.com/s/yMa9PAUDbHc00Qp21us7YQ·


全文

前端工程化 - 剖析npm的包管理机制

原文地址:https://juejin.im/post/5df789066fb9a0161f30580c

现如今,前端开发的同学已经离不开 npm
这个包管理工具,其优秀的包版本管理机制承载了整个繁荣发展的NodeJS社区,理解其内部机制非常有利于加深我们对模块开发的理解、各项前端工程化的配置以加快我们排查问题(相信不少同学收到过各种依赖问题的困扰)的速度。

本文从三个角度:package.json、版本管理、依赖安装结合具体实例对 npm 的包管理机制进行了详细分析。

全文

前端实现弹幕效果的方法总结(包含css3和canvas的实现方式)

原文地址:https://github.com/forthealllight/blog/issues/17)

之前在一个移动端的抽奖页面中,在抽奖结果的展示窗口需要弹幕轮播显示,之前踩过一些小坑,现在总结一下前端弹幕效果的实现方式。

  • css3实现乞丐版的弹幕
  • css3弹幕性能优化
  • canvas实现弹幕
  • canva弹幕的扩展功能

全文

异常监控:教你如何优雅的处理前端异常

原文地址:https://mp.weixin.qq.com/s/bOohIxkx7A3OiilkgvjvXg

作者:Jartto's blog来源:http://jartto.wang/2018/11/20/js-exception-handling/

前端一直是距离用户最近的一层,随着产品的日益完善,我们会更加注重用户体验,而前端异常却如鲠在喉,甚是烦人。

全文

Web性能领域常见的专业术语

原文地址:https://mp.weixin.qq.com/s/GIpmZIY6yxGRBpkTDHuJuw

衡量网页的性能是一个比较琐碎的事情,因为没有某一个指标或数字可以直接告诉我们网页的性能怎样,因为加载网页不是一瞬间的事,准确地说,它是一个过程,不存在某个单独的
“时间点” 可以完全体现出网页的性能,因为在网页加载的过程中,有很多个比较关键的 “时间点” 可以影响用户的感觉(感觉我们的网页是
“快” 还是 “慢”)。而且不同类型的产品所侧重的点也都不太一样,可能同一个时间点,对于某些产品至关重要,但对于另外一些产品,则完全不care。

全文

React useEffect的陷阱

原文地址:https://zhuanlan.zhihu.com/p/84697185

今天就来讲一个useEffect这个Hook使用的一个小陷阱,看下面的代码,一个Counter,在窗口大小改变的时候,在console上输出当前count。

全文

React SSR 详解 + 2个项目实战

原文地址:https://juejin.im/post/5def0816f265da33aa6aa7fe

全文

你不知道的 JSON.stringify() 的威力

原文地址:https://github.com/NieZhuZhu/Blog/issues/1

全文

webpack打包之后js文件引用顺序错乱,vendor顺序错误

webpack打包之后js文件引用顺序错乱,vendor顺序变成了最后,自己查了很多方法,都不能解决问题,于是自己一个一个排查,终于找到了问题所在

全文

Webpack多入口文件、热更新等体验

原文地址:https://www.cnblogs.com/cqhaibin/p/6581308.html

Webpack现今流行的前端打包工具,今儿本人也来分享下自己学习体验。

全文

正则大全

原文地址:https://github.com/any86/any-rule

全文

写给前端的正则表达式入门

转载自:segmentfault.com
作者:savokiss
原文地址:https://segmentfault.com/a/1190000021145901

JavaScript 中,使用 // 即可创建一个正则表达式对象,当然也可以使用 new RegExp()

常用的跟正则相关的方法有 matchtestreplace
其中 matchreplace 都是字符串上的方法, test 是正则对象上的方法。

全文

🌓