hieeyh

Notion 是一款十分强大的软件，它是一个将笔记，知识库和任务管理无缝衔接整合的协作平台。Notion 使用起来十分方便，它打破了传统的笔记软件对于内容的组合方式，将文档的内容分成一个个 Block

最近有幸参与了公司某运营平台的项目，之前从没用react做过项目的我也第一次真正使用react进行了项目开发。花了两天左右时间学习就开肝了。本文主要对项目中的一些技术点进行总结回顾。 项目搭建和打包

除了 HTML5 的新特性，CSS3 的新特性也是面试中经常被问到的。

今天来谈谈前端面试中基本上每次一面都会被问到的一个问题，那就是html5的新特性了。这个是学习前端必须掌握的基础知识。

转眼已经 2017 年了，我 2016 年 4 月份开始接触前端，到现在也有大半年了，马上就要过年了，准备好好休息休息，就想着把这大半年所读的前端书籍整理一下，顺便制定一下年后的学习计划。

设计模式是代码设计经验的总结，为了可重用代码，保证代码的可靠性等。设计模式主要分为三大类型，创建型模式，结构型模式和行为型模式，本书还额外写了另两类设计模式，技巧型模式和架构型模式。JavaScript 设计模式是以面向对象编程为基础的，JavaScript 的面向对象编程和传统的 C++、Java 的面向对象编程有些差别，这让我一开始接触 JavaScript 的时候感到十分痛苦，但是这只能靠自己慢慢积累慢慢思考。想继续了解 JavaScript 设计模式必须要先搞懂 JavaScript 面向对象编程，否则只会让你自己更痛苦。

接触过 vue 的同学应该都知道，用 vue-cli 开发 vue 的项目十分方便，它可以帮你快速构建一个拥有强大构建能力的 Vue.js 项目。今天不谈什么是 vue-cli，而是来说说用 vue-cli 构建的项目结构是什么样的并分析部分文件。

Vue.js 的一大特色就是构建单页面应用十分方便，既然要方便构建单页面应用那么自然少不了路由，vue-router 就是 vue 官方提供的一个路由框架。总体来说，vue-router 设计得简单好用，下面就来聊聊我实际用到过的一些方法。

Vue2.0 的过渡系统（transition）有了很大的改变，想把 1.0 的项目迁移到 2.0，着实需要费一些功夫，今天我就要把 vue2.0 的过渡系统的用法搞清楚，因为之前确实踩了不少坑。这里只涉及单元素 / 组件的过渡实现，vue2.0 的文档中还讲到了初始渲染的过渡、多个元素的过渡、多个组件的过渡和列表过渡，他们的过渡效果实现方式和单元素 / 组件的类似，我感觉实际项目中用的不太多吧，有兴趣的同学可以去了解一下。