better-fe 技术周刊 - 2019/05/27

该博客涵盖前端多方面知识。包括用node.js制作命令行工具、JavaScript实现链表、探究Flexbox布局原理等技术内容,还有移动端300ms延迟解决办法、高清屏适配原理。此外,涉及大型前端项目架构分析和2019年前端技术规划,为前端从业者提供学习范本和发展指引。

深阅读

node.js命令行教程

推荐理由:上周推荐了使用yeoman进行脚手架的搭建,这周利用node.js的原生操作,也可以实现脚手架的搭建。不仅如此,还能完成其他脚本工具的制作。看完这篇文章,相信你对命令行工具的制作有一定的了解。

用JavaScript实现链表

推荐理由:链表是一种数据结构,里面的每个元素都包含下一个元素的位置信息。如果要在头部插入或删除一个元素,链表只需操作第一个元素的位置信息即可,操作步骤为O(1),而数组则需要将里面所有的元素都往后移一位,步骤为O(n)。本文将介绍如何用JavaScript实现链表。

[知其所以然]探究Flex盒子的‘’弹性‘’

推荐理由:Flexbox布局现在应该是最流行的布局方式,它的简单、便捷以及可伸缩性让开发者乐此不疲。但是在使用它的同时,我们是否有考虑过Flexbox的是如何计算伸缩的呢?相信了解了这点后,以后再使用Flexbox布局时能够更加熟练。

有助于理解前端工具的node知识

推荐理由:前端的构建工具或打包工具一般都是用node来执行的,但是平时写惯了业务代码之后,如果想要了解下webpack或者vue-cli,好像是件不太好上手的事情。所以强烈建议大家要是想了解这类工具最好先学习一下node。

vue路由按需keep-alive

推荐理由:本文提到了一个性能优化的场景,当我们在不同页面切换时,可以具体针对某些页面做下缓存来提升性能,本文还给出了具体的实施步骤以及可能会遇到的坑,大家有兴趣可以在自己的项目里试试

2019再聊移动端300ms延迟及fastClick原理解析

推荐理由:你做移动端开发的时候,300ms延迟的问题有没有解决过呢?本文作者针对浏览器,以及安卓和iOS都给出了相应的解决方案,并且阐述了其原理,值得学习。

新鲜货

有关retina和HiDPI那点事

推荐理由:只要做过移动端开发的同学就肯定绕不过一个问题:高清屏适配。方案、框架我们用了一堆,但原理却未必清楚。本文从retina的起源说起,对比了其跟普通屏的区别,从硬件和操作系统两个方面阐述了如何实现高清渲染,读完之后,想必能让你茅塞顿开。另外留一个课后作业,苹果外接的普通显示器,能否使用HiDPI渲染呢?

职业发展

大型项目前端架构浅谈

推荐理由:我们一直以来都正在开发一个大型前端项目,我们应该从宏观的角度理解并认识大型前端项目应该包含哪些重要的功能点及其实现,这篇文章不侧重于具体技术实现,而是尝试从更高角度出发,分析为什么要这么做,这些设计能解决什么问题,成本和收益如何。对我们之后进行大型项目的时候提供一个学习的范本。

2019年(大)前端技术规划

推荐理由:本文总结出前端技术各个要点,我们可以以本文为清单温故而知新,为我们之后的前端之路夯实基础。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值