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

JS 将有父子关系的平行数组转换成树形数据；携程机票 Node.js 开发实践；2019年山地人的前端完整自学计划——讲一个B站UP主山地人的40天前端自学故事；前端基本功-示例代码 (二)；Vue新手向：14篇教程带你从零撸一个Todo应用；如何利用webpack来提升前端开发效率（一）？；Vue2.0 核心之响应式流程；学习 React 前你需要知道些什么

JS 将有父子关系的平行数组转换成树形数据假设数据结构为： let data = ; 需要转换成： …
携程机票 Node.js 开发实践作者简介付文平，携程机票研发部前端开发总监。2011年加入携程，主要负责携程机票PC、H5、Hybrid业务方面的开发工作。先后负责机票PC前后端分离，H5 Swift改版，机票React Native技术的推进，重点关注Node.js技术和产品体验。本文来自付文平在“2018携程技术峰会”上的分享。 Nodejs自…
2019年山地人的前端完整自学计划——讲一个B站UP主山地人的40天前端自学故事 2018年12月7日，我在B站注册了会员，当天下午发布了第一次个视频，从这一天开始我正式成为了Up主。同时我也开启了我的前端自学之路。之后，我保持着每两到三天发布一套视频的更新频率，也是希望通过这种公开自己学习过程的方式来督促自己不断学习。到发文的这一刻，正好过去40天。回头看这短短的40天，在B站总共发…
前端基本功-示例代码 (二)伪类 + transform 实现对于老项目，有没有什么办法能兼容1px的尴尬问题了，个人认为伪类+transform是比较完美的方法了。
Vue新手向：14篇教程带你从零撸一个Todo应用欢迎来到Vue2.x Todo 系列教程，这个教程将手把手教你从零开始使用 Vue 搭建一个 Todo（待办事项）应用。书写此教程的动机 Vue 作者尤雨溪在新手向：Vue 2.0 的建议学习顺序中给出了中肯的 Vue 学习建议，本系列教程和项目可以看做是这个建议的实践可操作版本。 Vue 官方文档给出了 2 个示例项目，一个是To…
如何利用webpack来提升前端开发效率（一）？随着Vue、React生态的蓬勃发展，我们在开发单页应用时，一般已离不开利用脚手架自动生成项目模板，熟悉的有 create-react-app project vue create project 等命令。但在很多应用场景下，我们往往需要走出前端框架的“温室”来进行开发，常见的有： H5单页面制作传统网页开发（以 JQuery ， Bootstrap 为代表…
Vue2.0 核心之响应式流程看了部分Vue源码分析或运行机制的文章，接收到这些信息：使用Object.defineProperty实现响应监听，使用Dep，Wacther实现依赖收集追踪使用Virtual Dom、高效diff算法实现最小化更新对整个流程还是没有理解，或…
学习 React 前你需要知道些什么如果你正在看这篇文章，你很可能已经知道 React 是啥了。React 的学习曲线陡峭是众所周知的，很多人在开始学习 React 时都一头雾水，笔者自然也不例外。究其原因，是因为我们在学习 React 的时候，要学的并不仅仅只是 React 这个库本身。React 自身只是一个 JavaScript 编写的 UI 库，但是要用好这个 UI 库，却需要了解…
在你学习 React 之前必备的 JavaScript 基础为了不浪费大家的宝贵时间，在开头申明一下，这篇文章针对的阅读对象是：没有写过 React 或者刚刚才接触 React 并且对于 ES6 的语法不太了解的同学，这是一篇基础入门的文章，在一开始我并没有准备翻译一篇这样的基础文章，但是在阅读完全文之后，我想起自己刚开始学习 React 时的迷茫， ES6 有那么多，…
【数据库表连接的简单解释】关系型数据库最难的地方，就是建模（model）。错综复杂的数据，需要建立模型，才能储存在数据库。所谓模型就是两样东西：实体（entity）+ 关系（relationship）。全文=> 关系型数据库最难的地方，就是建模（model）。错综复杂的数据，需要建立模型，才能储存在数据库。所谓"模型"就是两样东西：实体（entity）+ 关系（relationship）。实体指的是那些实际的对象，带有自己的属性，可以理解成一组相关属性的容器。关系就是实体之间的联系，通常可以分成"一对一&quo…
Pro Git 学习笔记在提交时使用git commit -a就会把已跟踪的已暂存文件一起提交，跳过git add步骤，即两个命令进行合并。
【关于直播视频格式和浏览器兼容性历史的来龙去脉】全文=> 　　因为误打误撞来到了淘宝直播团队，从开始完全不了解直播技术，现在因为leader暂时的离开，准备接手h5播放器的迭代，就不得不开始了解相关的视频技术，先整理一下在直播技术中的视频格式和不同浏览器的兼容性。　　直播协议HLS和RTMP 　　直播技术一般有两种协议方式，分别是HLS和RTMP HLS ，…
【20190117 前端开发日报】2019年给牛掰的 JavaScript 开发者的9条技巧；电商网站项目总结：Vuex 带来全新的编程体验；长期维护更新，前端面试题；2019 年值得学习的顶级 JavaScript 框架与主题；J…详情→
TypeScript 基础入门（一） TypeScript 是 JavaScript 的一个超集， TypeScript 在 JavaScript 的基础上添加了可选的静态类型和基于类的面向对象编程。 2.为什么要用 TypeScript ? 针对这个问题我们可以从两个方面来分析： 2.1 用TypeScript的目的是什么 ? TypeScript 最大的目的是让程序员更具创造性，提高生产…
GitHub Actions 介绍 & 自动构建 GitHub Pages 博客本文将主要讲述如何创建一个自定义的Github Actions，并且使用Github Actions 完成 CI/CD的操作故事的起因就是，github的私有仓库免费了, 打算将blog仓库切换为私有仓库，这样可以同时将笔记和博客放在一块，利用hugo的draft功能，将不想发布的文章设置true即可。修改之后由于之前使用Travis CI自…
GitHub Actions 介绍 & 自动构建 GitHub Pages 博客本文将主要讲述如何创建一个自定义的Github Actions，并且使用Github Actions 完成 CI/CD的操作故事的起因就是，github的私有仓库免费了, 打算将blog仓库切换为私有仓库，这样可以同时将笔记和博客放在一块，利用hugo的draft功能，将不想发布的文章设置true即可。修改之后由于之前使用Travis CI自…
JS数据结构与算法_栈&队列原计划是把《你不知道的Javascript》三部全部看完的，偶然间朋友推荐了数据结构与算法的一套入门视频，学之。发现数据结构并没有想象中那么遥不可及，反而发觉挺有意思的。手头上恰好有《学习Javascript数据结构…
React组件卸载、路由跳转、页面关闭（刷新）之前进行提示React组件卸载生命周期、路由跳转和页面关闭三者看起来有些类似的地方，比如都是当前组件即将从视口消失，但实际上所触发的事件均不相同。以一个实际案例出发：