<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ALLEN的博客]]></title><description><![CDATA[关于生活我从不妥协]]></description><link>https://blog.youkuaiyun.com/DOCALLEN</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; DOCALLEN]]></copyright><item><title><![CDATA[2018在路上，先给自己一点掌声！]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/78897870</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/78897870</guid><author>DOCALLEN</author><pubDate>Mon, 25 Dec 2017 23:11:53 +0800</pubDate><description><![CDATA[1、前言也是序



2017，毕业了...

职业：前端开发

坐标：杭州

座右铭：一直在路上

2017年是我人生的一个转折点

再见济南，你好杭州！


我在二环路的里边 想着你

你在远方的山上 春风十里

今天的风又吹向你 下了雨

我说所有的酒 都不如你

            — —《春风十里》

想说很多，不知从哪下笔。2017改变了很多，仍需努力。记录自己，聊聊前端。

毕业]]></description><category></category></item><item><title><![CDATA[前端框架Vue（16）——vue-i18n ，vue项目中如何实现国际化]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/78408137</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/78408137</guid><author>DOCALLEN</author><pubDate>Tue, 31 Oct 2017 21:12:38 +0800</pubDate><description><![CDATA[一、前言  趁着10月的最后一天，来写一篇关于前端国际化的实践型博客。国际化应该都不陌生，就是一个网站、应用可以实现语言的切换。  在这就不谈原理，只说说如何实现中英文的切换。做技术的总得先把 demo 做出来嘛。二、demo 场景需求分析需求很简单，左上角 ‘’网易云音乐‘’就是一个中英文切换的按钮，点击弹出提示框，确认切换语言后，实现英文版本。切换成英文版本：三、实现国际化  首先，我开发是以]]></description><category></category></item><item><title><![CDATA[前端框架Vue（15）——vue-cli 仿网易云音乐 Demo,环境搭建到开发 Vue 全家桶练手项目]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/77888612</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/77888612</guid><author>DOCALLEN</author><pubDate>Fri, 08 Sep 2017 00:25:52 +0800</pubDate><description><![CDATA[一、前言  在这个 vue 系列的第一篇文章，我写过是 vue-cli-simple 脚手架的环境搭建。前段时间，也刚好给公司做了一个后台管理系统的产品，用的就是 vue-cli-simple。 一个月的时间将系统从无到上线，组件化、模块化开发的非常快速、可读性、复用性，整理架构清晰，易管理、维护。  所以，这次利用 vue-cli 完整版来实践一下。那么这个 simple 在哪呢？其实，simpl]]></description><category></category></item><item><title><![CDATA[前端框架Vue（14）—— 利用 vue 过渡效果（transition）+定时器 实现轮播图通用组件]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/77532214</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/77532214</guid><author>DOCALLEN</author><pubDate>Thu, 24 Aug 2017 16:49:44 +0800</pubDate><description><![CDATA[序论：    轮播图 相信都不会陌生，很多的网站都会有，而且实现的方式也是千变万化，可以利用封装好的 UI 库 （bootstrap），也可以原生的 JS 进行编写。但是其中，动画（transition）和定时器都是必不可少的。本文就是利用 vue 自带的 transition 动画过渡效果加上定时器编写轮播图。效果： 
 
1、功能分析。从上面的效果图中看，有四个基本功能：1、自动的轮播的功能；]]></description><category></category></item><item><title><![CDATA[前端框架Vue（13）——vue 中如何对公共css、 js 方法进行单文件统一管理，全局调用]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/76687667</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/76687667</guid><author>DOCALLEN</author><pubDate>Fri, 04 Aug 2017 16:32:50 +0800</pubDate><description><![CDATA[1、前言    最近，为公司开发交付的一个后台管理系统项目，我使用了 Vue 框架进行开发实践。    模块化、组件化、工程化的开发体验非常好。良好的 api，优雅的设计，对于工程师非常友好。    但是由于模块比较多，我对于每个模块分配了不同的组件，发现一个项目中有许多相同的方法，
    在每个组件中我都需要进行重复的编写。    所以，我希望能够将这些公共的方法，抽离出来放到同一个 js 中，]]></description><category></category></item><item><title><![CDATA[web前端二三招——计算机原理知识点总结]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/76522267</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/76522267</guid><author>DOCALLEN</author><pubDate>Tue, 01 Aug 2017 13:40:27 +0800</pubDate><description><![CDATA[一、前言    本分类下的文章内容将会总结一些关于 web 前端的笔试题和面试题，文章的内容将有本人总结的，也有互联
网上存在的知识点，作为搬运工分享给自己和所有的 优快云 用户。    内容会持续更新...二、浏览器协议1、HTTPS与HTTP的一些区别 —— 来自 code小生  HTTPS协议需要到CA申请证书。  HTTP协议运行在TCP之上，所有传输的内容都是明文，HTTPS运行在SSL]]></description><category></category></item><item><title><![CDATA[前端框架Vue（12）——如何将 vue-cli 项目打包压缩（npm run build）后放到服务器]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/75565775</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/75565775</guid><author>DOCALLEN</author><pubDate>Thu, 20 Jul 2017 17:17:38 +0800</pubDate><description><![CDATA[当我们将 vue 项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是 vue-cli（simple） 脚手架，所以就讲一下如何将项目进行打包，并放到 tomcat 上。 
  如果是 vue-cli (非 simple 脚手架)，这篇文章可能有点帮助。地址链接：vue-cli 如何打包上线  先来描述一下期间遇到的问题有哪些：1、打包后将 dist 文件夹和 index.html]]></description><category></category></item><item><title><![CDATA[NodeJS（三）——基础环境、函数调用和继承]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/75452962</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/75452962</guid><author>DOCALLEN</author><pubDate>Wed, 19 Jul 2017 23:28:39 +0800</pubDate><description><![CDATA[一、开发条件开发前你得先安装 nodejs,以及可以事先安装好包管理器 npm。二、简介：  Node.js是运行在服务器端的JavaScript，可编写高性能服务器。单线程、异步、事件驱动。  特点：速度快、但是内存消耗多（可解决）。  可用框架：express、koa、Hapi。三、开发基础代码打开 sublime,建一个 hello.js 文件：var http = require('http]]></description><category></category></item><item><title><![CDATA[前端框架Vue（11）——Vue+表单验证 VeeValidate 实践]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/73650179</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/73650179</guid><author>DOCALLEN</author><pubDate>Fri, 23 Jun 2017 17:13:57 +0800</pubDate><description><![CDATA[这次来讲一下表单验证插件 VeeValidate,那为什么要结合 Vue 来讲呢？来看一下 github 上的图片就明白了！  为 Vue 而来的！不清楚是不是 Vue 的官方表单验证插件。  废话不多说直接显示效果：===============================分隔线==================================  为什么需要用表单验证插件，想想自己重写过几次]]></description><category></category></item><item><title><![CDATA[毕业季，人生的另一个起点！]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/73302916</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/73302916</guid><author>DOCALLEN</author><pubDate>Thu, 15 Jun 2017 21:48:11 +0800</pubDate><description><![CDATA[去年的这个时候，看着学长、学姐们穿着学士服，穿行在学校的每个角落，只为在这点滴的大学时光留下里，留下尽量多的能够回忆的东西。  2017年6月10号，随着我走出毕业答辩的教室，我的大学生涯也画上了句点。总说毕业遥遥无期，那些年吹过的牛，逃过的课，打过的篮球赛，追过的女孩，通宵打过的游戏还历历在目，兄弟们先撤了！溜了溜了，兄弟们常联系！男生就是这样，嘴上说的若无其事，眼睛却早就开始模糊。抒情就到这。讲]]></description><category></category></item><item><title><![CDATA[前端框架Vue（10）——vuex 状态管理]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/71644519</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/71644519</guid><author>DOCALLEN</author><pubDate>Thu, 11 May 2017 17:34:11 +0800</pubDate><description><![CDATA[1、Vuex 是什么？  Github vue-spa-demo 项目地址  在使用 Vue 框架做单页面应用时，我们时常会遇到传值，组件公用状态的问题。（子父间传值文章传送门） ，如果是简单的应用，兄弟组件之间通信还能使用 eventBus 来作为中介。但是一旦应用比较庞大，那状态将会变得难以维持管理。  Vue 为我们提供了进行大型状态管理的 Vuex,类似 Flux 。Vuex 采用了集中式存]]></description><category></category></item><item><title><![CDATA[JavaScript：数组中删除指定一项 arr.remove( str )]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/71515957</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/71515957</guid><author>DOCALLEN</author><pubDate>Wed, 10 May 2017 11:20:19 +0800</pubDate><description><![CDATA[JavaScript：如何删除数组中指定的一项Array.prototype.indexOf = function(val) {
        for (var i = 0; i < this.length; i++) {
            if (this[i] == val) return i;
        }
        return -1;
    };
//在 Array]]></description><category></category></item><item><title><![CDATA[Python（3）——函数]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/71172032</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/71172032</guid><author>DOCALLEN</author><pubDate>Thu, 04 May 2017 16:37:21 +0800</pubDate><description><![CDATA[/============================ 
以下所有内容，均来自 廖雪峰 的官方网站， 
Python 教程。链接地址：http://www.liaoxuefeng.com 
============================/  在 JavaScript 中我们经常做的就是将实现一个功能的所有代码封装进一个函数里面，只留出参数接口，供调用者自定义。python 中的函数也是]]></description><category></category></item><item><title><![CDATA[JavaScript：利用JavaScript实现的功能、算法和奇淫技巧（持续更新）]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/71083775</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/71083775</guid><author>DOCALLEN</author><pubDate>Tue, 02 May 2017 17:08:25 +0800</pubDate><description><![CDATA[1、JavaScript：输入日期获得从该日期开始的一个月时间function getNextMonth(time) {
            var arr = time.split(/-|\//),
                year = arr[0],
                month = arr[1],
                other = arr[2];]]></description><category></category></item><item><title><![CDATA[前端框架Vue（9）——百度地图使用]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/70877925</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/70877925</guid><author>DOCALLEN</author><pubDate>Thu, 27 Apr 2017 20:22:52 +0800</pubDate><description><![CDATA[百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。  该套API免费对外开放。自v1.5版本起，您需先申请密钥（ak）才可使用，接口无使用次数限制。  地址传送门：http://lbsyun.baidu.com/index.php?tit]]></description><category></category></item><item><title><![CDATA[Python（2）——基础知识爬坑]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/70858895</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/70858895</guid><author>DOCALLEN</author><pubDate>Thu, 27 Apr 2017 16:05:08 +0800</pubDate><description><![CDATA[/============================ 
以下所有内容，均来自 廖雪峰 的官方网站， 
Python 教程。链接地址：http://www.liaoxuefeng.com 
============================/廖雪峰 python 教程中的 python 基础，对于其中的几个重点知识和坑点来沉淀一下：1、输入 input(）、输出 print(）print(]]></description><category></category></item><item><title><![CDATA[Python（1）——python安装和第一个程序]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/70739861</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/70739861</guid><author>DOCALLEN</author><pubDate>Tue, 25 Apr 2017 15:14:23 +0800</pubDate><description><![CDATA[/============================ 
以下所有内容，均来自 廖雪峰 的官方网站， 
python 教程。链接地址：http://www.liaoxuefeng.com 
============================/python 简介1、python 是一种跨平台，面向对象、解释型的计算机程序语言。2、python 语法简洁而清晰，具有丰富并且强大的类库。3、py]]></description><category></category></item><item><title><![CDATA[前端框架Vue（8）——子父组件的传参通信]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/70172799</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/70172799</guid><author>DOCALLEN</author><pubDate>Fri, 14 Apr 2017 15:26:40 +0800</pubDate><description><![CDATA[父子间的通信传值是 vue 中的一个重要的内容和掌握点。  *vue2.0 推荐使用 vuex,全局进行状态管理。（后面再讲）  首先讲一下遇到的 需求背景： 
解释一下： 
  组件之间的关系： <div id="app">
    <loginPage v-on:showState="changeState" v-if="loginShow" :fromParent="fromParent"><]]></description><category></category></item><item><title><![CDATA[前端框架Vue（7）——Vue+ElementUI:简易login登录框重构]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/70171949</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/70171949</guid><author>DOCALLEN</author><pubDate>Fri, 14 Apr 2017 14:32:57 +0800</pubDate><description><![CDATA[目标：Vue 来实现一个简易的登录框，有 用户名（user）和 密码（password），具备简单的校验。  使用的UI框架：ElementUI  vue 登录框的优点: 
无须操作 dom，只需建立数据模型，自动渲染。
双向数据绑定。
  登录框的解决点：
数据如何绑定
登录校验
  先上代码：<template>
<div class="dialog">
    <div class="logi]]></description><category></category></item><item><title><![CDATA[前端框架Vue（6）——Vue 介绍和相关操作]]></title><link>https://blog.youkuaiyun.com/DOCALLEN/article/details/70065210</link><guid>https://blog.youkuaiyun.com/DOCALLEN/article/details/70065210</guid><author>DOCALLEN</author><pubDate>Tue, 11 Apr 2017 17:38:47 +0800</pubDate><description><![CDATA[*本博客会持续更新1、VueJS 浏览器的兼容性 
 
2、如何获得当前点击的元素（整体）methods: {
            showDeleteIcon:function($event){
                console.log(event.currentTarget);
            }
        } 
3、如何获得当前点击的元素（个体）showDele]]></description><category></category></item></channel></rss>