1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

每一个开发者在开发项目中，不可避免要和图片打交道，优化图片似乎也成了一个必修课。图片优化也不仅仅是性能上的优化，还要进行体验上的优化。至于怎么优化图片，没有固定的方式，只能具体场景，具体分析，选择合适的方案。不多说，下面也简单介绍下自己处理过，了解过的一些方式。如果大家有补充，…

DOM property 的值可以改变；HTML attribute 的值不能改变。 在 Angular 的世界中，attribute 唯一的作用是用来初始化元素和指令的状态。 当进行数据绑定时，只是在与"元素和指令"的 "property 和事件"打交道，而 attribut…

之前一直使用的是vue-cli2来搭建项目，最近要搭建一个项目，发现使用vue init webpack demo无法搭建项目，去看了官网发现更新到了3.0的版本。 现在就介绍一下vue-cli3项目搭建的过程以及需要注意的点。 图中绿色的框中第一次是没有的，是保存的项目配置。…

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…

grid 布局是W3C提出的一个二维布局系统，通过 display: grid 来设置使用，对于以前一些复杂的布局能够得到更简单的解决。本篇文章通过几个布局来对对 grid 布局进行一个简单的了解。目前，grid 仅仅只有 Edge使用前缀能够支持，为了更好地体验，可以使用 C…

最近忽然对canvas动画感兴趣，然后就心血来潮的看了一些文章，事先声明，部分原创，我只是代码的搬运工。我先上一下截图，然后再说下我的想法。 还是那句话，我只是代码的搬运工，首先是雪花飘落的场景。参考文章点击这里 —— canvas实现雪花飘落,文章上来就贴了代码，直接就能用，…

咱使用 Vue + ECharts + ElementUI 来打造份在线个人简历，并将它部署到 GitHub Pages 上来展示吧！

Vue的双向数据绑定的原理相信大家也都十分了解了，主要是通过Object对象的defineProperty属性，重写data的set和get函数来实现的,这里对原理不做过多描述，主要还是来实现一个实例。为了使代码更加的清晰，这里只会实现最基本的内容，主要实现v-model，v-…