20180103 前端开发日报-前端开发博客

JavaScript变量提升的相关讨论；2018 年 Web 发展趋势预测；前端项目重构的些许收获；基于HTML5陀螺仪实现ofo首页眼睛移动效果；深入理解React源码 – 首次渲染 I；从 React 到 Reason；JavaScript 中数组操作注意点；一篇学习HTTP状态码的神文

JavaScript变量提升的相关讨论2017年的事情还是2017年完成吧。话不多说，现在开始：之前翻译过两篇发表在Medium上的两篇文章，关于变量和函数提升的问题。后来发现，一个读者（Gavin Orland）与作者（Bhuvan Malik）就函数和变量提升的问题产…
2018 年 Web 发展趋势预测 Web发展趋势改变的速度远远超过其可被实现的速度，正因为如此，我们就需要早点为未来做打算，毕竟永远不变的是变化本身。不要问我当下的趋势是什么，要问就问未来的趋势是怎样的。在这篇文章中，我们为你精心挑选了一些最有可能成为现实的预测结果，告诉你未来的一年中web开发将要走向何方。如果你…
前端项目重构的些许收获题图：Pixabay 这个项目开始之初，赶时间上线。很多地方基本没怎么管代码规范，直到一期完毕回过头来看之前写的代码，不忍直视。为了之后接手的人能更加轻松，也为了自己之后debug更加顺手，边开始二期的部分需求，边重构一期的部分代码，还是有部分收获。项目技术栈是： nodejs javascript react r…
基于HTML5陀螺仪实现ofo首页眼睛移动效果最近用ofo小黄车App的时候，发现以前下方扫一扫变成了一个眼睛动的小黄人，觉得蛮有意思的，这里用HTML5仿一下效果。 ofo眼睛效果效果分析从效果中不难看出，是使用陀螺仪事件实现的。这里先来看一下HTML5中
深入理解React源码 – 首次渲染 I Photo by Gerrie van der Walt on Unsplash 界面更新本质上就是数据的变化。通过把所有会动的东西收敛到状态(state)，React提供了一个非常直观的前端框架。我也比较喜欢review基于React代码，因为我一般
从 React 到 Reason如果你是一个 React 爱好者，开始在各种站点听到有人谈论 Reason 这个新语言，也看见 Jordan（React 作者）说 ReasonReact 将是未来，但你却是不知道从哪下手，那么这篇小教程就是为你准备的。 ps. 有条件的话还…
《给初学者：JavaScript 中数组操作注意点》 JS的数组操作是初学者常见误区。（by CarterLi ）
一篇学习HTTP状态码的神文好的，事情是这样的，数年前，我曾有过一段美好的夏日恋情，在此与大家分享。依依这个女孩叫做依依，她是 80 后的，生日是 1989 年 3 月吧，忘了哪一天了，分手太久了，记不起来了。转学生我高中是个转学生，转学转到了一所学习学得特猛的学校。对于我这个不爱学习的孩子来说，每个人都是学霸，玩命关头 6 （Fa…
Node.JS 性能分析内存分析内存分析一般都可以使用 heapdump 工具，使用方法如下 > node i heapdump 在入口文件处引入 const heapdump = require(‘heapdump’); 启动/重启服务，服务启动后给 node 进程发送一个信号 kill -USR2 <pid> ，在执行某个可疑操作后再次发送该信号，每次发送信号都会生成一个 he…
#开源项目#【基于 Vue 2.0 的 Dropdown 组件：effect-dropdown-vue】详见： effect-dropdown-vue 是一个优雅、炫酷的 Dropdown 组件。它基于 Vue 2.0，旨在提高交互效果和操作愉悦性。Demo 地址：
HTTP协议理解与应用总结总结了自己在实际工作场景中遇到的与http协议相关的一些内容的理解。 Request & Response Request格式 <request-line> 比如：GET /api/index.json HTTP/1.1 <headers> 比如：Accept: */*; User-Agent: Mozilla/4.0;…… <blank line> [<request-body&g..