20200104 前端开发日报

【你应该掌握的】webpack4介绍&配置项详解；webpack原理解析（一）实现一个简单的webpack；前端Tips#2 – 将 arguments 转换成Array的最佳实践；【vue-进阶】你不知道的 vue-devtools；CSS 定位之 sticky 定位及应用；为什么 httpd 的 event 模块比 worker 更优秀；llhttp是如何使Node.js性能翻倍的？；[突破前端面试] —— Promise && Async/Await

1. 【你应该掌握的】webpack4介绍&配置项详解 skFeTeam 本文作者：李键 引言 作为一名前端开发，按时按质实现业务需求只是基础条件，了解一些webpack相关的配置，除了能够帮助我们提升一下自己的技术能力（不局限于满足业务需求），也能够帮助我们更好的维护项目、搭建适合自己团队的web站点。 希望通过本文能让大家对webpack4的相关配置项有一个直…
2. webpack原理解析（一）实现一个简单的webpack Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。webpack如此强大，其内部机制到底是怎样的，今天我们来一探究竟。 准备工作 新建一个目录，执行npm init -y 初始…
3. 前端Tips#2 – 将 arguments 转换成Array的最佳实践为节约大伙儿的时间，这里先说一下结论：如果你想将 arguments 转换成数组，最好的方式是使用 rest 参数转换的方式（即使用 … spread 操作符），比如：
4. 【vue-进阶】你不知道的 vue-devtools vue-devtools 使用了很长一段时间了，使用过程中发现 vue-devtools 下的 vuex 面板功能很厉害，整个页面的状态可以任意切换到之前的一个时间节点，当时只知道时光穿梭这个概念，没有仔细研究，最近决定入坑研究下。 记的之前有个Vue项目的线上bug，因为是线上项目，不能直接使用 vue-devtools 来排查问题，经过探索…
5. CSS 定位之 sticky 定位及应用 CSS 有两个最重要的基本属性，前端开发必须掌握：display和 position。 display 属性指定网页的布局：flex 和网格布局 grid。本文介绍非常有用的 position 属性的 sticky 定位。 position属性用来指定一个元素在网页上的位置，一共有5种定位方式，即position属性主要有五个值。 …
6. 为什么 httpd 的 event 模块比 worker 更优秀 新爷的地盘(xin-zone)：关注JAVA基础编程及大数据，注重经验分享及个人成长。 为什么httpd的event模块比worker更优秀？简单的说是因为event模块采用epoll方式，而worker模块采用select方式。 那么为什么epoll就比select优秀？大家常说的epoll跟select又是个什么东西? …
7. llhttp是如何使Node.js性能翻倍的？
8. [突破前端面试] —— Promise && Async/Await 年前年后跳槽季，准备从面试内容入手看看前端相关知识点，旨在探究一个系列知识点，能力范围之内的深入探究一下。重在实践，针对初级前端和准备面试的同学，争取附上实际的代码例子以及相关试题～系列名字就用【秃破前端面试】—— 因为圈内大家共识，技术与发量成正比。:smile:希望大家早日 秃 破瓶颈～ 关于面试题或…
9. vue源码解读（三）Vuex源码解析：Store构造类详解欢迎star我的github仓库，共同学习~目前vue源码学习系列已经更新了6篇啦~ [链接] 快速跳转： Vue的双向绑定原理（已完成） 说说vue中的Virtual DOM（已完成） React diff和Vue diff实现差别 Vue中的异步更新策略…
10. 2020年的前端资源 webpack – 打包项目 rollup – 打包 npm 库 parcel – webpack 竞品，但发展前景不乐观，再观察一段时间 @pikapkg/pack – 又一组件打包工具 systemjs – 针对一些特殊场景会比较有用，比如云 ide，支付宝小程序 IDE 等 microbundle …
11. 一文搞懂 Node.js 中的多线程和多进程Node.js 是一个免费的跨平台 JavaScript 运行时环境，尽管它本质上是单线程的，但是可以在后台使用多个线程来执行异步代码。
12. Vue3 Composition-Api + TypeScript + 新型状态管理模式探索 Vue3的热度还没过去，React Hook在社区的发展也是如火如荼。 一时间大家都觉得Redux很low，都在研究各种各样配合hook实现的新形状态管理模式。 在React社区中，Context + useReducer的新型状态管理模式广受好评。 这篇文章就从Vue3的角度出发，探索一下未来的Vue状态管理模式。 vue-composition-api-rfc： vue-…
13. Golang Gin 实战（八）：JSON 渲染输出 现在开发API，所输出的基本上都是JSON格式的内容，相比比较旧的XML格式，JSON轻便、简洁、易于传输，所以现在的API使用非常多。 Gin对于API JSON的支持非常友好，可以让我们非常方便的开发一个基于JSON的API。 快速入门 func main() {     r := gin.De…
14. 收藏的关于Vue技巧or实践的文章刚开始学vue的时候用的是全家桶里的vue-resource，后来发现axios延展性更强。这篇文章简单梳理了axios的API，简洁清晰明了。
15. Vue 组件：给 Bootstrap Modal 增加缩放功能Bootstrap 应该还是目前最流行的前端基础框架之一。因为架构方面的优势，它的侵入性很低，可以以各种方式集成到其它项目当中。在我厂的各种产品里，都有它的用武之地。
16. 寒冬下 Scott 的 31 岁前端年终总结 Scott 这个名字或许你听说过，对，他就是我，他今年初过了 31 岁生日，而立的第二年也即将用完。 10 年编程好时光，他花掉了前 9 年： 23 到 26 岁，他花在了阿里，从入门到职业迷茫 27 到 29 岁，他花在了创业，从热血到倒闭还钱 30 到 31 岁，他花在了小菜，从转型到…
17. 阅读Vue源码（一）响应式原理 vue的响应式原理，是发布-订阅模式的应用。学习vue响应式原理前，先来了解下，到底什么是发布-订阅模式。 从订鞋子理解发布-订阅模式 有一天去商城买鞋子，结果没货了。店员拿出一个本对你说，可以先登记电话，到货再通知你。 这个例子中，店员是消息的发布者，店员有个小本本，只要货到了，就会通知小本本上的客…
18. 打造 Vue 技术栈中的“时间宝石“ 现代浏览器的功能越来越强大，前端需要处理的业务逻辑也越来越复杂，提供良好的交互是我们一直追求的事，而我们在做的可视化报表工具，有一个重要的提升用户体验的功能， 撤销 & 重做 ，这个功能给用户以安全感和保障，用户不会担心所做的操作以及交互会消失掉，不可追溯。 为了实现这个功能，我调研了一些实现…
19. 前端知识点： 防抖节流

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多