前端工程化 - 剖析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 是正则对象上的方法。

全文

13 个 npm 快速开发技巧

原文地址:https://www.html.cn/web/javascript/13643.html

每天,数以百万计的开发人员使用 npmyarn 来构建项目。运行npm initnpx create- response -app等命令几乎构建JS项目的首选方式,无论是为客户端或服务器端,还是桌面应用程序。

全文

2019年适用于JavaScript开发人员的27种神奇的VSCode工具

原文地址:https://www.html.cn/top/14138.html

Visual Studio Code(也称为VSCode)是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持,越来越多的开发都都喜欢使用它。

全文

常见React.js问题(附解决方案)

原文地址:https://www.html.cn/interview/14451.html

在 jsComplete,我们管理一个专门用于帮助编程学习者 slack 帐户。我们常常会收到一些有趣的问题,但大多数问题都是常见问题。 我创建这个资源为了帮助 React.js学习者遇到这些常见的问题时提供一定帮助。在这里可以快速找到一些常见问题的解决方案,而不是一,遍又一遍去找解决方法,我会持续更新这些常见的问题。

全文

JavaScript中数组的15种常见操作(备忘单)

原文地址:https://www.html.cn/web/javascript/14284.html

数组是 JS 中广泛使用的数据结构。数组对象提供了大量有用的方法,如array. forEach()array.map()等来操作数组。

全文

🌓