<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mia1106的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/mia1106</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; mia1106]]></copyright><item><title><![CDATA[vue-cli3+cubeUI快速搭建项目]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/97886947</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/97886947</guid><author>mia1106</author><pubDate>Thu, 01 Aug 2019 09:10:07 +0800</pubDate><description><![CDATA[想开发一个web项目，选择vue.js框架，如何使用vue-cli3帮我们快速的搭建项目，选择合适的参数配置呢？

vue-cli3脚手架可以快速的帮我们完成搭建，此外，也需要考虑选择一个合适的UI库，可以实现页面的自适应以及快速构建一些常用功能等目标。

首先贴上官方vue-cli3地址，完全没搭过的，可以顺着看一看。

构建项目

首先，创建项目，指令如下一行。


vue create pr...]]></description><category></category></item><item><title><![CDATA[git 查看配置及修改]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/97917459</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/97917459</guid><author>mia1106</author><pubDate>Wed, 31 Jul 2019 14:42:02 +0800</pubDate><description><![CDATA[git config user.name

git config --list

或者查看~/.gitconfig 文件。

改名字：


#global代表全局修改
git config --global user.name "要修改的名字"


]]></description><category></category></item><item><title><![CDATA[vue实现前端搜索功能]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/97643712</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/97643712</guid><author>mia1106</author><pubDate>Mon, 29 Jul 2019 15:14:39 +0800</pubDate><description><![CDATA[当数据量不是很大时，可以在前端进行搜索。这里实现基本的搜索功能，可以根据实际情形，再增添功能，将其变复杂。

将下面的代码贴过去，就可以直接体验简单的搜索功能。没有写样式，仅供大家了解实现的逻辑。

界面

界面通常包含最基础的几部分，一是搜索框，二是搜索出的内容的列表展示。这两个基本上是必须。此外，可以再添加取消按钮，即清空你的搜索，等等部分。


&lt;div id="app"&gt;
  ...]]></description><category></category></item><item><title><![CDATA[手写表单及h5表单验证举例]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/93979295</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/93979295</guid><author>mia1106</author><pubDate>Fri, 28 Jun 2019 14:05:20 +0800</pubDate><description><![CDATA[表单是一个很重要的概念，这里涉及到收集数据以及验证数据，以及表单的用户体验。一般ui框架会有封装好的这些功能。

这里复习一下手写表单，顺带复习一下表单的基本属性，基本样式和h5的表单验证。

一个表单基本包含一个html结构，即表单结构，针对html的样式，表单验证，表单提交。这里会把前三项的相关代码贴出来。大家组合到一个html页面之中，就可以形成一个完整的功能。

表单基本结构

一般包含 ...]]></description><category></category></item><item><title><![CDATA[前端面试题总结 2019---持续更新]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/88920079</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/88920079</guid><author>mia1106</author><pubDate>Tue, 16 Apr 2019 21:56:02 +0800</pubDate><description><![CDATA[题目来自于https://www.jianshu.com/p/eb0f269098d5以及来自个人的整理，答案是参考不同的资料写的，会不断完善。

题目是目前前端的一些核心知识点，即使不面试，复习一下也很好。



【CSS篇】

1. CSS盒子模型，绝对定位和相对定位


盒模型比较全面的理解：https://www.cnblogs.com/clearsky/p/5696286.html
盒...]]></description><category></category></item><item><title><![CDATA[javascript中如何实现类 (class) ---简述构造函数与原型对象]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/89260735</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/89260735</guid><author>mia1106</author><pubDate>Fri, 12 Apr 2019 22:17:25 +0800</pubDate><description><![CDATA[在 js中，类的实现是通过原型的继承机制。

通常的方法，是定义构造函数，即是定义类，类名即构造函数名，首字母必须大写。在其中定义一些共有的属性名。

同时，使用关键字prototype来定义构造函数的原型对象，在其中定义共享的方法。当定义好这些之后，必须通过关键字new来调用

构造函数，实现创建实例。此实例‘继承’所有原型的方法。

构造函数及原型对象实现类

这里使用犀牛书的示例 9-2 ...]]></description><category></category></item><item><title><![CDATA[在vue工程中使用vue-awesome-swiper实现轮播图]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/89177080</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/89177080</guid><author>mia1106</author><pubDate>Wed, 10 Apr 2019 11:28:54 +0800</pubDate><description><![CDATA[自己做的小项目中，需要使用轮播图。选择了网上推荐的vue-awesome-swiper。这里讲一下，如何在vue工程中，安装及使用vue-awesome-swiper。后续如有更加复杂的应用，会继续补充。

这里实现的功能就是，应用在移动端，自动轮播，可以显示原点式的提示，展示显示到了第几章轮播。

首先，贴出非常有用的官方网址。

vue-awesome-swiper:https://www.s...]]></description><category></category></item><item><title><![CDATA[使用vue-cli快速创建工程化vue项目以及添加Vue-router+Sass]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/88356168</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/88356168</guid><author>mia1106</author><pubDate>Sat, 09 Mar 2019 12:05:19 +0800</pubDate><description><![CDATA[这篇文章主要描述，你如何快速创建一个工程化的vue项目。

使用vue-cli,会非常容易及快速的构件一个工程化的Vue项目。我主要依赖的就是vue-cli的官方网站。https://cli.vuejs.org/zh/guide/。

基础部分

通过以下三部我们就可以快速搭建一个vue.js工程项目

第一步，是要安装vue-cli.

安装vue-cli之前,需要node.js. 怎样知道自己...]]></description><category></category></item><item><title><![CDATA[从远端拉取本地没有的分支，并自动在本地建立该分支]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/84651974</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/84651974</guid><author>mia1106</author><pubDate>Fri, 30 Nov 2018 15:15:00 +0800</pubDate><description><![CDATA[当本地没有想要拉取的分支，想直接拉取远端的分支，且分支名相同

（1） git branch  查看本地的git库包含的分支



目前本地有五个分支，'*'代表当前所在的分支

（2）git checkout -b 本地分支 origin/远程分支



这个时候就讲远程的分支拉到了本地，并且切到了本地，并且两者关联在了一起。

（3）可以再次使用 git branch 查看目前本地的分支状况
...]]></description><category></category></item><item><title><![CDATA[pull错代码，恢复到pull之前 ---本地代码回退]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/84634832</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/84634832</guid><author>mia1106</author><pubDate>Thu, 29 Nov 2018 16:31:50 +0800</pubDate><description><![CDATA[本地拉远端分支时，不小心拉错了代码。网上查找了一下，按照此篇文章进行操作。

https://blog.youkuaiyun.com/code_segment/article/details/78597441?locationNum=4&amp;amp;fps=1。

（1）git reflog



(2) git reset --hard ae5244a8     填写自己想要回退的版本



通过以上两部，拉错...]]></description><category></category></item><item><title><![CDATA[vsCode使用]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/84586660</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/84586660</guid><author>mia1106</author><pubDate>Wed, 28 Nov 2018 16:36:01 +0800</pubDate><description><![CDATA[快捷键

1) html页面快速生成一个h5页面：！+ TAB

2) 在浏览器中打开 ： open in browser插件，安装插件后，ALT+B]]></description><category></category></item><item><title><![CDATA[vue中使用less]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/84300884</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/84300884</guid><author>mia1106</author><pubDate>Tue, 20 Nov 2018 14:21:52 +0800</pubDate><description><![CDATA[首先，使用vue-cli快速建立一个vue project

二,  在该项目中安装less及loader

$ npm install less less-loader --save-dev

关于何时使用“--save-dev”或者“--save”,参见 https://www.cnblogs.com/limitcode/p/7906447.html。因为仅在开发下使用，这里使用--save-...]]></description><category></category></item><item><title><![CDATA[div与image-令div刚好包裹image]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/83655167</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/83655167</guid><author>mia1106</author><pubDate>Fri, 02 Nov 2018 14:48:14 +0800</pubDate><description><![CDATA[image在外面有时会包裹一层div.但是，视图效果，经常会出现问题。

有一些解决办法。

（1），改变image的display, 如，


  .top-header .left-icon img,.top-header .right-icon img{
        display:block;//这样其外的div可以正好将其包裹住
        width:px2rem(25px);...]]></description><category></category></item><item><title><![CDATA[给echart的数据提示部分增加单位等]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/83584434</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/83584434</guid><author>mia1106</author><pubDate>Wed, 31 Oct 2018 15:12:32 +0800</pubDate><description><![CDATA[关于echart文档上，关于formatter的使用，读起来比较复杂，不是很清楚每个选项到底是什么含义。使用如下的方法，可以清楚的知道，你想要编辑的数据在哪里。

首先，点击axis或者item会触发数据显示内容，这所有的设置都在tooltip之中。


tooltip : {
                    trigger: 'axis',                   
    ...]]></description><category></category></item><item><title><![CDATA[echart重绘 数据更新 但是legend却没有更新]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/83540746</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/83540746</guid><author>mia1106</author><pubDate>Tue, 30 Oct 2018 13:58:27 +0800</pubDate><description><![CDATA[
{
    let studyConditionChart=echarts.init(document.getElementById('studyCondition'));
        studyConditionChart.setOption(this.OptionStudyCondition,true);
        //注意这里一定要有参数true
}

在使用echart时，数据...]]></description><category></category></item><item><title><![CDATA[无法通过小乌龟推送远端代码 Git : Could not read from remote repository]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/83276541</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/83276541</guid><author>mia1106</author><pubDate>Mon, 22 Oct 2018 18:02:25 +0800</pubDate><description><![CDATA[转自： https://blog.youkuaiyun.com/rlnote/article/details/80711095

git 项目选择 Clone or download 的Https地址.

配置小乌龟,git=&amp;gt;远端 URL改SSH地址为Https地址.

 

 

 ]]></description><category></category></item><item><title><![CDATA[递归搜索树形结构并返回搜索值]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/82905624</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/82905624</guid><author>mia1106</author><pubDate>Sun, 30 Sep 2018 10:10:16 +0800</pubDate><description><![CDATA[这里要处理的数据，是一组树型结构。如下


let options=
[
    {&quot;value&quot;:1,&quot;label&quot;:&quot;三甲&quot;,&quot;children&quot;:[
             {&quot;value&quot;:68,&quot;label&quot;:&quot;上海三甲&quot;,&quot;children&quot;:[{&quot;value&quot;:681,&quot;label&quot;:&quot]]></description><category></category></item><item><title><![CDATA[使用TortoiseGit, 从远程仓库克隆一个项目以及提交，创建分支,合并分支等基本操作]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/82625066</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/82625066</guid><author>mia1106</author><pubDate>Tue, 11 Sep 2018 14:47:06 +0800</pubDate><description><![CDATA[下载TortoiseGit,对用户名秘密邮箱等在tortoiseGit的general中进行配置。

假设在你的远程仓库，有一个项目，需要clone到本地,你需要创建个人分支，对其修改，提交等基本操作。

第一：打开Git中你需要下载的项目，copy其地址。注意这里是http,而非ssh.



第二：在本地你希望克隆项目的地方，右键-&amp;gt;选择Git clone.

会跳出界面，需要你粘贴刚才...]]></description><category></category></item><item><title><![CDATA[windows中，安装weex出现 weex: command not found]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/82623673</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/82623673</guid><author>mia1106</author><pubDate>Tue, 11 Sep 2018 13:25:27 +0800</pubDate><description><![CDATA[weex 安装前提，已经完成node.js的安装。

使用cnpm install wee专栏管理x-toolkit -g, 显示已经下载及安装。搞不清楚是什么原因，在输入weex时，却显示没有此指令。

由于本人关于node.js的配置中，已经完成了node.js的路径配置（貌似自动的，总之后续查询时，路径是已经有的）。但是，在后面我们使用cnpm,以及weex时，安装的路径都涉及了其下文件夹，...]]></description><category></category></item><item><title><![CDATA[将对象转换成对象数组的形式]]></title><link>https://blog.youkuaiyun.com/mia1106/article/details/80968012</link><guid>https://blog.youkuaiyun.com/mia1106/article/details/80968012</guid><author>mia1106</author><pubDate>Mon, 09 Jul 2018 11:55:46 +0800</pubDate><description><![CDATA[有时候，拿到一个对象，会希望将其专化成自己需要的数据结构，如数组，方便应用于一些场合。本质都是遍历对象，对其key,value 进行处理。这里，我们不仅希望简单的拿到，key or value的集合，而是希望分别拿到key,value,组成一个对象，再将其组成数组。下面的代码即可以实现。let obj={&quot;shanghai&quot;:[1,2,3],&quot;chengdu&quot;:[1,2,3,4,5]};
var ...]]></description><category></category></item></channel></rss>