2018年已经过了一周，总结一下2017年在公司wiki上写的一篇关于css布局的知识，当时也借鉴了几个大神写的css布局知识，和自己在项目中遇到的坑。废话不多说。请看以下的干货。 第一种实现方式通过负边距与浮动 实现左边固定，右边自适应的布局。 1. 自适应的容器需要容器包裹…

我从入门前端，第一次亲密接触的就是React，直到最近team重组，新的leader在一次晨会中曰：“希望以后我们组的前端能使用Vue来开发。” 而我们组的前端，貌似就剩我自己了，另外一个还想着回归Java。 这让我这个React起家的小前端工程师，内心一万头XXX...奔腾而…

之前在写fj-service-system的时候，遇到了一些问题。那就是我有些组件，比如Dialog、Message这样的组件，是引入三方组件库，比如element-ui这样的，还是自己实现一个？虽然它们有按需引入的功能，但是整体风格和我的整个系统不搭。于是就可以考虑自己手动实…

当想写if...else语句时，使用三元操作符来代替。 简写： const answer = x > 10 ? 'is greater' : 'is lesser'; 也可以嵌套if语句： const big = x > 10 ? " greater 10" : x 当给一个变…

当浏览器截获到一个页面请求后，将会按照顺序做如下图所示的4件事。 首先会将所有需要加载的资源进行分类。 然后根据浏览器相关的安全策略，来决定资源的加载权限。 接着对各个资源的加载优先级进行计算和排序。 最后一步，根据加载优先级顺序来加载资源。 chrome浏览器会将资源分为14…

最近在浏览掘金网站的时候看到掘金小册中有一个很有（便）意（宜）思的册子:如何使用 Canvas 制作出炫酷的网页背景特效，便想到给我的博客添加一个炫酷的背景。顺便学习一下 canvas 这个元素的使用。 最终效果就在博客上就能看到啦。下面来说一下实现方式。 建议对 canvas…

自从Vue2.0发布后，Vue就成了前端领域的热门话题，github也突破了三万的star，那么对于新手来说，如何高效快速的学习Vue2.0呢。 对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。 先按文档顺序最少学习完组件那一章。…