<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Mei12656276的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Mei12656276</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Mei12656276]]></copyright><item><title><![CDATA[Vue 全局变量，局部变量]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/89390439</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/89390439</guid><author>Mei12656276</author><pubDate>Thu, 18 Apr 2019 23:09:28 +0800</pubDate><description><![CDATA[全局组件和局部组件

1.先定义组件   Vue.component(‘组件名’, { 组件模板对象 })
注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后小写

                  例如: 组件--&gt;mtText   使用时--&gt;   &lt;my-text&gt;&lt;/my-text&gt;


2.配置组件的模板 ...]]></description><category></category></item><item><title><![CDATA[webpack打包css等文件]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/89344260</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/89344260</guid><author>Mei12656276</author><pubDate>Tue, 16 Apr 2019 22:51:01 +0800</pubDate><description><![CDATA[运行npm i style-loader css-loader --save-dev
module: { // 用来配置第三方loader模块的
        rules: [ // 文件的匹配规则
            { test: /\.css$/, use: ['style-loader', 'css-loader'] }//处理css文件的规则
        ]
    }

运行...]]></description><category></category></item><item><title><![CDATA[webpack的实时打包构建]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/89314244</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/89314244</guid><author>Mei12656276</author><pubDate>Mon, 15 Apr 2019 16:14:14 +0800</pubDate><description><![CDATA[在项目根目录中创建webpack.config.js


由于运行webpack命令的时候，webpack需要指定入口文件和输出文件的路径，所以，我们需要在webpack.config.js中配置这两个路径：
const   path= require(“path”);
module.exports={
enter:path.join(__dirname,".src/index.js"),
o...]]></description><category></category></item><item><title><![CDATA[webpack 4.x安装命令]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/89308330</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/89308330</guid><author>Mei12656276</author><pubDate>Mon, 15 Apr 2019 11:12:39 +0800</pubDate><description><![CDATA[运行npm i webpack -g全局安装webpack，这样就能在全局使用webpack的命令


在项目根目录中运行npm i webpack安装到项目依赖中


运行npm init -y初始化项目


创建项目基本的目录结构src  和  dist,在src里新建index.html


使用npm i jquery -S安装jquery类库
创建index.js并书写各行变色的代码...]]></description><category></category></item><item><title><![CDATA[console]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/89302937</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/89302937</guid><author>Mei12656276</author><pubDate>Sun, 14 Apr 2019 21:59:38 +0800</pubDate><description><![CDATA[console.log()这个方法是前端人员最熟悉的了，几乎我们每天都会使用，除了简单的打印对象功能，那么以下两种使用方法你知道吗？
1、多参数记录

当我们要去比对两个对象时，想让这两个对象整齐的在两边，这时console.log()就能帮上我们的忙。
2、格式化输出
console.log(msg, values)；这种跟C#的string.Format()有点像，console.log()能...]]></description><category></category></item><item><title><![CDATA[初次使用webpack 时候遇到的奇葩问题“Cannot find module 'webpack'”]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/89218943</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/89218943</guid><author>Mei12656276</author><pubDate>Thu, 11 Apr 2019 20:12:15 +0800</pubDate><description><![CDATA[https://blog.youkuaiyun.com/vivian_wang07/article/details/83587560

]]></description><category></category></item><item><title><![CDATA[vue-axios的使用及其get与post网络请求]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/89102493</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/89102493</guid><author>Mei12656276</author><pubDate>Mon, 08 Apr 2019 19:07:46 +0800</pubDate><description><![CDATA[https://blog.youkuaiyun.com/qq_41115965/article/details/80780264

]]></description><category></category></item><item><title><![CDATA[浅谈Vue.js]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/89004869</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/89004869</guid><author>Mei12656276</author><pubDate>Wed, 03 Apr 2019 20:59:52 +0800</pubDate><description><![CDATA[Vue.js简介

Vue.js的作者为Evan You（尤雨溪），曾任职于Google Creative Lab，虽然是Vue是一个个人项目，但在发展前景上个人认为绝不输于Google的AngularJs，下面我会将Vue与Angular（Angular 1.0+版本）做一些简单的比较。

Vue的主要特点就和它官网（http://cn.vuejs.org/）所介绍的那样：

（1） 简洁 （2...]]></description><category></category></item><item><title><![CDATA[Vue2.0 v-for 中 :key 到底有什么用？]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/88979832</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/88979832</guid><author>Mei12656276</author><pubDate>Tue, 02 Apr 2019 20:02:02 +0800</pubDate><description><![CDATA[其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。
要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。
我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。
vue和react的虚拟DOM的Diff算法大致相同，其核心是基于两个简单的假设：

...]]></description><category></category></item><item><title><![CDATA[bootstrap到底是用来做什么的]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/88904619</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/88904619</guid><author>Mei12656276</author><pubDate>Sat, 30 Mar 2019 00:11:52 +0800</pubDate><description><![CDATA[Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。
是一个做网页的框架（目前最流行的WEB前端框架），就是说你只需要写HTML标签调用它的类你就可以很快速的做一个高大上的网页，你不用担心兼容问题，提供了很多样式供你选择！
比如你需要做一个网站的导航对吧，你自己写的话你...]]></description><category></category></item><item><title><![CDATA[移动端click时间、touch事件、tap事件详解]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/88875763</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/88875763</guid><author>Mei12656276</author><pubDate>Thu, 28 Mar 2019 19:02:53 +0800</pubDate><description><![CDATA[转载https://www.cnblogs.com/luoguixin/p/6370201.html
至 一、click 和 tap 比较
两者都会在点击时触发，但是在手机WEB端，click会有 200~300 ms，所以请用tap代替click作为点击事件。
singleTap和doubleTap 分别代表单次点击和双次点击。
二、关于tap的点透处理
在使用zepto框架的tap来移动设备浏...]]></description><category></category></item><item><title><![CDATA[ajax]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/88807873</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/88807873</guid><author>Mei12656276</author><pubDate>Mon, 25 Mar 2019 22:19:02 +0800</pubDate><description><![CDATA[AJAX的全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
ajax不是新的编程语言，而是一种使用现有标准的新方法。ajax是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。
ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少...]]></description><category></category></item><item><title><![CDATA[ajax]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/88652676</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/88652676</guid><author>Mei12656276</author><pubDate>Mon, 18 Mar 2019 23:19:48 +0800</pubDate><description><![CDATA[jquery中的ajax方法参数总是记不住，这里记录一下。
1.url:
要求为String类型的参数，（默认为当前页地址）发送请求的地址。
2.type:
要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。
3.timeout:
要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将...]]></description><category></category></item><item><title><![CDATA[js 实现左侧菜单拖动改变宽度]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/88317625</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/88317625</guid><author>Mei12656276</author><pubDate>Thu, 07 Mar 2019 19:18:20 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
 
&amp;lt;head&amp;gt;
	&amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;
	&amp;lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&amp;gt;
	&amp;lt;title&amp;gt;js实现左侧菜单拖动改变宽度&amp;lt;/]]></description><category></category></item><item><title><![CDATA[transform 和@keyframes]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/88047378</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/88047378</guid><author>Mei12656276</author><pubDate>Thu, 28 Feb 2019 23:27:45 +0800</pubDate><description><![CDATA[转自文章  https://segmentfault.com/a/1190000004460780#articleHeader5
一、transform 和@keyframes动画的区别：
@keyframes动画是循环的，而transform 只执行一遍.

二、@keyframes
CSS3中添加的新属性animation是用来为元素实现动画效果的，但是animation无法单独担当起实现动画...]]></description><category></category></item><item><title><![CDATA[初步了解ajax]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/87923347</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/87923347</guid><author>Mei12656276</author><pubDate>Mon, 25 Feb 2019 19:55:51 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;Title&amp;lt;/title&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
&amp;lt;script&am]]></description><category></category></item><item><title><![CDATA[.attr 与. css]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/87885319</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/87885319</guid><author>Mei12656276</author><pubDate>Fri, 22 Feb 2019 20:41:04 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;Title&amp;lt;/title&amp;gt;

    &amp;lt;style&amp;gt;
        body {
            backgr]]></description><category></category></item><item><title><![CDATA[jq封装之手风琴]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/87865975</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/87865975</guid><author>Mei12656276</author><pubDate>Thu, 21 Feb 2019 18:09:58 +0800</pubDate><description><![CDATA[jquery封装部分
$.fn.acc = function (colors, width) {
    colors = colors || []
    width = width || 100;
    var $li = this.find(&quot;li&quot;);
    var maxlength = this.width() - width * ($li.length - 1);
    var...]]></description><category></category></item><item><title><![CDATA[jq星星点评]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/87825426</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/87825426</guid><author>Mei12656276</author><pubDate>Wed, 20 Feb 2019 21:42:39 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;
        &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&amp;gt;
&amp;lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&amp;gt;
&amp;lt;head&amp;gt;
 ..]]></description><category></category></item><item><title><![CDATA[jquery的一些方法]]></title><link>https://blog.youkuaiyun.com/Mei12656276/article/details/87741956</link><guid>https://blog.youkuaiyun.com/Mei12656276/article/details/87741956</guid><author>Mei12656276</author><pubDate>Tue, 19 Feb 2019 23:13:41 +0800</pubDate><description><![CDATA[     &amp;lt;script&amp;gt;
            window.function () {
                console.log(&quot;入口函数&quot;)
            }
        //jquert===&amp;gt;$
        // 文档准备好了可以执行了
            $(document).ready(function () {
     ...]]></description><category></category></item></channel></rss>