GuanJunMa

你以为这些是经过PS软件处理出来的？不不不，纯粹的是用css写出来的，很神奇把。 CSS滤镜（filter）属提供的图形特效，像模糊，锐化或元素变色。过滤器通常被用于调整图片，背景和边界的渲染。 MDN CSS标准里包含了一些已实现预定义效果的函数。 调整图像的对比度。 给图像…

这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…

每次写文章时，总会觉得比写代码难多了，可能这就是我表述方面的不足吧，然而写文章也是可以复盘一下自己的开发过程，对自己还是受益良多的。在这里简单叙述一下我仿某鱼部分布局以及功能实现的过程，仅做学习用途。 Vue是一套用于构建用户界面的渐进式框架，Vue 的核心库只关注视图层，不仅…

终于来了，算法相关的。 其实个人理解，前端岗位对于算法的要求与其他IT岗位相比，是低得多的。 但是小白我经历了如蚂蚁金服、网易这样的大厂教做人之后，还是觉得，对于一些基本算法、思想的掌握还是必须的。 然后，就把自己遇到的、学到的算法相关的再总结一下，方便自己随时备战面试。 JS…

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…

几天前和后端同事探讨接口问题。起因是他给我一个不需要任何数据提交，单纯得到数据的Post接口。引发了我对Post，Get接口的思考。 Post，Get接口是我们最常使用的接口。那么那些似乎约定俗成的规则又是怎么来的呢？ 下面让我们一探究竟吧。 GET请求会向数据库发索取数据的请…

ESLint 是用来检查我们写的 JavaScript 代码是否满足指定规则的静态代码检查工具。 统一的代码编写格式，使得代码书写风格统一。 更加严格的书写要求，减少了代码出错的概率。 新建名为 .eslintrc 的文件。该文件的内容为对 ESLint 的配置。（一般vue-…

我们假设您已经有过js+html+css的开发经验。如果您是纯粹的小白请参看ECMAScript6 入门 假定您对Webpack和vue-loader有些熟悉。如果您不熟悉请参看webpack demo 文本编辑器采用vscode,vscode丰富的插件库可以满足绝大部分的使用…

作为前端程序员，在走入前端这条道路一年之后，深深地感受到技术不精带来的屈辱、重复劳动带来的疲惫、知识众多带来的压力。这些原因都成为了推动我写前端101天的最原始的动力。接下来我会用101天的时间讲解101个前端知识点。希望对正在前端道路上奋斗的以及将要进入前端领域的小伙伴们有所…