前端周刊

27

Android屏幕适配方案分析

• 薄荷前端   2019-05-06 发布
• 20 收藏

Android开发过程中我们常用的尺寸单位有px、dp，还有一种sp一般是用于字体的大小。但是由于px是像素单位，比如我们通常说的手机分辨例如1920*1080都是px的单位。现在Android屏幕分辨率碎片化720x1280、1080x1920...

137

基于socket.io快速实现一个实时通讯应用

• 薄荷前端   2019-04-22 发布
• 110 收藏

HTTP是最常用的客户端与服务端的通信技术，但是HTTP通信只能由客户端发起，无法及时获取服务端的数据改变。只能依靠定期轮询来获取最新的状态。时效性无法保证，同时更多的请求也会增加服务器的负担。

45

跨平台技术演进

• 薄荷前端   2019-04-01 发布
• 34 收藏

随着移动互联网的普及和快速发展，手机成了互联网行业最大的流量分发入口。以及随着5G的快速发展，未来越来越多的“端”也会如雨后春笋般快速兴起。而“快”作为互联网的生存之道，为了占领市场，企业也会积极跟进，...

73

如何理解并应用贝塞尔曲线

• 薄荷前端   2019-03-14 发布
• 48 收藏

贝塞尔曲线又叫贝兹曲线，在大学高数中一度让我非常头疼。前阵子练手写动画的时候，发现贝塞尔曲线可以应用于轨迹的绘制以及定义动画曲线。 本文就来探究一下，贝塞尔曲线到底是个什么样的存在。 贝塞尔曲线原理 ...

67

从前端角度理解缓存

• 薄荷前端   2019-01-17 发布
• 57 收藏

缓存的概念分很多种，本次讨论的主要就是前端缓存中的Http缓存。 缓存是怎么回事 前端发送请求主要经历以下三个过程，请求->处理->响应。如果有多次请求就需要重复执行这个过程。 重复请求的过程 以下是一...

45

canvas中普通动效与粒子动效的实现

• 薄荷前端   2018-12-29 发布
• 38 收藏

canvas可以绘制动态效果，除了常用的规则动画之外，还可以采用粒子的概念来实现较复杂的动效，本文分别采用普通动效与粒子特效实现了一个简单的时钟。

39

Promise 源码分析

• 薄荷前端   2018-12-21 发布
• 31 收藏

then/promise项目是基于Promises/A+标准实现的Promise库，从这个项目当中，我们来看Promise的原理是什么，它是如何做到的，从而更加熟悉Promise

7

React和Vue中，是如何监听变量变化的

• 薄荷前端   2018-11-13 发布
• 5 收藏

把react源码和自己刚刚创建的项目关联起来，之前build源码到build文件夹下面，然后cd到react文件夹下面的build文件夹下。里面有node_modules文件夹，进入此文件夹。发现有react文件夹和react-dom文件夹。分别进入...

34

Webpack原理与实践（一）：打包流程

• 薄荷前端   2018-11-12 发布
• 25 收藏

webpack 就像一条生产线，要经过一系列处理流程后才能将源文件转换成输出结果。 这条生产线上的每个处理流程的职责都是单一的，多个流程之间有存在依赖关系，只有完成当前处理后才能交给下一个流程去处理。 插件...

24

两种方案开发小程序动画

• 薄荷前端   2018-11-09 发布
• 17 收藏

小程序中，通过调用api来创建动画，需要先创建一个实例对象。这个对象通过wx.createAnimation返回,animation的一系列属性都基于这个实例对象。

20

【React源码解读】- 组件的实现

• 薄荷前端   2018-10-31 发布
• 14 收藏

react使用也有一段时间了，大家对这个框架褒奖有加，但是它究竟好在哪里呢？让我们结合它的源码，探究一二！（当前源码为react16，读者要对react有一定的了解）

17

小程序云开发初探

• 薄荷前端   2018-10-23 发布
• 14 收藏

云开发是微信平台新开放的功能，为开发者提供集成了服务器，数据库和资源存储的云服务。本文将基于官方文档，以一个小例子来作为探索云开发的相关功能。

45

【从前端到全栈】- koa快速入门指南

• 薄荷前端   2018-10-18 发布
• 32 收藏

随着技术的不断发展，前端工程师也被赋予了越来越多的职责。不再是从前只需要切个图，加个css样式就能完成任务的切图仔了。接下来这篇文章，完成一个简单的登录注册，能让你快速上手，成为一个‘小全栈工程师’，he...

107

前端骨架屏方案小结

• 薄荷前端   2018-10-15 发布
• 78 收藏

最近在项目不时有用到骨架屏的需求,所以抽时间对骨架屏的方案作了一下调研,骨架屏的实践已经有很多了,也有很多人对自己的方案作了介绍.在这里按照个人的理解做了一个汇总和分类,分享给大家.

73

三大图表库：ECharts 、 BizCharts 和 G2，该如何选择？

• 薄荷前端   2018-09-20 发布
• 52 收藏

最近阿里正式开源的BizCharts图表库基于React技术栈，各个图表项皆采用了组件的形式，贴近React的使用特点。同时BizCharts基于G2进行封装，Bizcharts也继承了G2相关特性。公司目前统一使用的是ECharts图表库，下...

5

【React 实战教程】从0到1 构建 github star管理工具

• 薄荷前端   2018-09-13 发布
• 2 收藏

在日常使用github中，除了利用git进行项目版本控制之外，最多的用处就是游览各式的项目，在看到一些有趣或者有用的项目之后，我们通常就会顺手star，目的是日后再看。但是当我们star了许多项目之后，回过头想找一...

82

7分钟理解JS的节流、防抖及使用场景

• 薄荷前端   2018-09-04 发布
• 70 收藏

据说阿里有一道面试题就是谈谈函数节流和函数防抖。糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。here we go！