最近在找一些周刊文章的时候读到一篇挺有意思的文章 CSS 奇思妙想边框动画，经过学习之后，每实现一个效果的背后都有一些值得去复习或者是学习的知识点，觉得收获挺大。记录一下学习或者是复习到的一些知识点。

最近这几个月一直在开发一个使用 vue-cli搭建起来的项目。最近打包上线之后。发现首屏打开特别慢，在网络好的情况下大约需要4s 至 5 s。 在网络不好的情况下，还需要7s 8 s。加载的期间一直显示白屏，导致用户的体验非常不好。所以针对这个问题来做一些优化；期望的结果是首屏加载得快一点。白屏缩短。

Vue3.0发布了很多新的特性和一些语法上的变更。其中 Composition API是Vue3.0版本中主要特色语法，这是一个全新的逻辑重用和代码组织的方法。这边文章就带你看看为啥会有Composition API以及如何使用Composition API

最近在做一个全新的Vue前端项目搭建及其开发工作，后端和前端都是分离的，所以避免不了开发环境和生产环境的跨域问题。 开发环境或者是生产环境，前端和后端都是在同一个机器下面部署或者是使用不同的端口号。 当我们的前端资源访问后端服务时得不到数据或没有达到预期的效果。以前也是知道跨域问题的， 但是没有好好总结。那么这篇文章就主要来讲讲遇到的跨域问题。以及如何解决，在 vue 项目中如何解决等。

最近使用了vue-cli3构建开发一个新的项目， 发现在开发的过程中有很多人会不经意把console.log等提交上去了。于是觉得有必要把eslint加上，因为在多人开发中，每个人的代码风格可能是不一样的。大团队协作时，良好的代码规范显得格外重要，因为这是保障一个团队代码风格相同、避免低级bug的途径之一。为了解决这样的问题！ 我们在每次提交的时候都可以进行一次eslint检查。不符合eslint规范的不给提交。这样就能解决问题了。

最近在做一个需求, 需求中有个这样效果:有一个输入框，输入框有placeholder提示音输入框的宽度随着内容的长度自适应，并且输入框不可以换行显示，键盘回车就相当于确认值。刚开始我接到这样的效果，想这还不简单，input不就可以实现吗？但是到我真的进入到开发的时候， 才发现不是很对劲， input 好像实现不了。 那么具体哪里实现不了？ 那么解决的办法是什么呢？有没有什么可以替代的办法呢？我们来一一看一下具体过程。

在上一篇文章 模块化与Webpack属性 library,libraryTarget的关联中提到很多关于模块化的规范。 如什么有些模块需要暴露在module.export上，而有些需要要暴露为define('XXX', [], function() =>{})等等。这些都是因为使用不同的规范导致的。可能会有点混乱，这里就好好来总结模块化的到底有哪些规范。

目前的模块化的规范：**CommonJs，AMD，CMD** 和 **ES6模块**。

Git 是现在比较流行的版本控制工具，在开发的过程中，Git 每次提交代码，都需要写Commit message （即提交说明）。如果没有对 Commit message 进行规范，会造成很多的麻烦，比如：

• 每个人的 Commit message 风格不同，格式凌乱，查看就换个不方便
• 有一些commit 没有写 message，事后就很难知道对应修改的作用。

所以说规范的 Commit message 是很有必要的。也是有很多的好处的，比如：

• 可以统一团队的Git commit 日志风格
• 方便日后查阅， Reviewing Code等
• 可以帮助我们写好 Changelog
• 能提升项目的整体质量

最近在参加一个小程序比赛，其中在做瀑布流布局的时候，有人拿Grid网格布局来做的，但是我觉得瀑布流并不是个用Grid网格布局来做，因为它每一个项目占多少网格，都需要人工去指定。虽然我觉得Grid网格布局不是个做瀑布流， 但是我觉得它还是非常强大的，甚至觉得比Flex强大。那么这篇文章就是来记录Grid网格布局的一个使用教程的。当翻阅可看。

最近在参加一个小程序 比赛， 其中在开发页面的时候，设计图设计是瀑布流的样式。本以为很简单的浮动就能实现的。但是其实并没有那么简单。通过这次写瀑布流。感觉受益颇多。于是通过这篇博客记录一下瀑布流是如何实现的以及每个方法的原理。