Mickey 小站

尘世迷途小码农

js-css-slider

js和css的轮播实现方式

博主最近使用react和python对豆瓣电影进行爬取，需要实现一个无限轮播的功能，即滚动到最后一个slider-item的时候，需要立即滑动到第一个item，在之前写Cloud-Sing项目的时候，博主使用的是纯CSS实现的方法，但是在Douban-Movie项目中，这个方法并不适用，我使用的是JS实现轮播的方法，下面博主就来介绍一下这两种实现无限轮播的方法 CSS实现轮播方法下图就...

Posted by Mickey on September 3, 2017

vue-component

Vue组件的创建，注册和使用

Vue是博主学习的第一个MVVM框架，当时学习的时候为了快速上手，加之有vue-cli十分的好用，对vue中组件相关的操作没有理解的非常透彻，最近公司用vue写一些后台管理界面，深刻的发现自己的基础不是很扎实，于是温习了一下，在此记录一下～组件简介组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为...

Posted by Mickey on August 19, 2017

scrapy-install-error

scrapy安装失败

笔者最近沉迷python爬虫，经过一系列基础练习之后，终于到了使用框架的阶段，笔者选择了scrapy框架，这篇文章只是记录一下安装所踩的坑，所以不介绍scrapy的优点了，有需要者自行谷歌，知乎～ 1.博主用的是mac，window没试过哈，首先安装pip 2.然后通过pip安装scrapy sudo pip install scrapy 3.一般情况下，都能正常安装，然后在命令行输...

Posted by Mickey on August 11, 2017

初识CSS抛物线动画

Get started with CSS parabolic animation

上周笔者在完成自己的react-ele项目的时候，需要实现点餐的时候，商品以抛物线的形式落入购物车的动画。咋一看，似乎没有头绪，以前做的动画都是水平垂直运行的，仔细思考之后，其实抛物线运动也能分解成为水平方向的匀速运动和竖直方向的加速度运动，于是我们只用定义两个方向的动画即可，笔者随即去谷歌了一发，大家的思路也和我差不多，下面就给出具体的方法首先要感谢这两篇对我启发比较大的博客文章，分...

Posted by Mickey on August 6, 2017

linear-gradient

CSS之线性变化

近期懒癌又犯了，完全没有更博的动力QAQ。好吧，言归正传，最近在做项目的时候，有学习到linear-gradient这个属性，觉得很有意思，于是来记录一下～ ———— linear-gradient CSS linear-gradient()函数创建一个表示颜色线性变化的image，该函数的结果是CSS gradient 数据类型的对象。像任何其他渐变，CSS线性渐变不是一个CSS ...

Posted by Mickey on July 29, 2017

如何成为一名前端工程师？

How to become a front-end engineer?

笔者的编程之路其实也不是一帆风顺，大学前三年为了获得学院的保研名称，真的可以说是一门心思放在了学习上，导致理论知识和实践能力完全脱节，顶多平时刷刷leetcode，其他的一窍不通，在大三下学期的时候，笔者去面试了一发阿里的暑期实习，结果可想而知，被虐的非常惨，然后的几个月时间内，非常的迷茫，不知道自己喜欢啥，也不知道以后能够做什么，做过JAVAEE，写过android，做过测试开发，然...

Posted by Mickey on July 18, 2017